Web Templates
Choose, customize, and reuse on-site templates for popups, banners, and website experiences.
The Web Templates library provides ready-to-use starting points for popups, promotional banners, lead-capture forms, and other on-site experiences. Choose a design, customize its content and styling, then use it in a Web Campaign to engage visitors on your website.
Choose a template
Select a template when creating a new Web Template. The Choose a Template window shows each design as a card with its delivery type, category, name, and a short description. The labels distinguish templates intended for a Pop-up from those intended for an On-site placement.
Use the cards to choose the experience that best matches your goal. For example, select a newsletter design to collect email addresses, a promotion design to highlight an offer, or a feedback form to gather visitor responses. Selecting a card opens that template in the editor, where you can adapt it for your brand.
Available template types
The library includes the following template types:
- Multi-Step Feedback Form
- Spin to Win Wheel
- Instagram Stories
- Progressive Threshold Messaging
- Newsletter Popup
- Floating Newsletter Widget
- Premium Full Screen
- Lead Capture Widget
- Sidebar Slide-out
- Product Recommendation Slider
- Simple Centered Promo
- Split Feature (Image Right)
- Dark Mode Promo
- Split Feature (Image Left)
- Hero Banner
- Flash Sale Timer
- Event Countdown
- Luxury Offer
- Flip Clock
- Hero Banner (Slider / Redirect)
Customize the template in the editor
The editor is the workspace for changing a selected template. The central canvas is a live visual preview: select any section or element to edit it. Use the page tabs, such as Lead and Success, to configure the screens a visitor sees before and after completing an action.
The toolbar provides device previews for desktop, tablet, and mobile, plus zoom and undo/redo controls. This helps you check the layout at different screen sizes before the template is used in a campaign.
When an element is selected, the Properties panel on the right shows its settings. For layout elements, you can control display type, flex direction, alignment, spacing, and width or height constraints. The example below uses a fictional email address for illustration only.
Design responsive on-site experiences
Use the device controls in the editor to review how the template adapts across desktop, tablet, and mobile. The canvas highlights the currently selected element, while the Properties panel lets you refine its layout without editing code.
Some templates contain more than one page. For example, an Instagram Stories experience can have a lead page for the interactive content and a success page that appears after the visitor completes the action. Keep each page clear and test it at multiple sizes before publishing.
Configure hero banners and sliders
Hero Banner templates can be used as a single banner, a redirecting banner, or a multi-banner slider. In the Hero Banner Configuration section, choose the banner type, enable or disable automatic slide playback, and set the slide interval in milliseconds.
For a slider, add the banners you need and configure each one individually. You can expand a banner to edit it, remove a banner that is no longer needed, and use the navigation controls to let visitors move between slides. Review the design on mobile as well, because visitors can interact with slider navigation differently on smaller screens.
Before using a template in a campaign
Review the text, links, images, colors, and form fields before saving. Make sure the selected template supports the campaign goal and that its target location and timing are configured when you create the Web Campaign. Save the finished template so it can be reused for future on-site campaigns.