How To Use Membership Themes

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 Captivation Hub). 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.