---
description: Paywall Builder
---

# Design your Paywalls-Latest

Our new Paywall Builder has been released with and improved navigation to ease the set-up. It also includes the opportunity to upload device specific image to improve the experience for your users.&#x20;

We have set a series of article to help you understand and navigate the new console to build and manage remotely and without a need to resubmit your App first class paywalls.&#x20;

Furthermore this release is the opportunity to bring more flexibility and advanced features to develop interactive and reactive interface to promote your products and ultimately improve your conversion funnel.\
\
Let's dive in

## Available templates <a href="#h_aa16d0fec9" id="h_aa16d0fec9"></a>

We currently have 8 tested and approved templates, inspired by the best in class Apps, to choose from and tailor to your App specific needs.&#x20;

We will shortly introduce them here and by clicking each name you will be taken to the details of setting up that specific template and in which circumstances it is best used _(and some inspiring examples)_

* ### [Carousel](design-your-paywalls-latest/carousel) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>
* ### [Carousel Flow](design-your-paywalls-latest/carousel-flow) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>
* ### [Features List](design-your-paywalls-latest/features-list) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>
* ### [Features List & Plan Picker with 2 columns  and 3 columns](design-your-paywalls-latest/features-list-and-plan-picker-with-2-and-3-columns) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>
* ### [Features List Overlay](design-your-paywalls-latest/feature-list-overlay) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>
* ### [Plan Picker Horizontal](design-your-paywalls-latest/plan-picker-horizontal) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>
* ### [Plan Picker with 2 column and 3 columns](design-your-paywalls-latest/plan-picker-with-2-and-3-column) <a href="#h_8ccbc84161" id="h_8ccbc84161"></a>

Not finding the Template you are dreaming of for your own App? No worries, the good news with this new Template Builder is that we can develop a new one fast and to your needs. Get in touch with our team to know more about this.



## Paywall Parameters set-up <a href="#h_a73a3f7e0b" id="h_a73a3f7e0b"></a>

The following section gives an introduction and overview of the Paywall parameters shared by all templates and minimum information required, along with the expected behaviour.

The builder is divided into 9 areas :

[![](https://downloads.intercomcdn.com/i/o/416895482/3a732a0fc7ceb3110027b5fb/Overview.png)](https://downloads.intercomcdn.com/i/o/416895482/3a732a0fc7ceb3110027b5fb/Overview.png)

*   ### Template <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    This section **only shows upon creation of a new Paywall.** This is where you can select from the list of available Paywalls to build and customize your offer and how to display it to your users.
*   ### Information <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    This is where you set the name and vendor\_id of the Paywall\


    [![](https://downloads.intercomcdn.com/i/o/419186799/dfd4cab815b06491c42049f5/NP_Information.png)](https://downloads.intercomcdn.com/i/o/419186799/dfd4cab815b06491c42049f5/NP_Information.png)

    * **NAME** : the name displayed in the Paywall list\
      ⚠️ - Make sure to **Publish** the Paywall for these changes to be taken in account and getting displayed in the Paywall List Overview\

    * **VENDOR ID** : This in the internal ID you can use for calling specific Presentation\

*   ### Design <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    This section relate to the basic set-up of the Paywall\


    [![](https://downloads.intercomcdn.com/i/o/419185718/5938e6e215fcda0e0b7aea0e/NP_Design.png)](https://downloads.intercomcdn.com/i/o/419185718/5938e6e215fcda0e0b7aea0e/NP_Design.png)

    * **BACKGROUND** : set the screen background HEX colour for the Paywall
    * **CLOSE BUTTON** : set the HEX colour for the Close button to dismiss the Paywall
    * **FOOTER TEXT** : choose and format how the Footers appear in the Paywall
      * Pick the font (you can upload your own Custom Font)
      * Set Font size
      * Format text positioning
      * Toogle on or off Links Display
        * _Promo Code_ - allows your users to redeem [Android](https://developer.android.com/google/play/billing/promo?utm_campaign=play%20games_discussion_promocodes_011516\&utm_source=anddev\&utm_medium=blog) and [Apple](https://developer.apple.com/app-store/subscriptions/?cid=developer80/#promotional-offers) Promo Codes and try your App for free (please see section related to choosing how to promote you App)
        * _Login -_ allows already subscribed users to connect\

*   ### \[Selected Template Name] <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    This section relate to all Content Management for the presentation of your offers and details on the product.

    Each template has a different set of parameters. Please [check the individuals templates for the specifics](https://help.purchasely.com/en/articles/5717384-new-paywall-builder#h_aa16d0fec9), they contain :

    * Header (all templates except for Carousel)
    * Image and video
    * Text
    * Icons\

*   ### Purchase buttons OR Pickers <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    Theses sections will allow you to display the different plans levels and prices, includes formatting.\


    [![](https://downloads.intercomcdn.com/i/o/419187142/b40d025c42467c22eb893fc9/NP_PurchaseButton.png)](https://downloads.intercomcdn.com/i/o/419187142/b40d025c42467c22eb893fc9/NP_PurchaseButton.png)

    \
    Depending on the Template you have initially selected, plan presentation will either be considered to be a Purchase button or Picker.\
    \
    The difference lies with UX :\


    * **Purchase button**, one click purchase. No additional CTA is displayed.\
      Click on the Plan button will directly initiate the Purchase.\

    * **Pickers**, 2 click purchase. Click on the button will select the Plan.\
      Purchase gets finalised using the **CTA**
*   ### Links <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    This section enables you to add more links to the footer section of the Paywalls.

    ```
    ⚠️ - A VERIFIER The new links will be displayed in the format previously defined in the Design section.
    ```

    ⚠️ - Make sure the links do not redirect to any website which would allow to subscribe outside of the App.\


    [![](https://downloads.intercomcdn.com/i/o/419187252/0a325ea7567bd729dc52b9af/NP_Links.png)](https://downloads.intercomcdn.com/i/o/419187252/0a325ea7567bd729dc52b9af/NP_Links.png)

    * Click on the ➕ to add a new item
    * Fill in the fields :
      * **TEXT** (T)
      * **LINK** (🔗)
*   ### Terms & Conditions <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    This section is where you set the Terms & Conditions for each individual Stores.

    [![](https://downloads.intercomcdn.com/i/o/419187533/c3640b7ff68985576e97aa40/NP_T-C.png)](https://downloads.intercomcdn.com/i/o/419187533/c3640b7ff68985576e97aa40/NP_T-C.png)

    \
    These can be added either as :

    * **TEXT** (T)\
      When choosing that option, the text will display below the Purchase Button and above the Footers
    * **LINK** (🔗)\

*   ### Devices - **NEW** <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    With this release comes the opportunity to serve device specific visuals to ensure the best display and User experience. We offer adjustments around 3 device types :

    **Mobile**\
    **Tablet**\
    **TV**\


    [![](https://downloads.intercomcdn.com/i/o/419189792/fd70ee92ca02e328a4eb0201/NP_Devices.png)](https://downloads.intercomcdn.com/i/o/419189792/fd70ee92ca02e328a4eb0201/NP_Devices.png)

    \
    You can readjust there all parameters of Paywall and Purchase Buttons

    * Image and Video
    * Font Size
    * Content
    * Borders

    \
    By Default, if not amended, the 3 devices will use the general set-up you defined in the previous sections.
*   ### Localization <a href="#h_b08b71863b" id="h_b08b71863b"></a>

    Purchasely [supports 17 languages](https://docs.purchasely.com/advanced-features/localization). This is the section where you can localize your Paywall.\


    [![](https://downloads.intercomcdn.com/i/o/419189952/1e8fcd8c476722efa5732b88/NP_Localization.png)](https://downloads.intercomcdn.com/i/o/419189952/1e8fcd8c476722efa5732b88/NP_Localization.png)

    * Click on the ➕ to add a new language
    * Adjust the Content, including the images if they integrate text
    * You can also adjust Links redirects to match domains

\
\
