To help or inspire you, we've created two advanced appearance templates for you.
Both of these templates remain 100% customizable in the builder space.
Choose a template
When creating an advanced appearance, a template selector will be presented to you immediately. You then have the option to choose a template to start with or to begin from scratch.
Once in the design editor, click on [Use a template] in the top left hand corner.
If you choose to start with a template, you will find a comprehensive selection, with each template accompanied by a description corresponding to a different use case.
This will take you to the two templates available:
Classic Paywall
Paywall with subscription offers
Classic Paywall
The classic paywall template is based on a basic appearance design with a "Dynamic widget" component.
It also has a signature: a text that is displayed below the content, only after unlocking.
Paywall with subscription offers
The paywall with subscription offers template is a bit more sophisticated. It integrates several basic and dynamic components.
It also has a signature: a text that is displayed below the content, only after unlocking.
Apply the template
Once you've chosen the template, click on [Apply] in the bottom right hand side of the screen.
🚨 If you previously started creating a wall in the builder space, this action will overwrite all elements. To go back and recover your elements, reload the page without saving.
Customize the appearance
Once you have chosen your template, you will find a window that allows you to customize certain graphic elements of the template.
Depending on the template, different design options are available, including predefined color palettes, text colors, button colors, background colors, border rounding, and drop shadows.
Customize the elements
Once the template is chosen and the design settings are applied, you will then enter the builder space where you can see all the components used in the template.
Classic paywall template
Paywall template with subscription offers
You can now customize this template by editing, moving or deleting all components. You can also add new ones!
Feel free to go to the appearance settings area to change the button and link colors and custom CSS.
Now it's your turn 🎨
To learn more about the available components and their settings, read our article 👉 What are the components of the new design editor?
Check out our video tutorial:
If you have any more questions, please feel free to message us on the Intercom chat!