Customizing your members area is a great way to offer a unique experience that aligns with your brand’s identity for your students.
In this article, we explain step-by-step how to set up each available option in the Hotmart Club customization section, making it easier to create an environment that stands out and adds value to your products. To start, you’ll need to access the members area you want to customize. Just follow the steps below:
- Log in to your Hotmart account through this link: https://app.hotmart.com.
- In the left-hand menu, click Products, then select Members area.
- Choose the members area you want to configure and click Customization in the left-hand menu.
- On the new screen, you’ll see options like Edit theme, Display, Login screen, and a list of all the products registered in the members area.
You can apply different types of customization to each of these options. Below, we’ll explain what you can configure in each section:
❯ Edit theme: Customize your members area with your brand’s visual identityWhen you click Edit theme, you’ll be able to choose the colors, theme, and headers that will define the visual identity of your Hotmart Club. These settings are key to strengthening your brand’s presence and ensuring that students associate your content with your brand right away. In the Default color and theme tab, you can configure the colors of your Hotmart Club by following these steps:
In the Your brand tab, you can customize the top section of your members area with your brand’s logo and visual elements. Follow these steps to configure the header:
|
❯ Showcase: Use the main page of your members area to promote your productsIn the Showcase section, when you click Customize, you can set up a dynamic banner that appears on the main page of your members area, and you can also organize your content into categories or modules. In the Banner tab, you can define dynamic images that will appear on the home screen of your Club. This is perfect for highlighting announcements, offers, or important messages. Follow these steps:
In the Sections tab, you can organize your content into sections, tracks, or modules to make navigation easier for your students. Follow these steps:
Remember, each members area can contain up to 12 sections, and each section can include up to 12 products or modules. |
❯ Login screen: Add a background image to the login pageIn the Login Screen section, when you click Customize, you can define the background image for the students’ login page. Personalizing this screen is a great way to provide a professional and consistent look from the very first interaction. Follow these steps:
|
❯ Product customization: Customize each product in your members areaIn the list of products within your members area, click Customize, located to the right of the product’s name, to access the product’s customization screen. On the new screen, you’ll be able to define the Module display as a list or gallery. Additionally, you can set up the product’s Banner, Avatar, and Main image, including alt text to ensure accessibility. Lastly, you can define the cover images for your showcase and choose whether the orientation should be vertical or horizontal. |
To preview how your members area looks after applying the customizations, simply click the button with the eye icon.
Frequently Asked Questions
❯ Can I preview my members area while editing it?Yes! In Hotmart Club, you can view a real-time preview of how your members area and the products hosted in it will look. To enable the preview, follow these steps:
Additionally, you can test the experience from different perspectives, such as creator, member with access, user with no access, and user logged-out. If you're previewing a product, you can also select the view by groups. To choose the preview perspective, simply access the preview screen and select the option in the upper-right corner. |
❯ What are the recommended image dimensions for customizing my Hotmart Club?To make your members area visually appealing and ready to sell, it's important to follow the recommended image dimensions for each section. Check out the ideal sizes below:
By following these recommended dimensions, you ensure that images are well-adjusted and displayed in high quality in your members area. |