Skip to main content

Games Catalog

Learn how to create and customize your public game catalog, share it with publishers and collaborators, and embed it into your website.

Updated over a week ago

Welcome to the Catalog tool! This powerful feature lets you create a beautiful, public-facing catalog of your games that you can share with publishers, collaborators, or anyone interested in your work. With customization options and easy sharing capabilities, you'll have a professional portfolio up and running in minutes.

What is the Catalog Tool?

The Catalog tool creates a public-facing webpage showcasing your games. Think of it as your digital portfolio or showroom—a place where you can:

  • Display your games with beautiful visuals and information

  • Share with publishers, collaborators, or potential partners

  • Embed into your own website

  • Customize the look and feel to match your brand

The best part? No coding required! Everything is managed through an intuitive interface.

Getting Started

Step 1: Enable Catalog Sharing

Before you can use the catalog, you need to enable sharing:

  1. Navigate to Catalog from your account dashboard

  2. Click the "Enable Catalog Sharing" button in the top right corner

  3. Your catalog is now live! You'll see a unique URL generated automatically

Important: Only account owners can enable catalog sharing. Collaborators won't see this option.

Step 2: Customize Your Catalog URL

Your catalog gets a unique web address automatically. You can customize it:

  1. In the Shared Games tab, find the "Your Catalog Link" card

  2. Click "Edit" next to the URL

  3. Enter your custom slug (lowercase letters, numbers, and hyphens only)

  4. Click "Save"

Example:

  • Default: https://bdsy.cc/your-account-name

  • Custom: https://bdsy.cc/my-game-studio

Tips:

  • Keep it short and memorable

  • Use your studio name or brand

  • Avoid spaces—use hyphens instead

  • Make sure it's unique (you'll see an error if it's already taken)

Managing Your Games

Understanding Game Sharing Settings

Each game in your catalog has two important toggles:

Novelty Toggle:

  • Marks games as "new" or "featured"

  • Novelty games appear first in your catalog

  • Great for highlighting your latest releases

  • Games are grouped: novelty games first, then others

Shared Toggle:

  • Controls whether a game appears in your public catalog

  • Only games with "Shared" enabled will be visible

  • Perfect for showing only your published games while keeping prototypes private

Adding Games to Your Catalog

  1. In the Shared Games tab, you'll see all your games listed

  2. Find the game you want to share

  3. Toggle the "Shared" switch to ON (purple with green checkmark)

  4. The game will immediately appear in your public catalog

Pro Tip: You can toggle sharing on/off anytime—it updates instantly!

Organizing Your Games

Using Drag and Drop:

  • Click and hold the grip handle (three vertical dots) on the left of any game

  • Drag it to a new position

  • Release to drop it in place

  • Games are automatically saved in the new order

Novelty vs. Regular Games:

  • Novelty games always appear first

  • You can drag games between the novelty section and regular section

  • When you drag a game to the novelty section, it automatically becomes a novelty game

  • When you drag it to the regular section, it becomes a regular game

Reordering Alphabetically:

  • Click the "Reorder A-Z" button next to the search bar

  • All games will be sorted alphabetically within their groups

  • Novelty games sorted A-Z, then regular games sorted A-Z

Searching Games:

  • Use the search bar to quickly find games

  • Search filters by game name

  • Works in real-time as you type

Customizing Your Catalog

Switch to the Customization tab to personalize your catalog's appearance.

Adding a Catalog Logo

  1. In the Catalog Logo section, click to upload an image

  2. Choose a square or circular logo that represents your brand

  3. The logo appears in the sidebar of your public catalog

  4. Click "Clear" to remove the logo if needed

Tips:

  • Use a high-quality image (PNG with transparent background works best)

  • Recommended size: 200x200 pixels or larger

  • The logo appears in a circular frame, so square images work best

Customizing the Sidebar

The sidebar is where you can add:

  • Your bio or company description

  • Contact information

  • Social media links

  • Any other information you want visitors to see

To Edit:

  1. In the Catalog Sidebar section, you'll see a rich text editor

  2. Click in the editor to start typing

  3. Use the toolbar to format text, add links, lists, etc.

  4. Your changes save automatically after 2 seconds

Editor Features:

  • Text formatting: Bold, italic, underline

  • Lists: Bulleted and numbered lists

  • Links: Add clickable links to websites

  • Text alignment: Left, center, right

  • Undo/Redo: Fix mistakes easily

Example Content:

Hello! I'm a game designer based in Seattle, WA.

Contact me at: [[email protected]](mailto:[email protected])
Phone: (555) 123-4567

Check out my portfolio: [www.mygamestudio.com](http://www.mygamestudio.com/)

Previewing Your Changes

The Catalog Preview section shows exactly how your catalog will look to visitors:

  • Live updates: Changes appear in the preview automatically

  • Refresh button: Click "Refresh Preview" to reload if needed

  • Open in new tab: Click "Open in New Tab" to see the full catalog in a new window

Using the Preview:

  • Check that your logo looks good

  • Verify sidebar content is formatted correctly

  • See how games are displayed

  • Test that everything appears as expected

Advanced Customization

Custom CSS

Add custom CSS to style your catalog further:

  1. In the Custom Code section, expand "Custom CSS"

  2. Enter your CSS code (without <style> tags)

  3. Changes save automatically after 2 seconds

Example CSS:

/* Change the catalog background color */
body {
background-color: #f5f5f5;
}

/* Style game cards */
.game-card {
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

Tips:

  • Use browser developer tools to inspect elements

  • Test changes in the preview first

  • Be careful with CSS—it affects the entire catalog

Custom JavaScript

You can add JavaScript code in three different locations:

1. JavaScript (Head):

  • Runs early, before page content loads

  • Good for analytics, meta tags, or early initialization

  • Expand "Custom JavaScript (Head)" to add code

2. JavaScript (Body Start):

  • Runs right after the <body> tag

  • Good for scripts that need to run early but after head

  • Expand "Custom JavaScript (Body Start)" to add code

3. JavaScript (Body End):

  • Runs at the end of the page, before closing </body>

  • Good for analytics, tracking, or scripts that need full page loaded

  • Expand "Custom JavaScript (Body End)" to add code

Example - Adding Google Analytics:

// In Body End section <script>   gtag('config', 'GA_MEASUREMENT_ID'); </script>

Important: Only add JavaScript code (without <script> tags). The system wraps it automatically.

Sharing Your Catalog

Getting Your Catalog Link

  1. In the Shared Games tab, find the "Your Catalog Link" card

  2. Your unique URL is displayed in the input field

  3. Click "Copy" to copy it to your clipboard

  4. Share this link with anyone!

The link provides:

  • Public access to your catalog

  • No login required for visitors

  • Always up-to-date with your latest changes

Embedding in Your Website

You can embed your catalog directly into your own website using an iframe:

Step 1: Add the Iframe Code

  1. In the Shared Games tab, find the "Embed Code" section

  2. Copy the iframe code provided

  3. Paste it into your website's HTML where you want the catalog to appear

Step 2: Add the JavaScript

  1. Copy the JavaScript code from the embed section

  2. Add it to your website's <head> section or before the closing </body> tag

  3. This script makes the iframe automatically resize to fit content

Example Implementation:

<!-- In your HTML --> <div id="boardssey-embed-container" style="width: 100%; height: 100%;">   <iframe id="boardssey-embed-iframe"           src="<https://embed.boardssey.com/your-catalog-slug?embed=true>"           width="100%"           height="100%"           frameborder="0"           scrolling="no"           style="border: none; visibility: hidden;"></iframe> </div>  <!-- In your <head> or before </body> --> <script src="<https://embed.boardssey.com/js/boardssey-embed.js>"></script>

How It Works:

  • The iframe loads your catalog

  • The JavaScript automatically adjusts the iframe height to fit content

  • Visitors can browse your games without leaving your website

Best Practices

For Game Organization

Creating a Good First Impression:

  • Mark your best or newest games as "Novelty" to feature them

  • Order games strategically—most important first

  • Only share games that are ready for public viewing

  • Use consistent game statuses (Published, Developed, etc.)

Managing Game Visibility:

  • Keep prototypes private (Shared = OFF)

  • Share published games (Shared = ON)

  • Use novelty to highlight special releases

  • Regularly review and update what's shared

For Customization

Logo Best Practices:

  • Use a high-resolution image

  • Ensure it looks good at small sizes

  • Consider a transparent background

  • Test how it appears in the sidebar

Sidebar Content:

  • Keep it concise but informative

  • Include contact information

  • Add links to your website or social media

  • Update it regularly as your information changes

Custom Code:

  • Test changes in preview first

  • Start with simple CSS before complex styling

  • Use JavaScript responsibly—don't break functionality

  • Document your custom code for future reference

For Sharing

Public Catalog Link:

  • Share on social media

  • Include in email signatures

  • Add to business cards

  • Link from your website

Embedded Catalog:

  • Test on different screen sizes

  • Ensure it works on mobile devices

  • Consider adding a "View Full Catalog" link

  • Monitor how it looks with your site's design

Troubleshooting

Catalog not showing games:

  • Make sure catalog sharing is enabled

  • Check that games have "Shared" toggle enabled

  • Verify you're using the correct catalog URL

  • Try refreshing the preview

Changes not appearing:

  • Wait a few seconds for auto-save to complete

  • Click "Refresh Preview" to reload

  • Check that you saved custom code properly

  • Clear your browser cache

Logo not displaying:

  • Verify the image uploaded successfully

  • Check that the image format is supported (PNG, JPG, etc.)

  • Try uploading a different image

  • Ensure the file isn't too large

Embed code not working:

  • Make sure you added both the iframe AND JavaScript code

  • Check that the JavaScript is in the correct location

  • Verify the catalog URL in the iframe is correct

  • Test in a different browser

Games not in the right order:

  • Drag and drop to reorder manually

  • Use "Reorder A-Z" for alphabetical sorting

  • Remember: Novelty games always appear first

  • Check that display_order is saving correctly

Custom CSS/JS not working:

  • Verify the code syntax is correct

  • Check browser console for errors

  • Make sure you're not using <style> or <script> tags

  • Test changes one at a time to isolate issues

Tips for Success

First-Time Setup

  1. Enable sharing - Start by enabling catalog sharing

  2. Add logo - Upload your logo for brand recognition

  3. Write sidebar - Add a brief bio and contact info

  4. Select games - Choose 3-5 games to share initially

  5. Mark novelty - Highlight your best games

  6. Preview - Check everything looks good

  7. Share - Copy your link and share it!

Regular Maintenance

  • Update games - Add new games as you complete them

  • Refresh content - Update sidebar info periodically

  • Review order - Reorganize games as your portfolio grows

  • Check preview - Verify everything still looks good

  • Test links - Ensure all links in sidebar work

For Publishers

  • Professional presentation - Make sure everything looks polished

  • Clear contact info - Include email and phone in sidebar

  • Featured games - Use novelty to highlight your best work

  • Complete information - Ensure game details are filled in

  • Regular updates - Keep your catalog current

Privacy and Control

What's Public:

  • Games with "Shared" enabled

  • Your logo (if uploaded)

  • Sidebar content

  • Game titles, covers, and basic info

What's Private:

  • Games with "Shared" disabled

  • Your internal game management

  • Private game details

  • Account settings

Control:

  • Toggle sharing on/off anytime

  • Enable/disable individual games

  • Update or remove sidebar content

  • Change logo anytime

  • Delete custom code if needed

Need More Help?

If you encounter issues:

  • Check that catalog sharing is enabled

  • Verify games have "Shared" toggle ON

  • Ensure your catalog URL is correct

  • Try refreshing the preview

  • Contact support if you need assistance

Ready to Share Your Games?

You're all set! The Catalog tool makes it easy to create a professional portfolio of your games. Enable sharing, customize your catalog, select your games, and start sharing with the world. Your unique catalog link is ready to use—just copy and share!

Did this answer your question?