This guide covers every setting in the Popup Campaign editor, organized by tab. Use this as a reference when creating or editing popup campaigns in HashBar.
The editor has 12 tabs: Templates, Basic, Content, Form, Design, Triggers, Targeting, Frequency, Schedule, Animation, Countdown, and Coupon.
Note: Features marked (PRO) require HashBar Pro. All other features are available in the free version.
Tab 1: Templates
Start with a ready-made, conversion-optimized template from the templates library. Selecting a template pre-fills all settings including content, design, triggers, and more.
Templates are available for various goals including lead capture, promotions, exit intent, announcements, and more. Pick a template, customize it to match your brand, and publish.
Tip: Templates are a great starting point. You can always customize any setting after applying a template.
Tab 2: Basic
Set the fundamental settings for your popup campaign: campaign type and popup position.
Campaign Types
Type
Description
Lead Capture
Collect emails, names, and other data to build your list
Announcement
Share important news, updates, or messages
Promotion
Highlight special offers, deals, and discounts
Exit Intent
Catch visitors who are about to leave your site
Welcome
Greet new visitors with a welcome message or offer
Survey (PRO)
Collect feedback and opinions from visitors
Age Verification (PRO)
Verify visitor age before granting access
Cookie Consent (PRO)
GDPR-compliant cookie consent notices
Popup Positions
Position
Description
Best For
Center Modal
Classic popup centered on screen
Lead capture, major announcements
Bottom Right
Slides in from bottom-right corner
Non-intrusive offers, chat-style
Bottom Left
Slides in from bottom-left corner
Cookie notices, subtle CTAs
Floating Box
Floating element that stays visible
Persistent offers, quick actions
Fullscreen (PRO)
Covers entire viewport
Exit intent, major announcements
Side Panel Left (PRO)
Slides in from left edge
Navigation menus, detailed content
Side Panel Right (PRO)
Slides in from right edge
Contact forms, product details
Tab 3: Content
Configure your popup’s content including text, images, and buttons.
Content Types
Type
Description
Custom Content
Rich content with heading, text, image, and buttons
HT Contact Form
HashThemes form integration
Custom HTML (PRO)
Write your own HTML code
Contact Form 7 (PRO)
Embed CF7 forms
WPForms (PRO)
Embed WPForms
Ninja Forms (PRO)
Embed Ninja Forms
Gravity Forms (PRO)
Embed Gravity Forms
Fluent Forms (PRO)
Embed Fluent Forms
Shortcode (PRO)
Any shortcode-based content
Custom Content Settings
Setting
Description
Heading
Main title text of the popup
Body Text
Supporting message or description
Image
Optional image to display
CTA Button
Call-to-action button (text, URL, target)
Image Position
Position
Description
Top
Image displayed above content
Bottom
Image displayed below content
Left (PRO)
Image on the left side of content
Right (PRO)
Image on the right side of content
Background (PRO)
Image used as popup background
Tab 4: Form
Build custom lead capture forms with the built-in form builder. No coding required.
Form Field Types
Field Type
Description
Email
Email address input with validation
Name
Single name field
Checkbox
Single checkbox for consent or agreement
Text (PRO)
Single-line text input
Textarea (PRO)
Multi-line text area for longer responses
Phone (PRO)
Phone number input
Dropdown (PRO)
Select dropdown with custom options
Radio Buttons (PRO)
Multiple choice options (select one)
Date Picker (PRO)
Date selection calendar
Hidden Field (PRO)
Invisible data field for tracking
GDPR Consent (PRO)
Privacy/GDPR consent checkbox
Form Configuration
Setting
Description
Custom Labels
Personalize field labels
Placeholder Text
Guide users with helpful hints inside fields
Required Fields
Make any field mandatory
Submit Button Text
Customize the form submit button label
Success Message
Thank-you message shown after submission
Redirect URL
Redirect users to a page after submission
Mailchimp Integration
Setting
Description
API Key
Connect with your Mailchimp API key
Audience/List
Select which list to add subscribers
Double Opt-in
Enable/disable confirmation emails
Tags
Auto-tag subscribers for segmentation
Tip: For lead capture campaigns, start with Email and Name fields. You can always add more fields later. Keep forms short for higher conversion rates.
Tab 5: Design
Customize every visual aspect of your popup to match your brand.
Layout
Setting
Description
Width
Set popup width (px or %)
Max Width
Limit maximum width
Padding
Inner spacing (top, right, bottom, left)
Border Radius
Rounded corners
Background
Type
Description
Solid Color
Single color background
Gradient (PRO)
Two-color gradient background
Image (PRO)
Background image with overlay options
Typography
Setting
Description
Heading Font Size
Title text size
Body Font Size
Content text size
Heading Color
Title text color
Body Text Color
Content text color
Visual Elements
Element
Customization Options
Overlay
Color and opacity of the background overlay
Border
Color, width, and style
Shadow
Box shadow effects
Close Button
Position, color, and size
Button Styling
Setting
Description
Background Color
Button fill color
Text Color
Button text color
Hover Background
Color change on mouse hover
Hover Text Color
Text color on hover
Border Radius
Rounded button corners
Padding
Button size control
Tab 6: Triggers
Control exactly when your popup appears with 8 smart trigger options.
Trigger
Description
Configuration
Immediate
Shows as soon as the page loads
No configuration needed
Time Delay
Shows after a set number of seconds
0 – 999 seconds
Exit Intent
Shows when mouse moves to leave the page
No configuration needed
Scroll Depth (PRO)
Shows after scrolling a percentage of the page
0 – 100%
Element Click (PRO)
Shows when a specific HTML element is clicked
CSS selector
User Inactivity (PRO)
Shows after no activity for a set duration
Customizable seconds
Element Visible (PRO)
Shows when a specific element enters the viewport
CSS selector
Page Views (PRO)
Shows after the visitor views X pages
Minimum page count
PRO Feature: Exit intent can recover 10-15% of abandoning visitors. Combine it with a discount offer or lead capture form for maximum impact.
Tab 7: Targeting
Show your popup to the right audience with targeting rules.
Page Targeting
Option
Description
All Pages
Show on every page
Homepage Only
Show only on the homepage
Specific Pages
Select exact pages
Exclude Pages
Hide from selected pages
Device Targeting
Option
Description
All Devices
Show on all screen sizes
Desktop
Desktop computers only
Tablet
Tablets only
Mobile
Mobile phones only
User Targeting
Option
Description
All Users
Show to everyone
Logged In
Registered, logged-in users only
Guests
Non-logged-in visitors only
Tab 8: Frequency
Control how often visitors see your popup. Prevents popup fatigue and respects your visitors.
Option
Description
Every Page Load
Show on every page view (default)
Once Per Session
Show once per browser session
Once Per Day
Show once every 24 hours
Once Every X Days (PRO)
Show once every specified number of days
Once Ever (PRO)
Show only once, never again
X Times Total (PRO)
Show a maximum of X times total
Tip: “Once Per Session” is recommended for most campaigns. It shows your popup once when visitors arrive, then doesn’t bother them again during that visit.
Tab 9: Schedule
Set exact start and end dates for your popup campaign, choose your timezone, and restrict display to specific days and hours.
Date Range
Setting
Description
Start Date
When the popup becomes active
End Date
When the popup stops showing
Timezone
Choose between Site Timezone or Visitor Timezone for schedule calculations
Day & Time Restrictions (PRO)
Setting
Description
Show Only on Specific Days (PRO)
Enable to restrict the popup to selected days of the week
Days of Week (PRO)
Choose which days the popup should appear (Monday through Sunday)
Show Only During Specific Hours (PRO)
Enable to restrict the popup to specific hours of the day
Start Time (PRO)
The earliest time the popup will show (default: 09:00)
End Time (PRO)
The latest time the popup will show (default: 21:00)
Use Cases:
Flash Sales – Set exact start and end times for limited-time offers
Holiday Campaigns – Schedule weeks in advance for seasonal promotions
Product Launches – Set the popup to go live on launch day
Limited Offers – Create true scarcity with defined end dates
Tab 10: Animation
Add smooth entry and exit animations to make your popups feel professional.
Entry Animations
Animation
Description
Fade In
Simple opacity fade into view
Slide In Down
Slides from top of screen
Slide In Up
Slides from bottom of screen
Slide In Left (PRO)
Slides from the left
Slide In Right (PRO)
Slides from the right
Zoom In (PRO)
Scales from small to full size
Bounce In (PRO)
Bouncy entrance effect
Flip In (PRO)
3D flip entrance effect
Exit Animations
Animation
Description
Fade Out
Simple opacity fade away
Slide Out Up
Exits toward top of screen
Slide Out Down
Exits toward bottom of screen
Slide Out Left (PRO)
Exits to the left
Slide Out Right (PRO)
Exits to the right
Zoom Out (PRO)
Scales down and disappears
Bounce Out (PRO)
Bouncy exit effect
Animation Settings
Setting
Description
Range
Duration
How long the animation takes to complete
100ms – 2000ms
Tab 11: Countdown
Add a countdown timer to your popup to create urgency and drive immediate action.
Timer Types
Type
Description
Fixed Date
Counts down to a specific date and time
Evergreen (PRO)
Personal timer that starts fresh for each visitor
Daily Recurring (PRO)
Resets at a set time every day
Timer Styles
Style
Description
Inline
Simple inline number display
Boxes
Numbers in styled boxes
Digital
Digital clock-style display
Circles (PRO)
Circular progress-style display
Display & Styling Options
Setting
Description
Show/Hide Units
Toggle Days, Hours, Minutes, Seconds visibility
Custom Labels
Rename unit labels
Separator
Character between units
Background Color
Timer background fill
Text Color
Number color
Label Color
Unit label color
Size
Small, Medium, or Large
Tab 12: Coupon
Display discount codes in your popup with one-click copy functionality.
Coupon Settings
Setting
Description
Enable Coupon
Toggle coupon display on/off
Coupon Code
The discount code to display
Label
Text above the code
Description
Text below the code explaining the offer
Copy Button
One-click copy to clipboard
Copy Feedback
“Copied!” confirmation message
Auto-Copy on Click (PRO)
Automatically copy the code when users click on it
