In this article, we will guide you through the process of adding and customizing a Divider on your paywall. A Divider is a line that visually separates the content blocks at the top of the screen (such as images, titles, subtitles, and bullets) from the subscription buttons below. This can help create a clean, organized layout on your paywall.

Examples of use:

Add a Paywall screen from templates on the flow by drag and drop

Click on the screen you've added to the onboarding flow.

Press the Pencil button to enter the "Edit Screen" mode.

Also, you can confugure the screen for the whole theme. The options for cuatomizing will be the same.

On the Edit screen, locate the Divider section.

Click on the arrow to expand the content for customization.

Use the checkbox to enable or disable the Divider on the paywall.

Once the Divider is enabled, click on the settings icon to expand the Divider customization options. Here, you will find a list of settings to adjust the Divider's appearance to match your design needs.

Change the height of the Divider line by setting the number of pixels. This allows you to make the line thinner or bolder depending on your design requirements.

Use this setting to change the color of the Divider line. Choose a color that complements the overall design of your paywall.

Control the padding around the Divider line by setting the padding values in pixels. This affects the space between the Divider and the adjacent content blocks above and below it.

After customizing the Divider, click "Save and Close" to apply your changes. If you press the "Close" button without saving, all modifications will be lost.