--- title: "How To Create A Course Hub To Showcase All Your Courses Or Themes" description: "Hubs are an easy way to create a school, dashboard, or collection of Courses, Themes, or Products quickly and easily." url: https://help.teachery.co/en/articles/173-how-to-create-a-course-hub-to-showcase-all-your-courses-or-themes collection: "Creating a Course Hub" updated: 2026-08-14 language: en --- # How To Create A Course Hub To Showcase All Your Courses Or Themes Hubs are an easy way to create a school, dashboard, or collection of Courses, Themes, or Products quickly and easily. If you ever wanted to showcase a handful of your courses (and/or themes and products) on ONE page, **hubs** is the feature for you! You can create an unlimited number of hubs, from storefronts to membership hubs. In this help doc, we’re going to walk you through setting up a hub as well as a few creative ideas for how to use hubs. 📌 **Related help doc:** [How to set up the Buy All Courses button in a Course Hub](https://help.teachery.co/en/articles/149-how-to-setup-the-buy-all-courses-button-in-a-course-hub.md) And if you’re looking for our advanced tip on how to hide _Buy_ or _Login_ buttons in a hub you can [click here](https://help.teachery.co/en/articles/173-how-to-create-a-course-hub-to-showcase-all-your-courses-or-themes.md#heading-13-advanced-tips-how-to-hide-buy-buttons-or-login-buttons-in-a-course-hub) to jump to the bottom of this help doc. ## 🎥 Video: How to Create and Setup Your Course Hub You can watch the full walkthrough video or scroll down to read the step-by-step instructions. > **Warning:** **NOTE**: The "Hubs" navigation item now lives under the secondary navigation (beside _Products_) when you're viewing your **Teach** section. ## Step 1: Creating the Hub This one is easy! Simply navigate to **Hubs** and click the **\+ Create new hub** button. You’ll create a name for your hub, which you can always change at a later date. ![](https://staticfiles.gleap.io/ghelparticle/LrjALwcCuOwANuoojxfxZ1IrgtqkeMwktib885klEWQcv1qzwbnveBKUcX5WrtIM1mpftjsHvsK.jpg) ## Step 2: Add Courses, Themes, or Other Items to the Hub A hub can showcase as many courses, themes, products and other items as you like. Click the **\+ Add Course** button to start choosing courses/themes. You can scroll through all your courses and themes OR you can search by name and then select them. To add a product, use the **\+ Add Product** button and to add any external resource, select **\+ Add Other Item**. ![](https://staticfiles.gleap.io/ghelparticle/EwxWn64eE1EiJvW504wp2YN5gLgoeNCOrClogH5dtktOvrZ3PuMgMGUS7U8QIODcSTTkjhnQDaH.gif) ### Course Hubs also have multiple "**Sections"** You’ll see the **\+ Add a Section** block at the bottom of your Hub. When you add a new section you can drag and drop any course, etc. into that section OR you can directly add any course, etc. to it with the **\+ Add Course**, etc. button. ![](https://staticfiles.gleap.io/ghelparticle/zKfZKmIPjBPQunftJLwz6Ra56RAQcBidILvugqg9Fyw2HWFoVKkckLkkkxAvlerWOujVX5vJPs9.jpg) If you want to move a section up or down in your hub, you can drag an entire section quickly and easily using the up/down ⬆ ⬇ arrow icon. ![](https://staticfiles.gleap.io/ghelparticle/pV4Zyl6LewOyqBdUU2Gw2cVPS4z2h19RPAlQaBjHk97QXqijHjzFLEgIXB4le8g0S3cAw1R9X9U.jpg) ## Step 3: Set Your Button Links Once you’ve added items to your hub, there are 3 button options you can use/display for each: 1. **Buy Button** (link to a payment page _within_ Teachery **OR** an external provider) 2. **Learn More Button** (link to a landing page _within_ Teachery **OR** an external provider) 3. **Login Button** (you **_cannot_** change the destination of this URL, it is done automatically and note that login buttons do not apply to or appear for [_Products_](https://help.teachery.co/en/articles/229-quickly-sell-a-digital-download-with-teachery.md).) You’ll notice you can also change the text on each individual button for maximum customization and flexibility. ![](https://staticfiles.gleap.io/ghelparticle/pdlvW3LdeT0ziY6uJtHVI8T1jrxbf84QXV3VfD6tDUWUqmj6elc8y1v3Yg0KjMmkrsJXe6bKlWD.jpg) ## Step 4: Customize and Style Your Hub The space at the top of your hub should look very familiar. 😉 You can add a header image, exactly like our header image feature within a course or theme (setting it to full-width or column-width). There are also multiple text areas at the top of your hub you can change and update to your liking. ![](https://staticfiles.gleap.io/ghelparticle/5DEOnpMG5Q5R8RJSAY2a5yPATCEqi8X2LX636FrcltqJHTjuyF9YlPWt5Two5ZO47cHZ2FfDYjV.jpg) ### 📌 PRO-TIP: Add a prominent Log In link to help existing customers Want to make sure it’s a good experience for customers who may have already purchased items in your hub? **We recommend** adding a line of text somewhere at the top of your hub instructing your customers to log into Teachery with the email address and password they’ve used to purchase **any** item from you (that is, the same login credentials are used throughout Teachery). Below is an example of a simple way to execute this (the linked text shown below is hyperlinked with [https://www.teachery.co/learn](https://www.teachery.co/learn), which will first prompt customers to log in - if they haven’t already). The **_Learn_** page is a dedicated page for customers/students to find **all** their purchased courses **from all creators**. ![](https://staticfiles.gleap.io/ghelparticle/72fMERFt1F1NhnUlTcm68rTeoXdK1ZAlhG3fUhDWGcf6TlgPqmtf2adZMiZnBJuE465kAqYyiFD.jpg) ## What about styling your Hub? Hubs come with their own **Style Editor** and **Custom CSS area**. If you only want to change the colors of buttons and other small things, you’ll find these items in the **Style Your Hub** section of the left sidebar editor. Want to get wild 🧑‍🎤👨‍🎤 with your customization? Have fun using our **Add Custom CSS** section (🚧 just be careful and remember **we are not responsible** for incorrectly-added code/CSS). ![](https://staticfiles.gleap.io/ghelparticle/TBFrhCAZBt03DFp1hZFsS8oq0tvNs5DMBPiXuyKZBFHPpIOiGL69hD4LPq8ZolAr0f6oELoITXd.jpg) ## Step 5: Finalize Your Hub Settings Within the _Hub Settings_ section of the left sidebar, you can navigate to the **Manage Options** page. Inside this page, you’ll find the following settings: - **Hub Name** (this **will** display at the top of a browser window) - **Hub URL** (use our default hubname.teachery.co URLs) - **Select Font** (over 30 Google Fonts to choose from to customize your Hub further!) - **Head Tag Injection and Body Tag Injection areas** (add scripts or a [custom favicon](https://help.teachery.co/en/articles/131-custom-css-tricks-course-body-font-full-width-header-images-custom-favicons-and-more.md)) - **Custom Domain** (use our [Custom Domain](https://help.teachery.co/en/articles/157-setting-up-custom-domains-for-your-courses.md) or [Custom Subdomain](https://help.teachery.co/en/articles/144-setting-up-custom-subdomains-for-your-courses-recommended.md) help docs) - **Turn Hub ON/OFF** (if you want to close a Hub down at a later date, but still keep it) You’ll notice in the left sidebar under _Hub Settings_ there are also options to _Duplicate Hub_ and _Delete Hub_ (🚧 again, take care, this is not reversible). ![](https://staticfiles.gleap.io/ghelparticle/Ij7I4hQIwpFzRuJW2X6bcFFZWwg5q03bBstua2Vfb9pfjsPGztF3W07B8rRjW0rlWAUK4YnDAyw.jpg) ## Step 6: Share Your Hub! 🎉 ✅ That’s it, friend! Your hub is ready to be shared with the world. There is NO publish button, simply use the handy 🔗 **Copy Link to Hub** in the left sidebar of the Hub editor (or use the **Copy Link to Hub** button on the hub dashboard page) to share your hub URL wherever you like. * * * ## 🌟 Bonus Idea #1: “Standard” Course Hub There’s nothing fancy about this idea. 😉 If you’re a Teachery user with many courses or products, creating a one-stop-shop hub is going to be useful for you. This will give you **ONE simple URL to share with your customers** to access or purchase items. The idea is very simple: - Create a hub - Add all the items you’re actively selling - Separate them with _sections_ - Set all your button links - Once your hub is complete, grab the hub URL and place it prominently on your website, in your marketing content, AND\* in your other courses, themes, and products. \*This is a great way to market and promote the other things you create and sell using Teachery, but cross-promoting your hub in existing courses, etc. ## 👤 Bonus Idea #2: Course Hub as a Client Resource Area Do you work 1-on-1 with clients? You can use a hub as a place to link to helpful resources that you and your client work on together that are created within (or outside of) Teachery. Let’s say you have a course in Teachery where you work directly with your client. And maybe you have a second course that’s a collection of resources or assets you’ve built for your client? You can add these two courses to your hub. BUT, imagine you want to add a third external item to the hub, simply choose to **\+ Add Other Item** and set the button links as required. Use the advanced tip below to hide any _Login_ and _Learn More_ buttons as needed. ## 🗂 Bonus Idea #3: Course Hub as a “Login Portal” Imagine you ONLY want to show courses, etc. and the login buttons for them. Using the advanced tip below, hide the _Buy_ buttons and then toggle OFF all the _Learn More_ buttons. This will leave you with a hub that serves as a starting point for customers to just log into any item they need. A reminder that login buttons do not apply to or appear for [_Products_](https://help.teachery.co/en/articles/229-quickly-sell-a-digital-download-with-teachery.md)_._ ## ✨ Advanced Tips: How to Hide Buy Buttons or Login Buttons in a Course Hub > **Warning:** If you choose to hide courses’ login buttons, consider including (at the top of your hub) a link to Teachery’s [**Learn**](https://www.teachery.co/learn) page (where users will be prompted to log into Teachery and find all their purchased courses from all creators) or, better yet, a **link to the login page of your flagship course** (in which you can house links to your other courses and hub). This might be handy if users get logged out at any point. The _Learn More_ buttons have a simple toggle option in the hub editor, so you don’t need any custom code for those. However, we didn’t want to add too many on/off button toggles in the hub editor, plus the _Buy_ and _Login_ buttons are core functionality. To hide the _Buy_ or _Login_ buttons, you’ll need to use custom CSS. 🚧 **Please proceed with caution**. We cannot assist with correcting incorrectly-added code. ### Custom CSS to Hide Course Hub Buy Buttons Grab this snippet of CSS code and add it in the **Style Your Hub** > **Add Custom CSS** section. Make sure to _Apply Changes_ AND _Publish Changes_. In the _Custom CSS_ editor, you should see the **_Buy_ buttons disappear** from all the items shown in your hub. ``` #course-background #hub-background .hub-sections-container .hub-courses-grid .hub-course .hub-course-btns-container .hub-buy-btn {display: none;} ``` ### Custom CSS to Hide Course Hub Login Buttons Grab this snippet of CSS code and add it in the **Style Your Hu**b > **Add Custom CSS** section. Make sure to _Apply Changes_ AND _Publish Changes_. In the _Custom CSS_ editor, you should see the **_Login_ buttons disappear** from all the items shown in your hub. **NOTE**: This CSS will also hide the _Learn More_ buttons, so just be aware of that. 👀 ``` #course-background #hub-background .hub-sections-container .hub-courses-grid .hub-course .hub-additional-btn {display: none;} ```