A Step-By-Step Guide To Installing And Using Coupon X (WordPress Websites)

Running an online store or website can be challenging. You've poured your heart and soul into crafting beautiful products, creating engaging content, and building a strong brand. But despite your best efforts, you might be facing a common dilemma: turning website visitors into paying customers.

The reality is, that many visitors abandon their carts, leave your site without browsing further, or never come back at all. This can be disheartening, especially when you know you have amazing products or services to offer.

There are several reasons why this might happen:

• Visitors are unaware of your current promotions or discounts.
• They might be hesitant to commit without extra incentive.
• They simply forget about your brand after leaving your website.

This is where coupon popup apps come to the rescue. Coupon popup apps offer a powerful solution, addressing these pain points and helping businesses thrive.

How do you create a coupon popup to address this situation? We’ll take you on a step-by-step guide on creating your first coupon popup in our popup builder.

Step #1: Install Coupon X On Your WordPress Website

There are two ways you can install Coupon X on your WordPress website. From our website directly or by logging into your WordPress dashboard. 

To install directly from your WordPress dashboard, navigate to your WordPress plugin directory and follow the steps below. 

• Log in to your WordPress dashboard.
• Navigate to Plugins > Add New.
• In the search bar, type the name ‘Coupon X’.
• Click on “Install”
• Once the installation is complete, click Activate Plugin to start using it.

Step #2: Start Designing Your Coupon 

Once Coupon X has been activated on your WordPress website, you’ll be directed to create a new widget.

At this stage, you’ll start designing attractive offers and promotions to combat cart abandonment issues.

Coupon X offers a variety of customization options to help you personalize your popup’s appearance. You can customize any of the following: 

• Colors: Align with your brand or create a sense of urgency with bold colors.
• Fonts: Use clear, readable fonts that match your brand style.
• CTA: Use a clear call to action.
• Icon: Choose whether to show the coupon icon always or hide it after conversion.
• Position of the widget: Adjust your widget to appear on different parts of your screen.
  

Coupon X Tip: Instead of just stating the discount percentage, emphasize the benefits the user gets, like "Save 25% on all puppy collars!" or "Get free shipping on all orders over $50!

Step #3: Choose Your Coupon

After personalizing your coupon popup, the next step is to select a coupon type. We offer four coupon options that can be used in different ways: 

1 - Create a new discount from Coupon X

This allows you to create a new discount that Coupon X will display to everyone based on your preferences. You can set a percentage or a fixed amount for this type of coupon, include a discount value, and allow free shipping. 

This coupon can be applied to ‘All Products’, ‘Specific collections’, or ‘Specific products’ on your website. After that, you can set the minimum amount that a customer must have before they see this coupon. 

You can also limit the usage of this coupon to ‘one per customer’ or a certain number of times per customer’. 

Lastly, you can toggle the “Active dates” button to either leave the coupon active for an indefinite amount of time or set an expiration date for when the coupon will expire on your website. 

2 - Generate unique coupons for each new user

This coupon type is similar to the aforementioned one. The major difference is that with this option, a coupon code is generated for each new user, as opposed to a single code being used by all users.

Editor’s Note: You don’t need to create thousands of coupon codes for this, Coupon X generates this by itself. 

3 - Use an existing Discount from WooCommerce Discount

With this coupon option, you simply select an existing discount option to be displayed in your coupon popup. You don't need to create new coupon codes within the online coupon builder itself. This saves time and ensures consistency across your marketing efforts.

4 - Don't show a coupon code

This option may seem counterproductive, but it is great for showing announcements, and promotional offers or simply collecting emails and growing your email list. This option can also feel less intrusive to visitors who might not be interested in a specific discount at the moment. They can still see the announcement or offer without feeling pressured to claim a coupon.

This feature expands the functionality of your popup beyond just offering coupons. You can use it for various purposes:

• Building your email list: Capture valuable customer information for future marketing campaigns and promotions.
• Announcing new products, events, or updates: Keep your audience informed about important news and developments related to your business.
• Promoting exclusive content or offers: Reward loyal subscribers with early access to special deals or content not available to the general audience.

Step #4: Select Your Popup Design 

This is where you get to personalize the look and feel of your popup. We offer three stylish options to choose from:

• Slide-ins: These popups smoothly slide in from the side of the screen, grabbing attention without completely blocking the user's view.
• Lightbox popups: These appear as a centered overlay on the page, bringing your message to the forefront.
• Floating bars: These create a subtle banner at the top or bottom of the screen, offering a less intrusive way to display your offer.

Once you've chosen your layout, you can decide how you want to present your message:

• Show announcement immediately: Get your offer in front of visitors right away.
• Collect email first: Capture their email address before showing the offer, building your mailing list for future promotions.

Here are some ways to make your popup even more engaging at this stage:

• Add a countdown timer: Create a sense of urgency and encourage immediate action.
• Edit the description and headline: Craft a clear and compelling message that highlights the value of your offer.
• Add an image: Include a relevant image to visually showcase your product or service.
• Add a button: Include a button that stands out and encourages clicks.
• Customize background elements: Select any of the available options to improve the aesthetics of your popup.

We understand that some users might want even finer control. If you're comfortable with code, you can use CSS to further customize the appearance of your coupon.

Step #5:Customize When and Who Sees Your Coupon Popup (Triggers & Targeting)

Great job getting your coupon popup designed! Now, let's make it appear at the right time and to the right audience. This step involves setting up triggers and targeting options.

Triggers: These determine when the popup appears to visitors. Here are the options available on Coupon X:

• On hover: When a visitor hovers over a specific element like a button or image.
• On load: As soon as the webpage finishes loading.
• On click: When a visitor clicks on a specific element.

Targeting options: These help you refine who sees the popup based on various factors:

• Time delay: Choose how long after the visitor arrives for the popup to appear.
• Page scroll: Trigger the popup when the visitor scrolls down a certain percentage of the page.
• Exit intent: Show the popup as the visitor moves their cursor towards the browser window to leave the page.

Advanced targeting:  We also offer additional options to tailor your audience even further:

• Cart value: Show the popup only to visitors with a cart above or below a certain amount.
• Cart history: Target based on specific purchase history, such as new users, repeat customers, money value, or items purchased.
• Date & time scheduling: Set the popup to appear only during specific dates and times, including time zone options.
• Page targeting: Choose which pages the popup appears on.
• Traffic source: Target visitors based on how they arrived at your site (e.g., social media, search engines).
• Device & browser: Specify which operating systems and browsers the popup displays on.
• Country targeting: Show the popup only to visitors from specific countries.

Step #6: Publish Your Coupon Popup To Your Website 

Once you've set the triggers and targeting rules to show your coupon to the right people at the right time, it's time to unleash it on your website! Just hit "save" and then "publish" to bring your coupon popup to life.

Remember, you can always go back and refine the triggers and targeting later to ensure your offer reaches the audience who will benefit from it most.

After You Publish Your Coupon Popup

1 - Monitor and Analyze: Don't just set it and forget it! Track your coupon's performance. See how many people see the popup, how many claim the code, and ultimately, how many convert into sales. This data helps you understand what's working and what might need tweaking.

2 - Refine and Optimize: Based on your data, make adjustments to your popup. Did the headline grab attention? Was the CTA clear? Consider A/B testing different versions with slight variations in copy, color, or image to see which one performs best.

3 - Promote and Expand: Once you've optimized your popup, consider promoting it further. Talk about your offer on social media, mention it in your email newsletter, or even use website retargeting campaigns to reach visitors who haven't seen it yet. 

Get Started With Coupon X

Crafting eye-catching coupon popups is easier than you think, especially with the help of our coupon popup builder. By following these easy steps and unleashing your creativity, you can create irresistible offers that drive sales and engagement for your business.

Ready to turn visitors into customers? Create your first coupon here.