Create a Popup in WizShop

Design and publish website popups directly from the WizCommerce WordPress admin,  for promotions, announcements, lead capture, or seasonal campaigns. Set who sees the popup, where it shows up, and when it appears. No developer involvement needed.

To Get There: WordPress admin > Popups

Table of Contents

Before You Begin

• You must have Admin access to the WizCommerce WordPress admin.
• Decide upfront who should see the popup, where on your site it should appear, and when it should trigger.
• For visual customization (images, headlines, buttons, body copy), you will use the Elementor editor.

A. Create a New Popup

1. Sign in to your WizCommerce WordPress admin.
2. In the left sidebar, click Popups. The Popups list opens, showing every popup in your account along with its title, type, status, author, and date. 
   
   
3. From this view, you can:
   • Filter  by All, Published, Drafts, or Trash
   • Search: Find a popup by name using the search bar
   • Edit, preview, or delete: Hover over a popup's title to see the action links (Edit, Quick Edit, Trash, Preview, Export Template, Edit with Elementor)
4. Click Add New Template at the top of the page. 
   
   
5. In the New Template dialog:
   
   
   
   • Under Choose Template Type, select Popup from the dropdown.
   • Enter a name in the Name your template field.
   • Click Create Template.

B. Choose a Template from the Template Library

The Elementor Library opens with ready-made popup templates you can use as a starting point.

1. In the Library, click the Popups tab. 
   
   
2. Browse the available templates; examples include special offer banners, AdBlock notices, newsletter signups, and discount popups.
3. Click any template to see a full preview. 
4. Click Insert to load the template into your popup. To start from scratch instead, close the Library and build the popup yourself in Elementor.
   
   
   
   

C. Customize the Popup in Elementor

The Elementor editor opens with your selected template loaded, or with an empty canvas if you skipped the Library.

1. Add widgets/elements (images, text, form )to the popup. 
   
   
2. Click any element to add it to the popup (heading, image, button). 
   
   
3. To add an image:
   
   
   
   • Click the image, then click Choose Image in the left panel.
     
     
   • In the Insert Media dialog, either upload a new file or pick one from the Media Library. 
     
     
   • Add Alt Text so the image is described correctly for accessibility.
     
     
   • Click Select.
     
     
4. To add new elements, drag widgets from the Elements panel on the left, Heading, Image, Text Editor, Video, Button, Divider, and others. 
5. Right-click any container on the popup to access additional actions, Edit Container, Duplicate, Copy, Paste, Save as Template, Delete.
   
   

D. Set Display, Trigger, and Advanced Rules

Before you publish, decide where the popup appears, when it triggers, and who sees it.

1. At the top right of the Elementor editor, click the click the dropdown arrow next to the Publish button. 
   
   
   
   

Step 1: Choose where the popup appears (Conditions)

1. Under Where do you want to display your Template?, the default condition is Include → Entire site, the popup appears across your entire storefront.
   
   
2. To narrow it down, click the Entire site dropdown and pick a different scope:
   
   
   
   
   
   • Entire site: Every page of your storefront
   • Archives: Archive pages only
   • Singular: A specific page type (opens further options below)
3. If you pick Singular, a third dropdown appears so you can choose exactly which type of page. Options include:
   
   
   
   
   
   1. All singular — every singular page
   2. Front page — your homepage only
   3. Posts, In Category, In child Categories, In Tag, Posts by author
   4. Pages, Pages by author
   5. Landing Pages, Landing Pages by author
   6. Media, Media by author
   7. Direct child of, Any child of, By author
      
      
4. To exclude specific pages instead of including them, click the Include dropdown and switch it to Exclude. The popup will show everywhere except the pages you list. 
   
   
5. To stack multiple conditions, for example, include the entire site but exclude the front page, click Add condition and configure each row.
   
   
6. Click Next to move to the Triggers step.
   
   

Step 2: Choose when the popup triggers (Triggers)

1. On the Triggers step, you see seven trigger types. Each one starts as No (off). Toggle any trigger to Yes to activate it, then set its input: 
   
   
   
   • On Page Load: The popup appears after the page loads. Set Within (sec) to the delay you want (for example, 20 seconds).
   • On Scroll: The popup appears once the buyer scrolls. Set Direction to Down or Up, and Within (%) to the scroll percentage that should trigger it (for example, 50).
   • On Scroll To Element: The popup appears when the buyer scrolls to a specific element on the page. Enter the element's CSS class or ID in Selector (for example, .my-class).
   • On Click: The popup appears after a set number of clicks anywhere on the page. Set Clicks to the number (for example, 1).
   • After Inactivity: The popup appears if the buyer has not interacted with the page for a set time. Set Within (sec) to the inactivity period (for example, 30).
   • On Page Exit Intent: The popup appears when the buyer moves to close the tab or leave the page. No additional input needed.
   • AdBlock Detection: The popup appears if an ad blocker is detected on the buyer's browser. Set Within (sec) to the delay before showing it.
     
     
2. You can turn on more than one trigger. The popup will fire whenever any of the active triggers is met.
3. Click Next to move to the Advanced Rules step.
   
   

Step 3: Choose who sees the popup (Advanced Rules)

1. On the Advanced Rules step, you see nine rule types. Each one starts as No (off). Toggle any rule to Yes to activate it, then set its inputs: 
   
   
   
   • Show after X page views: The popup only appears after the buyer has visited a set number of pages. Set Page Views to the number (for example, 3).
   • Show after X sessions: The popup only appears after the buyer has visited the site a set number of times. Set Sessions to the number (for example, 2).
   • Show up to X times: Limits how often the popup appears to a single buyer. Set Times (for example, 3), Per (Persisting keeps the count across sessions; Session resets per visit), and Count (On Open counts each time the popup opens).
   • When arriving from specific URL: Controls visibility based on the URL the buyer came from. Set the dropdown to Show or Hide, and paste the URL.
   • Show when arriving from: Appears only when the buyer arrives from a specific traffic source. Pick any combination of Search Engines, External Links, and Internal Links.
   • Hide for logged in users: Hides the popup from logged-in users. Pick the user roles to hide it from (for example, Subscriber).
   • Show on devices: Limits the popup to specific devices. Pick any combination of Desktop, Mobile Portrait, Mobile Landscape, Tablet Portrait, and Tablet Landscape.
   • Show on browsers: Limits the popup to specific browsers. Pick any combination of Chrome, Firefox, Safari, and others.
   • Schedule date and time: Sets a start and end date for the popup. Pick the Timezone, then set Start and End date and time. Useful for time-bound campaigns like seasonal sales.
   
   
2. You can turn on more than one rule. The popup will only appear when all active rules are met. The more rules you activate, the smaller the audience.
3. Click Save & Close to apply all three steps (Conditions, Triggers, and Advanced Rules) to the popup.
   
   

E. Publish the Popup

1. When you are ready, click Publish in the top right of the Elementor editor. 
   
   
2. The popup goes live immediately on your storefront.
3. To save without publishing, open the Publish dropdown and click Save Draft. Drafts appear in your Popups list with a Draft label and can be edited and published later.

F. Manage an Existing Popup

Once a popup is live, you can update or remove it from the Popups list.

1. Go to Popups.
   
   
2. Hover over the popup's title to see the action links.
   
   
3. Use:
   • Edit: Opens the WordPress edit screen for the popup. Use this to rename the popup, save it as a draft, or move it to Trash. To change the popup's actual content, click Edit with Elementor from this screen.
     
     

• • Quick Edit: Opens an inline panel directly in the Popups list, letting you update basic details without opening any editor.Common edits from Quick Edit:
    
    
    
    • Title: Rename the popup
    • Status: Switch between Draft and Published without opening Elementor
    • Date: Change the publish date and time
    • Author: Reassign the popup to another team member
    • Click Update to save, or Cancel to discard. Other fields on this panel, Slug, Password, Categories, Template are WordPress defaults and are not typically used for popups.
  • Preview : To see the popup in a new tab
  • Trash: To move the popup to Trash. Trashed popups stop showing on your storefront and can be restored from the Trash filter.
  • Export Template: To download the popup template for reuse on another site
  • Edit with Elementor: To open the popup in elementor and update its content, conditions, or rules

FAQs

1. Can I show a popup to only some buyers?

A. Yes. Use Advanced Rules in the publish settings to control who sees it, for example, hide it from logged-in users with specific roles, limit it to certain devices or browsers, or schedule it for a specific date range. Stack multiple rules if you need a tighter audience, but remember they combine with AND logic.

2. My popup is not appearing on my storefront. What should I check?

A. First, confirm the popup status is Published and not Draft in the Popups list. Then open the popup in Elementor and check the Publish Settings, the most common reasons a popup never appears are display Conditions that exclude the current page, no Trigger turned on, or Advanced Rules that have narrowed the audience down to nobody.

3. Can I save a popup without publishing it?

A. Yes. In the Elementor editor, open the Publish dropdown and click Save Draft. The popup appears in your Popups list with a Draft label and stays hidden from your storefront. You can edit and publish it later when you are ready.