When customizing your displays, you have the ability to add new elements (i.e., images or countdown timers) and new form fields (i.e., Name or Phone Number) to capture important information at sign up. This article will walk you through each element and form field supported by Privy, how to add them to your display, and your options for customizing them.

Form Fields

Form fields collect information from your contacts as they sign up so that you can engage with your audience via the correct channels and personalize your content whenever possible! Learn more about Privy’s supported form fields below.

Adding and managing form fields

To add a new form field on your display:

  • Head to Convert > All Displays. Select an existing display or create a new one.

  • In the editor, hover over the elements on your display and click the blue ‘plus’ icon to add a new form field.

  • Select your desired option from the menu.

Once you’ve added a new form field, you can head to the Style settings on the right and select Match Styles to quickly copy the same appearance as your existing form fields!

To move your form field, simply drag and drop it around your display. To delete a form field, click directly on the desired field(s) and click the delete icon.

Customizing form fields

To customize a form field’s settings and appearance, click directly on the form field you want to edit. Its settings will open up on the right:

  • Form field settings: this will appear as the name of the form field you selected (i.e., Email or Mini Quiz). Choose whether or not this field is required and how it maps to your contact’s profile.

  • Style: customize your field’s border, fill color, sizing, and spacing.

  • Text: customize your placeholder text, font, size, color, and alignment.

  • Block: customize the padding/spacing between your form field and other elements.

Elements

Elements allow you to customize your display’s appearance to communicate clearly with your visitors and encourage them to take action. They can greatly influence how your traffic responds when they see your display. Below are the elements supported by Privy today. Click on an element to jump ahead to its section in the article.

Adding and managing elements

To add a new element on your display:

  • Head to Convert > All Displays. Select an existing display or create a new one.

  • In the editor, hover over the elements on your display and click the blue ‘plus’ icon to add a new element.

  • Select your desired option from the menu.

To move your element, simply drag and drop it around your display. To delete an element, click directly on it and click the delete icon.

Customizing elements

To customize an element, click directly on the element you want to edit. Its settings will open up on the right:

  • Element settings: this will appear as the name of the element you selected (i.e., Button or Text). Customize any actions or settings shown here.

  • Style: customize your element’s border, fill color, sizing, and spacing if applicable.

  • Text: customize your element’s text, font, size, color, and alignment.

  • Block: customize the padding/spacing surrounding your element.