PopupKit’s most standout popup template is its Gamified campaign type. Gamification is a direct source of engagement for users and visitors and offers lots of scope for driving traffic. We’ll show you how to create a vivid gamified popup with PopupKit.

Installing PopupKit for WordPress #

First of all, you need to have PopupKit installed for WordPress.

There are two methods for it:

Process 1:

1. Go to the WordPress Dashboard
2. Navigate to Plugins > Add New
3. Search for PopupKit
4. Install and Activate the plugin.

OR

Process 2:

Steg 1: Gå till WordPress Plugin Directory > Type in “PopupKit” in the search bar > Select PopupKit > Click “Download” on the page.

Steg 2: Go to WordPress Dashboard > Plugin > Add New > Upload Plugin and upload the PopupKit plugin file.

Steg 3: After successful installation, just click on the “Activate” button to activate PopupKit.

Nödvändig förutsättning: Must have Gutenberg Block Editor installed and enabled. For WordPress 5.0 or higher

How to Create and Use a Gamified Popup? #

After activation, you’ll see a new PopupKit menu in your WordPress dashboard

Klicka på PopupKit och gå till Campaigns section. Then click the “Choose from Templates” button (or go to the Mallar sub-menu) to start creating a new popup.

You can also go directly to Mallar to select a gamified popup template.

PopupKit comes with many pre-designed popup templates for different purposes (newsletter signups, announcements, etc.), including gamified popup designs.

In the template library, filter or browse for gamification templates.

Klick Förhandsvisning to see it in action, then click “Use Template” to import it into the PopupKit editor

Give your campaign a name. And click Import.

Now the real fun begins, customizing your gamified popup. PopupKit’s editor lets you modify everything with drag-and-drop blocks and sidebar settings.

Go to Layout > Additional Options > Overflow to choose how you want the option to be. You can also edit the HTML Tag option.

You can customize the design elements from Style > Layouts.

Next, decide when och where your gamified popup should appear. PopupKit allows granular targeting and trigger options to optimize the popup’s timing.

You can also configure the wheel settings. You can define the prizes on each wheel segment (e.g. “10% Off”, “Free Shipping”, “Try Again”) and set the probability of winning each prize. 

Setting Winning Percentage with Gamified Popup #

Offering different win percentages via coupon codes helps visitors try out different options. With PopupKit, the process is very easy.

First, select the wheel on the template, and go to Block > Manage Wheel Sections.

Once you open the feature, you will get the options to set the winning percentage, set a label to the discount offers, add the coupon code, change the background color, and even prevent visitors from winning certain discount offers.