How to create floating teaser for your popup?
In this article, you'll learn how to create a floating teaser for your popups.
To create a new teaser, follow the steps below!
Log in to your Poptin account and go to the popups dashboard. Once there, click on the pencil icon next to the popup for which you want to create a teaser, and click "Edit Design" .
Now click on the Teaser screen and select the device Desktop or Mobile to show.
Select the Teaser Type of choice. Currently, Poptin offers you three different styles.
Round
Bar
Triangle
Define your desired Teaser size in pixels and give it a good background color. Select your desired location for the teaser. We recommend the bottom right or left corner for better visibility. You can also use the off-set settings to define the space of the teaser from the edge of the screen.
Finally set up the conditions to define how your teaser behaves and how it appears on your website.
Show: Choose when you want the poptin teaser to appear on your page. (Before the poptin shows up/after it shows up, or during all session and based on the poptin’s targeting rules)
Teaser Effect: Choose what kind of effect you want your teaser to have in order to bring more attention to it. The effect repeats every 3 seconds.
Entry Effect: Choose the entry effect of your teaser.
Exit Effect: Choose the exit effect of your teaser.
Close Options: Show X or Hide X close buttons.
You can customize your teaser by adding Image, Icon, and Text to it. I've designed my teaser to show "Click" text only.
To create a new teaser, follow the steps below!
Log in to your Poptin account and go to the popups dashboard. Once there, click on the pencil icon next to the popup for which you want to create a teaser, and click "Edit Design" .
Now click on the Teaser screen and select the device Desktop or Mobile to show.
Select the Teaser Type of choice. Currently, Poptin offers you three different styles.
Round
Bar
Triangle
Define your desired Teaser size in pixels and give it a good background color. Select your desired location for the teaser. We recommend the bottom right or left corner for better visibility. You can also use the off-set settings to define the space of the teaser from the edge of the screen.
Finally set up the conditions to define how your teaser behaves and how it appears on your website.
Show: Choose when you want the poptin teaser to appear on your page. (Before the poptin shows up/after it shows up, or during all session and based on the poptin’s targeting rules)
Teaser Effect: Choose what kind of effect you want your teaser to have in order to bring more attention to it. The effect repeats every 3 seconds.
Entry Effect: Choose the entry effect of your teaser.
Exit Effect: Choose the exit effect of your teaser.
Close Options: Show X or Hide X close buttons.
You can customize your teaser by adding Image, Icon, and Text to it. I've designed my teaser to show "Click" text only.
Updated on: 15/11/2024
Thank you!