| Knowledge Base

Create a bar display

  • Updated
  • read
Product Requirements
Convert_Icon.svg Privy Convert

A bar display attaches to the top of the web page and remains visible as your visitors navigate around. It’s a great way to get your visitors' attention without interrupting their experience like a popup might and takes up less screen space than a banner display. This display is perfect for collecting a single field of information, such as an email address or displaying a promotional message like an ongoing sale. 

Common variations of this display include a free shipping bar or coupon reminder. Both of which have their own standalone guides linked above.

Need some inspiration before you begin? Check out some customer examples. 

Bar_display_example.png

Create the display

To create a bar display: 

  • Navigate to Convert > All Displays and click the New display button. 
  • On the Plays dashboard, select the Build your own option, provide an internal name, and then click the Create Display button. 
  • In the Create step of the display builder, select the desired Form fields and Validations for the display if you hope to collect signups. One field is recommended, while the validation depends on your intended audiences and desired discount availability. If the display is for an announcement and doesn't need a form element, disable the Enable Form? option. 

Create_a_bar_display.gif

  • Next, select the Add a display option. 
  • Select the Bar option from the sidebar, choose a template to customize, and then click the Choose selected option in the upper right. 
  • Use the display designer to configure it to your liking. To remove the "X" from the display so that it looks more like a traditional banner message, add an HTML element to the display and include the code listed below. 
<style>
.privy-bar-container .privy-dismiss-content {
display: none;
}
</style>
  • Select the Save option at the upper right when you are done with your changes. 

Customize_the_bar.gif

  • After saving, a new Bar Design section will be available under the Create tab if the display includes a form element. It's best practice to use a thank-you page after signup action; however, you can opt to redirect the user or do nothing instead.
  • If the bar offers a discount, make sure to select a coupon from the Coupon codes section and include the {{ signup.coupon_code }} merge tag in the thank-you page or the after signup message. This tag populates with your coupon code information automatically and ensures the selected coupon is provided to the visitor.  

_Create__settings.png

Target the right audience

By default, a bar display appears to all visitors at all times until it is dismissed. To change any of these default options, move to the Target step, and customize the desired settings. 

  1. The When To Show setting allows you to determine when and how often the display appears to visitors. If you make any changes, please select Save. 
  2. The Who To Show It To setting allows you to target a more specific segment of your visitors instead of all visitors. If you update these settings to include various other attributes, activities, and behaviors, please select Save. 
  3. The How Long to Show It setting determines how long the display will appear to visitors. Update the setting if you'd like the display to expire on a specific fixed date and Save. 

Targeting_options.png

Follow-up the display

Note: The display must include a form component for these options to appear. 

To sync the display's signups to another service or send a follow-up message to the customers that submitted the display if the display included a form element, move to the Follow-up step, and review the following optional options:

  1. Enable and customize the default after signup email to send an email to the individuals that decided to sign up for the display. 
  2. Select the Create series option to send additional after signup emails. 
  3. Select the Sync signups option to sync the signups to a list in a linked account. If you're not using Privy Email, this setting is particularly important as it ensures the contact information (e.g., Email address) is available in the third-party provider.
  4. Select the Send text message option to send an after signup text message to the individuals that decided to sign up for the display. 
  5. The Notifications setting allows you to enable or disable real-time notifications for your users. These notifications will alert the user of new display signups immediately. If there's no form, then this option will not appear. If you make any changes, please select Save. 

Follow-up_options.png

Note: The text message option requires a Privy Text subscription. Additionally, a customer is only eligible to receive texts if their phone number was collected via a Privy display using the phone field, they checked the text opt-in checkbox, and they answered "YES" to the double opt-in message sent to their number. 

Launch the display

Once the display has been created, the target audience selected, and any desired follow-up messages configured, select the Publish button at the upper right of the display builder and confirm your decision in the prompt. 

Launch_the_display.png

The bar display is now live and will appear to your qualifying customers. 

Bar_display_in_action.gif

Related articles