Superior Popup Gutenberg Block

Complete guide to creating stunning, high-converting popups for your WordPress site.

Table of Contents

Installation

Method 1: WordPress Admin

  1. Navigate to Plugins → Add New
  2. Search for "Superior Popup Gutenberg Block"
  3. Click "Install Now" and then "Activate"

Method 2: Manual Installation

  1. Download the plugin zip file from your purchase email
  2. Go to Plugins → Add New → Upload Plugin
  3. Upload the zip file and click "Install Now"
  4. Activate the plugin

Pro Version: For paid licenses, you'll need to enter your license key in Settings → Superior Popup to unlock all features.

Getting Started

Superior Popup integrates seamlessly with the WordPress Block Editor (Gutenberg). You can add popups to any post, page, or custom post type.

Quick Start

  1. Open the post or page editor
  2. Click the "+" button to add a new block
  3. Search for "Superior Popup"
  4. Select the popup block to insert it
  5. Choose a template or start from scratch

Creating Your First Popup

1. Choose a Template

Select from our library of pre-designed templates including:

  • Email subscription forms
  • Promotional announcements
  • Exit-intent offers
  • Video popups
  • Age verification

2. Customize Content

Use the block editor to customize your popup content:

  • Add headings, text, images, and buttons
  • Integrate with popular form plugins (Contact Form 7, Gravity Forms, etc.)
  • Customize colors, fonts, and spacing
  • Add custom CSS (Pro version)

3. Configure Settings

In the block sidebar, configure your popup settings:

Display Trigger: Page load, scroll depth, exit intent, click, or time delay
Close Behavior: Click overlay, ESC key, close button, auto-close timer
Cookie Duration: Don't show again for X days after closing

Targeting Options

Control where and when your popups appear with powerful targeting rules.

Free Version

  • • All pages
  • • Specific pages/posts
  • • Homepage only
  • • Logged in/out users

Pro Version

  • • Device type (mobile/tablet/desktop)
  • • User role targeting
  • • URL parameter matching
  • • Referrer source
  • • Number of visits

Scheduling (Pro)

Schedule your popups to display only during specific date ranges. Perfect for:

  • Limited-time promotions
  • Holiday campaigns
  • Event announcements
  • Seasonal offers

Set a start date and/or end date in the popup settings. The popup will automatically appear and disappear based on your schedule.

Animations

Choose from a variety of entrance and exit animations:

Free Animations (2-4)

  • • Fade in
  • • Slide from top
  • • Zoom in

Pro Animations

  • • Slide from all directions
  • • Bounce, rotate, flip
  • • Custom animation timing
  • • Advanced easing options

Analytics & A/B Testing

Basic Analytics (Free)

Track essential metrics for your popups:

  • Total impressions
  • Conversion rate
  • Close rate

Advanced Analytics (Pro)

Get deeper insights with advanced analytics:

  • Time to conversion
  • Device breakdown
  • Geographic data
  • Returning vs. new visitors

A/B Testing (Pro)

Test different versions of your popups to optimize conversions:

  1. Create multiple variants of your popup
  2. Set traffic split percentage
  3. Monitor performance in real-time
  4. Declare a winner to show the best-performing variant

Troubleshooting

Popup not appearing?

  • Check if you're viewing the correct page where the popup is set to display
  • Clear your browser cache and cookies
  • Verify targeting rules aren't excluding your current session
  • Check if the popup has already been shown and cookies are preventing re-display

Popup appears too slowly?

  • Adjust the delay timing in popup settings
  • Consider using a different trigger (exit intent, scroll depth)
  • Optimize images to reduce file size

Styling conflicts with theme?

  • Use Custom CSS option (Pro) to override specific styles
  • Adjust z-index if popup appears behind other elements
  • Contact support if issues persist

Need Help?

Can't find what you're looking for? Our support team is here to help.

Back to PluginContact Support