Using Membership Themes allows you to enhance your members’ experience while honing your brand identity. You can customize your product pages by section, and choose between handpicked, customized themes.
Step 1: Choose A Theme
- When you create a Product, the default theme will be the “Classic” theme. However, you may choose other options to match your digital product to your personal brand.
- Choose the Product you wish to apply a theme for
- Click “Customize” from the menu options.
- Pick your theme from the gallery.
Step 2: Customize The Theme
- Within the gallery, click “Customize” to open the builder for customization.
- Choose your theme settings.
- If you wish to customize a specific section of the page, click into the Section in the sidebar editor on the left hand side. Within the Section, you can see all the customization options.
- Here are some of the things you can change under theme settings:
- Primary color: buttons, top icons, lesson progress, titles
- Secondary color: instructor name, descriptions, button text
- Primary font: buttons, top icons, lesson progress, titles
- Secondary font: instructor name, descriptions, button text
- Logo placement: whether the logo will be placed in the “header” or “hero” section
- Here are some of the things you can change under Sections:
- Header: background (color), alignment
- Hero: size, course title, description, background, button
- Lesson Progress: background (color), font, progress color
- Course Body: category and subcategory fonts, description and lesson fonts, background
- Instruction: background, fonts
Keep in mind that if a section is customized after the theme setting is changed, the section customization will override the theme setting.
NOTE: If you click “Save Changes” then the changes will be reflected in the preview. “Reset to default” will change all settings back to the default values of the chosen theme.
Step 3: Apply and Save Your Theme
- Once you’ve chosen a theme and made any customizations, you will need to save and apply the changes.
- Click “Save Theme” or “Apply Theme” in the top right corner for your customizations to take effect.
- “Save Theme” allows you to save the theme for global use (think of it as a template you can reuse for other products in HighLevel). If you click “Save Changes” the changes will only be saved in the Product you are working on at the time.
- “Apply Theme” allows you to apply a theme to the product.
NOTE: Here are a few notes about saving themes and customizations:
- If you customize a template and save it for global use, it won’t retroactively save other products already using that theme. When you apply that theme again to a product moving forward, the new changes will start reflecting.
- By clicking “Save Changes” for a theme not applied to a product, that theme will be updated with the changes, and can be used in that same product later. It will not change the global properties of the theme.
- When you use the “Apply” button for a theme, it will be applied to the selected product, and any other customization you’ve done within that product won’t automatically save globally.
- You may save a customized theme at the product level. When customizing the theme, you can save it as a draft without actually applying it to a product. By clicking “Save Changes” the theme will be stored as a draft, which can be applied later to the particular product.