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 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 |
Coupon Styles #
| Style | Description |
|---|---|
| Simple | Clean text with solid border |
| Dashed | Dashed border style |
| Ticket (PRO) | Voucher/ticket design |
| Gradient (PRO) | Modern gradient background |
Coupon Styling #
| Setting | Description |
|---|---|
| Background Color | Coupon box background |
| Text Color | Coupon code text color |
| Border Color | Border color |
| Border Style | Solid, Dashed, or Dotted |
| Code Font Size | Size of coupon code text |
| Label Font Size | Size of label text |
| Button Colors | Copy button styling |
Related Guides #
- Getting Started with Popup Campaign – Quick start guide for first-time users
- Countdown Timer Guide – Deep dive into timer types, styles, and strategies
- Coupon Display Guide – Detailed coupon configuration and styling
- Targeting & Triggers Guide – Advanced targeting and trigger strategies
- Analytics Guide – Track and measure popup performance
- A/B Testing Guide – Test variants to optimize conversions (PRO)
- Use Cases & Recipes – Real-world popup examples with step-by-step setup
For more details and advanced features, visit HashBar.
