Want to create popups based on visitor location?
One of the best ways to grab your visitor’s attention is through pop-ups. However, if the wrong approach is taken, pop-ups can be annoying, intrusive, and pushy, causing them to quickly lose value and attention.
The best way to increase the effectiveness of your pop-up is to use the right targeting and focus on the exact people you want to see the information.
As a result, displaying location-based pop-ups is one of the best ways to utilize this marketing tactic.
In this tutorial, we’ll show you how to create stunningly beautiful popups without coding. We’ll also show you how to use them to increase conversions, page views, and your email list.
Why should you use geotargeted popups?
Don’t you hate it when you’re browsing a page and every few minutes a pop-up appears displaying information you don’t find useful?
As these experiences will show you, it is very easy to misuse pop-ups.
In fact, this is such a big issue that Google has introduced penalties for intrusive interstitials for adding page elements that obstruct the view of content, usually to display promotional material, i.e. pop-ups.
However, if pop-ups are used correctly, they can quickly help you build engagement and increase page views and conversion.
Geotargeting your pop-ups is one of the best ways to ensure the information displayed is relevant, adds value, and is non-intrusive.
Geo-targeted pop-ups can also help:
- Personalization
- Location with offers
- Timeline
- Improve user experience
- Conversion rate optimization
- Better data collection
With this in mind, OptinMonster quickly becomes the best solution for geo-targeted popups.
Why OptinMonster is the Best Geotargeting Popup Plugin
OptinMonster is the best lead generation and conversion plugin providing beautifully designed optin forms.
It goes beyond popups as you can also create slide-ins, scroll boxes, inline forms, full-screen mats, and so on. There are pre-made templates and a drag-and-drop builder to customize the popup design to suit your website.
Plus, you can add geotargeting rules with just one click. There’s absolutely no coding required!
However, location targeting isn’t all this plugin can do. Other popup triggers you can use with OptinMonster include:
- Exit Intent Trigger: Through powerful exit intent technology, the plugin will sense when a visitor is about to leave your website and display a popup.
- Scroll Trigger: You can set a popup to appear when a visitor scrolls past a certain part of the page.
- Time Delay Trigger: Set a location-based popup to appear when a visitor stays on the page for a specific amount of time.
- Click Trigger: Powered by MonsterLinks, Optinmoster can turn any link or image into a two-step optin form.
- InactivitySensor Trigger: A popup will be displayed if a visitor has been inactive for a certain amount of time on your website.
- Device-based triggers: The popup will only be displayed if the visitor is using a specific device.
- Page-level targeting : Display pop-ups only on certain pages of your website.
As you can see, OptinMonster is a beast when it comes to highly specialized targeted conversion features.
Plus, if you want to know how your popups are performing, the tool comes with powerful built-in analytics. You can see the number of views, conversions, and more right from your WordPress dashboard.
While OptinMonster is primarily used as a WordPress plugin, you can also use it on Shopify , BigCommerce , and HTML websites.
In this tutorial, we will focus on how to use the WordPress OptinMonster plugin to add a location-based popup.
So, let’s explain step by step how you can use geo-targeted popups with OptinMonster.
Step 1: Install and Activate OptinMonster
Before you get started, you will first need to create an account and purchase a plan on the official OptinMonster website .
From your WordPress dashboard, go to Plugins » Add New . In the search bar, type “OptinMonster.” Then install and activate the plugin.
Check out this article if you need help installing a WordPress plugin.
Once installed and activated, OptinMonster will automatically redirect you to the integration wizard page. Here, you will add the OptinMonster account you created earlier by pressing the Connect to existing account button .
When this is selected, a pop-up window will appear asking you to connect your existing account.
You also have the opportunity to create a new OptinMonster account if you haven’t created one previously.
When you select the New? Claim Your Free Account button , the plugin will redirect you to the OptinMonster website to sign up.
Once you’ve connected your OptinMonster account to your WordPress website, you’re ready to create your first popup.
Step 2: Create a pop-up campaign
From your WordPress dashboard, select OptinMonster » Campaigns from the left menu.
Now you can click Create Your First Campaign to get started.
On the next screen, you will see different types of campaigns that you can create, including Popups, Floating Bar, Fullscreen, Inline, Slide-in, and Gamified.
Select the Popup campaign .
Below that, you will see a library of templates.
OptinMonster offers 100+ templates that you can further customize to create unique and personalized campaigns.
Due to the large number of templates, the plugin has organized them according to different categories, and a search bar is also available to help you find what you are looking for more easily.
Before selecting a template, you can preview it to see if it fits what you’re looking for.
Once you’ve found the perfect template, click the Use Template button .
In the pop-up menu, name the campaign so you don’t confuse it with other campaigns, and select the Start Building button .
At this point, the plugin will automatically redirect you to the OptinMonster campaign builder page.
While all of OptinMonster’s templates are beautifully designed, you can customize every element of your popup here to ensure you create exactly what you want.
Let’s see how.
Step 3: Customizing the pop-up
OptinMonster’s campaign builder is a powerful drag-and-drop builder that makes customizing popups incredibly easy.
The builder’s design is easy to use and the options are well organized to make the whole process even easier for you.
You’ll see a preview window to the right of the design tab. Here, you can drag and drop any design elements from the left to the exact spot where you want them to appear in the popup.
Once placed on the page, each element will instantly become editable, and you can change the size, color, font, and so on.
So, for example, you can simply click on the text in the preview. The text becomes editable and you can insert the desired content. At the same time, you also get more editing options in the left menu. Here, you can edit the style, color, spacing, border, background, and more.
To change the popup image, simply select the placeholder image in the popup template. The image menu will appear on the left, allowing you to replace or remove the image.
When you select the placeholder image, you will have the option to upload a new file from your PC or a file from the popular image site “Unsplash”.
Once you’ve chosen your image, you can customize its alignment and width. Below these options, you can also add ALT text and a link to the image, which is great for SEO.
To further help with SEO, select the Settings icon under the link bar. Here, set whether the link should open in a new tab, whether it should have a “nofollow” tag, and whether clicks should be tracked.
Regarding the call to action buttons in the campaign. You can easily customize the text and change the size of the button. Additionally, you can customize the click action of the button .
Here, you can add a URL to the button, redirect the user to open an email, add a call-to-action button, and more. If you want to track conversions on this button, simply enable “Conversion Tracking” in this menu.
With your pop-up image, text, and other element how to create a free blog? learn through our practical tutorial customizations complete, head to the Success tab at the bottom of the screen to configure the message your visitor will see when they complete filling out your pop-up form.
You’ll create the success popup the same way you created the optin popup. That is, by adding and editing elements on the left, and then dragging and dropping them into the preview window on the right.
Remember, a successful pop-up is a great opportunity to offer more information or thank the visitor.
Once completed, your popup design is ready. You can go ahead and add geotargeting rules.
Step 4: Adding Pop-up Geo-Targeting Rules
OptinMonster comes with a number of triggers and targeting options.
To access it, go to the Display Rules tab at the top of the OptinMonster campaign builder page.
You’ll see that by default, OptinMonster displays your popup if a visitor spends at least 5 seconds on any page. Let’s change these rules.
For the first rule, click “Time on Page.” This will open the library of display rules and triggers. This library is quite large, so you can quickly find what you’re looking for using the filters on the left, which include popular, who, when, where, onsite retargeting, and ecommerce.
Choose the “Who(personalization)” filter and you will see Physical Location .
Next, set whether you want people in that location to see or not see the pop-up in the drop-down menu. We’ll use “IS” for the location so that people who are in the area will be able to see the pop-up.
Then type where you want the popup to go.
In the location box, type the location, which can sms to data be a country, city, or state. We’re typing “New York” here. Finally, press the Validate button .
When you click Validate Rule with the location added, a pop-up window will appear where you will add the location by clicking the plus icon next to the exact location you want.
