Thursday, April 8, 2021

How to Increase Pageviews and Reduce Bounce Rate in WordPress

Do you want to increase pageviews and reduce bounce rate in WordPress?

Users who stay on your site longer and view more pages are more likely to join your email list, leave a comment, make a purchase, follow you on social media, and more.

In this article, we’ll show you how to increase your pageviews and reduce bounce rates in WordPress using proven methods.

How to increase pageviews and reduce bounce rate in WordPress

What is Bounce Rate?

Bounce rate is the percentage of visitors who land on your site and leave without continuing to a second page. A high bounce rate means that you couldn’t convince a visitor to stay on your page and take action.

A visitor can bounce from your site in a lot of ways.

  • Clicking the back button
  • Typing in a new URL
  • Closing the tab or window
  • The session times out (from hosting errors)

People leave websites all the time. It’s normal because that’s how people navigate the web. But, there is a difference between a good and bad bounce rate.

A good bounce rate means your visitors had a good user experience and found what they’re looking for on your site. A bad bounce rate means a lot of your visitors land on your site and leave quickly.

What is a Good Bounce Rate?

Good bounce rates will vary by your industry and the type of website that you have.

There are some general rules you can keep in mind when looking at your own data.

  • Over 80% is a very bad
  • Between 70 and 80% is poor
  • Between 50 to 70% is good
  • Between 30 to 50% is great
  • Under 20% is generally a tracking error

There are a lot of reasons your bounce rate could be high. Luckily, most of these reasons can be fixed.

  • Your site loads too slowly
  • Your visitors are having a hard time navigating your site
  • You have a poor design
  • There aren’t any clear calls-to-action

There’s a lot you can do to improve your bounce rates and increase the total number of pageviews your WordPress site receives.

Getting Started

Before you begin, you’ll need to know your existing bounce rate and average number of pageviews.

We recommend using Google Analytics with the MonsterInsights plugin. It’s the best analytics solution for WordPress used by over 3 million websites.

This lets you easily view your traffic and user data directly from your WordPress dashboard. As you implement the tips in this post, you’ll see your numbers improve.

MonsterInsights analytics data

For more details, see our guide on how to install Google Analytics in WordPress.

1. Speed Up Your WordPress Site

If you have a high bounce rate, then it’s easy to assume your content or website is to blame. But, your visitors could be leaving before they’ve even had a chance to see your content.

If your site doesn’t load within 2 seconds, then your visitors won’t wait around. This applies to both mobile and desktop visitors.

Speeding up your WordPress site will improve your user experience, increase your total number of pageviews, and help with your WordPress SEO rankings.

First, you’ll want to run a website speed test, so you can see how your website is currently performing. For more details, see our guide on how to properly run a website speed test.

Website speed test results

Once you know how your site is currently performing, you can start making your WordPress site faster.

Luckily, there are ton of ways you can speed up your WordPress site performance.

For most websites, the biggest things that slow down their site speed is their WordPress hosting or improper WordPress caching configurations.

To help you fix your website speed, we have created an ultimate guide on how to boost WordPress speed and performance.

2. Improve Your WordPress Navigation Menus

Your navigation menu is one of the main ways visitors will navigate around your site. Most website owners don’t think twice about their navigation menus.

But, having a navigation menu that’s too complex or confusing can lead to higher bounce rates.

You want your navigation menu to be simple and help your visitors find exactly what they’re looking for.

Navigation menu optimization

We use a drop down navigation menu to organize thousands of posts on the WPBeginner blog simply. Even when you have a content heavy site, you should still organize your menus in a logical manner.

WordPress makes it easy to create menus and sub-menus across your WordPress site. For more details, see our beginner’s guide on how to add a navigation menu in WordPress.

3. Improve Your Internal Links in WordPress

Internal linking your content together is not only great for SEO, but it’s also one of the best ways to reduce bounce rate while increasing pagviews.

Internal linking is the process of linking from one page on your site to another.

For example, we can link to our best WordPress SEO plugin guide here in this sentence as our internal link.

Internal links are relevant links that enhance your existing content.

You can easily add internal links directly from your WordPress content editor.

Add internal links in WordPress

For more details, see our beginner’s guide on how to add a link in WordPress.

Note: Some of the additional options that you see in our screenshot above are added by All in One SEO plugin for WordPress. We recommend using AIOSEO to improve your SEO rankings.

4. Add Internal Search to WordPress

Internal search lets your visitors search your site for the content they’re looking for, just like Google.

Often users will use your website search bar to find the content they’re looking for before leaving your site.

Internal search example

By default, WordPress has a built-in search widget. However, the results algorithm is pretty limited.

We recommend using a WordPress search plugin to enhance your visitor’s search experience. For more details, see our list of the best WordPress search plugins to improve your site search.

5. Open External Links in a New Tab

Linking out to other websites is also great practice. It helps you build relationships with other website owners and makes your content more valuable.

However, external links can make your visitors leave your site, which can increase your bounce rate.

The best way to fix this is by having your external links open in a new tab or window. That way, when a visitor clicks an external link, they won’t leave your website.

Open external links in new tab

WordPress has an option to make your external links open in a new tab within your post editor.

For more details, see our guide on how to open external links in a new window or tab.

6. Add Related Posts or Popular Posts

One reason your visitors are leaving after reading a post is you’re not showing them what to do next.

So, instead of sticking around to read more, they leave.

An easy way to remedy this is to add a ‘Related Posts’ or ‘Popular Posts’ section at the end of your post.

If a visitor reads to the bottom of an article, then you know they’re engaged and are enjoying your site. It’s time to encourage them to keep reading.

WordPress related posts

There are a lot of ways you can do this. We recommend using a WordPress popular posts addon from MonsterInsights. This lets you easily add popular posts to WordPress and gives you control over the layouts.

MonsterInsights Popular Post Templates

You can even use it to add inline trend posts within your blog content:

MonsterInsights Inline Popular Posts

7. Make Your Content Readable

Most websites rely heavily on written content. If your content isn’t correctly formatted for the web, then this could be turning off your visitors.

There are a few key parts to making sure your content is easy to read.

First, make sure the text on your site is readable on all devices.

If readers have to zoom in or squint to see your text on mobile, then your font size isn’t big enough. For more details, see our guide on how to easily change the font size in WordPress.

Second, you need to format your content correctly. Readers tend to skim quickly instead of reading line by line. So, your content needs to match the way people read online.

Format content properly

There are a few ways you can format your articles for the web the right way.

  • Use subheadings to break up your content
  • Make your paragraphs short
  • Use bullets and lists when possible
  • Embed videos and add images into your content
  • Write in a conversational tone

8. Optimize Your WordPress Site for Mobile

Over half of all internet traffic comes from mobile devices. If your website isn’t optimized for mobile, then you’re delivering a poor experience for many visitors.

If your bounce rate is high and you haven’t optimized for mobile, then this could be why.

The best way to see if your site is optimized for the mobile web is using Google’s Mobile-Friendly Test.

Mobile friendly test Google

All you have to do is enter your URL, and you’ll get a report that’ll show you how you can optimize your website.

The easiest way to ensure your site is optimized for mobile is by choosing a responsive WordPress theme. A responsive WordPress theme will automatically adjust itself to your visitor’s screen size.

So, your WordPress site will look good on mobile, tablet, and desktop devices.

We’ve compiled a list of the best responsive WordPress themes.

Using a responsive theme makes it easy to optimize for mobile. All you have to do is install and activate the theme, and your site will be mobile-friendly.

There are also ways you can preview and edit the mobile version of your website, so you can make sure it looks great on mobile.

For more details, see our guide on how to preview the mobile version of your WordPress site.

9. Use WordPress Popups the Right Way

Popups can be a great way to grow your email list. But, they can negatively impact the user experience if they’re not used the right way.

You’ve probably been to a website where you were bombarded with popups. When all you were trying to do was read the content.

Instead of creating a poor experience you can create popups that’ll display as visitors are leaving your site.

You can either let them go or try to convert them into a subscriber.

The easiest way to do this is using OptinMonster. It’s the best lead generation software in the market used by over 1.2 million websites. We were able to use OptinMonster to grow our email list by 600%.

Add OptinMonster popup

You can use the Exit-Intent® technology to display popups when visitors are thinking about leaving your site. There’s also advanced targeting features, so you can create and display popups that are highly relevant to your visitors.

For more details, see our guide on how to build your email list with OptinMonster in WordPress.

10. Create a Custom 404 Page in WordPress

A 404 page is what your visitors will see if they come to your site via an invalid link. The page won’t be created on your site yet, so they’ll get an error message instead.

The goal of a 404 page is to redirect visitors to the content they might find helpful, instead of hitting the back button and leaving your site.

Depending on your WordPress theme, your standard 404 page might already list your pages, categories, or posts. But, this still leaves a lot of room for improvement.

The goal of your 404 page is to give your visitors relevant information, so they can find what they’re looking for and stay on your site.

404 page example

You can get creative with your 404 page. Some websites use humor, while others provide visitors with a helpful search tool.

The easiest way to create a custom 404 page is by using the SeedProd plugin.

For more details, see our list of the best WordPress 404 error page design examples.

11. Improve Your WordPress Sidebar

If your WordPress blog has a sidebar, there’s a lot you can do to optimize this space. For example, you can add things like popular posts, email sign up forms, display ads, and even Instagram photos.

However, since your goal is to reduce bounce rate and increase your pageviews, you should include helpful resources that link to other areas within your site.

We maximize our sidebar and direct our visitors to other popular resources on our site. As you scroll down the page, you’ll find images that link to detailed tutorials, a search bar, and useful WordPress guides.

WPBeginner Sidebar

Note, if your site doesn’t use a sidebar, then use the rest of the tips in this post to optimize your website.

12. Show WordPress Post Excerpts on Your Homepage

If your homepage contains your latest blog posts, then you can turn these into excerpts instead of entire posts. This helps your website in two ways.

First, it decreases the time it takes for your page to load. Second, it helps increase your pageviews by giving your visitors more options to find the right content.

Our homepage gives readers the chance to check out our 5 latest blog posts.

Post excerpts on homepage

Our blog page lists 10 posts, along with post excerpts, and read more links.

You can add post excerpts to multiple locations across your WordPress site.

For more details, see our guide on how to customize WordPress excerpts with no coding required.

Final Thoughts to Increase Your Blog Pageviews

Over 70% of people abandoning your website will never return. This is why it’s important that you have a way to contact them after they leave, so you can get them to come back.

The two best ways to do that is to create an email newsletter and add web push notification to your website.

Both of these will help you increase your website pageviews and overall traffic.

You can also see our ultimate guide on how to increase blog traffic with 27 proven tips.

We hoped this article helped you increase pageviews and reduce bounce rate in WordPress. You may also want to see our expert list of 24 must have WordPress plugins, and our comparison of the best webinar software to engage your audience.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Increase Pageviews and Reduce Bounce Rate in WordPress appeared first on WPBeginner.


April 08, 2021 at 03:44PM

Wednesday, April 7, 2021

How to Send Twilio SMS Notifications from WooCommerce (Step by Step)

Do you want to send Twilio SMS notifications from WooCommerce?

With SMS notifications, you can stay in touch with your customers, notify them of order updates, send coupon codes, and more.

In this article, we’ll show you how you can add Twilio SMS notifications from your WooCommerce online store.

How to send Twilio SMS notifications from WooCommerce

Why Add SMS Notifications to WooCommerce?

SMS notifications are the best way to give your customers information about their orders. Text messages are highly personal, and they are usually viewed and opened within seconds of receiving.

You can use SMS notifications to give your WooCommerce buyers updates about their orders. You can also deliver special coupon codes to encourage buyers to shop again.

SMS notifications give you creative ways to stay in touch with your customers and deliver value.

  • You can send out flash sale notifications
  • Alert your customers their favorite products are back in stock
  • Use SMS messages to deliver promo and coupon codes
  • Send order confirmation and shipping messages

Step 1. Set Up Your Twilio SMS Account

First thing you’ll need is a Twilio account.

Twilio is an online service that offers phone, voice messaging, and SMS services you can use with applications like WordPress and WooCommerce.

You can take advantage of the free trial to set up your account and experiment with the service. You’ll pay $0.0075 per message sent, with bulk messaging rates available.

To start, head over to the Twilio website and sign up for the free trial.

Twilio website sign up

On the signup page, you’ll be asked to enter your personal information.

Then, you’ll need to verify your email address and your phone number.

Verify Twilio account

After that, select the products you want to use. In this case, it’s ‘SMS’ and ‘Alerts & Notifications’.

Then, select the ‘With minimal code’ option and ‘PHP’ below that.

Twilio sign up information

Once you enter your information, click ‘Get Started with Twilio’.

After you sign up for an account, you’ll be taken to the Twilio dashboard. You need to click the ‘Get your first Twilio number’ button to get a phone number for your account.

This will bring up a popup that contains your new number.

Twilio phone number

If you like the number, then click ‘Choose this Number’ to keep it.

Your Account SID, Auth token, and new Twilio number are also listed on this screen.

You’ll need this information later, so keep this tab open.

Twilio project info screen

Step 2. Install and Activate Uncanny Automator

To send SMS messages from WooCommerce, we’re going to be using an automation plugin.

The best WordPress automation plugin is Uncanny Automator. It acts as a bridge between different WordPress plugins and applications and lets them talk to each other.

Uncanny Automator plugin

This plugin is like Zapier for WordPress websites. It’s incredibly beginner-friendly and comes with all kinds of automated workflows you can set up in a couple of clicks (no coding needed).

For more details, see our guide on how to create automated workflows in WordPress with Uncanny Automator.

Step 3. Create an SMS Notification with Uncanny Automator

Once Uncanny Automator is activated and set up, you can add a WooCommerce SMS notification.

First, you’ll need to connect your Twilio account to the Uncanny Automator plugin.

To do this navigate to Automator » Settings. Then, click the ‘Twilio’ option.

Here you’ll enter your Account SID, Auth Token, and your Twilio number.

Connect Twilio account

Then, click ‘Save API Details’.

Now, you can set up a notification, so when a user places an order in WooCommerce, it’ll automatically send them an SMS message.

To do this, navigate to Automator » Add new. Then, you’ll be prompted to choose ‘Logged-in’ or ‘Anonymous’.

We’re going to choose ‘Anonymous’ so all users will receive an SMS notification, even if they check out with a guest account.

Uncanny Automator anonymous recipe

Next, you can give your recipe a name.

After that select ‘WooCommerce’ in the ‘Anonymous trigger’ meta box.

Select WooCommerce integration

Now, you can choose your trigger.

We’ll use the first option since they’re all related to making a WooCommerce purchase.

Add WooCommerce trigger

Next, choose the trigger condition.

From the drop-down menu, select ‘completes’, to trigger the automation when a customer completes a purchase. Then, click ‘Save’.

Completes order trigger

Once you’ve done that, you can choose a specific product or any product in your store.

To choose all products in your store, select the ‘Any product’ option, then click the ‘Save’ button.

All products trigger

The Automator will now save your trigger, and you can move on to the Actions section. You’ll see different options depending on if you choose anonymous or logged-in recipes.

Since, we chose an anonymous recipe, there’s the option to perform the action on an Existing user or New user.

Set action on new users

To continue, click on ‘New user’.

Automator will now have you set the user data you want to use.

You need to click the ‘Asterisk’ sign next to each field and select the corresponding WooCommerce field. For example, we’ll be using ‘Billing first name’ for the ‘First name’ field.

Set user data WooCommerce first name

Below you’ll see the user role setting and what to do if the user already exists. You can select subscriber as the user role and ‘Do Nothing’ for existing users.

Then, click the ‘Save’ button to continue.

After saving, click the ‘Add action’ button and select the ‘Twilio’ integration.

Select Twilio integration

From the drop down menu, select ‘Send an SMS message to a number’.

This will bring up a new box where you can add the To address and the Body of your text message.

In the ‘To’ field, you need to click the ‘Asterisk’ button and select ‘Billing phone’ from the drop down list.

Then, you can customize the text message content you want to send to your customers. By clicking the ‘Asterisk’, you can add data from their order, like the name of the product, city, total price, and more.

Customize Twilio SMS message

Once you’re satisfied with your message, click ‘Save’.

Now, you can view the full action summary.

Twilio full trigger and action setting

After that, you can go ahead and make this recipe active.

At the top of the editor in the ‘Recipe’ box, you can switch the ‘Draft’ toggle to Live.

Make recipe live

Your new recipe will now be active, and you’ll automatically send Twilio SMS notifications to your customers once they complete a purchase in WooCommerce.

Make sure to test your workflow to see that the recipe is triggered and the correct action is performed.

We hope this article helped you learn how to send Twilio SMS notifications from WooCommerce. You may also want to see our ultimate WooCommerce SEO guide and our expert list of the best WooCommerce plugins for your store.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Send Twilio SMS Notifications from WooCommerce (Step by Step) appeared first on WPBeginner.


April 07, 2021 at 04:00PM

Tuesday, April 6, 2021

How to Highlight Author’s Comments in WordPress

Do you want to highlight the author’s comments in WordPress posts on your website?

Highlighting the author’s comments in your WordPress blog can help you build engagement. Users are more likely to leave a comment when they see the author is actively participating in the discussion.

In this article, we’ll show you how to easily highlight the author’s comments in WordPress to boost engagement.

Highting comments by an author in WordPress blog posts

Why Highlight Author’s Comments in WordPress?

Comments are a great way to build user engagement on your website. If you want to get more comments on your articles, then you can encourage that by actively participating in the discussions.

For a new WordPress blog, you can easily reply comments during comment moderation. If you run a multi-author blog, then you can encourage authors to take part in the discussion as well.

However, most WordPress themes don’t distinguish between comments and list them using the same style.

Regular comments layout with no author highlighting

A casual reader may scroll through the comments, not realizing the additional content contributed by the author in the discussion.

Highlighting author’s comments helps you remedy that and makes the author’s comments stand out and be more noticeable.

The ultimate goal here is to encourage new users to join in the comments and ultimately subscribe to your newsletter or become a customer.

That being said, let’s take a look at how to easily highlight author comments in WordPress.

Highlighting Comment Author in WordPress

The easiest way to highlight comments by post author is by adding custom CSS to your WordPress theme. This allows you to easily add the code needed and see a live preview of how it would look on your website without saving it.

First, you need to visit Appearance » Customize in WordPress admin area. This will launch the WordPress theme customizer interface. You’ll notice a bunch of options in a column on your left and a live preview of your website.

Theme customizer in WordPress

From here, you need to click on the Additional CSS tab. This will open a text area where you’ll be adding the Custom CSS.

Additional CSS tab

However, you would want to see how the custom CSS will look when applied. To do that, you need to navigate to a blog post that contains comments by a post author.

Viewing comments in Theme Customizer

Scroll down to the comments section and then add the following custom CSS in the Custom CSS box on the left.

.bypostauthor { 
background-color: #e7f8fb;
}

You’ll immediately notice the author comment change matching the Custom CSS you entered.

Author's comment highlighted with a different background color

So how does this all work?

You see WordPress adds some default CSS classes to different areas of your website. These CSS classes are there regardless of which WordPress theme you are using.

In this sample code, we have used the .bypostauthor CSS class which is added to all comments added by a post author.

Let’s add some more CSS styles to make it even more prominent. Here is a sample code that adds a small ‘Author’ label to the comments by the post author and a border around the author’s avatar image.

.bypostauthor:before { 
content:"Author";
float:right;
background-color:#FF1100;
padding:5px;
font-size:small;
font-weight:bold;
color:#FFFFFF;
}
.bypostauthor .avatar {
border:1px dotted #FF1100;
}

This is how it looked on our test website.

Comment author highlighted with the Author label

Highlighting Comments by User Role in WordPress

Now, many WordPress blogs have team members responsible for answering comments. Popular websites may have post author, administrator, and moderators all answering comments to boost user engagement.

How do you highlight a comment added by a staff member that is not the actual author of the post?

There is an easy hack to achieve that. However, it requires you to add custom code to your WordPress website. If you haven’t done this before, then see our article on how to easily add custom code in WordPress.

First, you need to add the following code to the code snippets plugin or your theme’s functions.php file.

if ( ! class_exists( 'WPB_Comment_Author_Role_Label' ) ) :
class WPB_Comment_Author_Role_Label {
public function __construct() {
add_filter( 'get_comment_author', array( $this, 'wpb_get_comment_author_role' ), 10, 3 );
add_filter( 'get_comment_author_link', array( $this, 'wpb_comment_author_role' ) );
}
 
// Get comment author role 
function wpb_get_comment_author_role($author, $comment_id, $comment) { 
$authoremail = get_comment_author_email( $comment); 
// Check if user is registered
if (email_exists($authoremail)) {
$commet_user_role = get_user_by( 'email', $authoremail );
$comment_user_role = $commet_user_role->roles[0];
// HTML output to add next to comment author name
$this->comment_user_role = ' <span class="comment-author-label comment-author-label-'.$comment_user_role.'">' . ucfirst($comment_user_role) . '</span>';
} else { 
$this->comment_user_role = '';
} 
return $author;
} 
 
// Display comment author                   
function wpb_comment_author_role($author) { 
return $author .= $this->comment_user_role; 
} 
}
new WPB_Comment_Author_Role_Label;
endif;

This code simply adds the user role label next to the comment author’s name. This is how it would look without any custom styling.

User role labels added to comments

Let’s make it a little prettier by adding some custom CSS. Go to Appearance » Customize page and switch to the Additional CSS tab.

After that, you can use the following CSS to style the user role label in the comments.

.comment-author-label {
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
}
 
.comment-author-label-editor {  
background-color:#efefef;
}
.comment-author-label-author {
background-color:#faeeee;
}
 
.comment-author-label-contributor {
background-color:#f0faee;   
}
.comment-author-label-subscriber {
background-color:#eef5fa;   
}
 
.comment-author-label-administrator { 
background-color:#fde9ff;
}

This is how it looked on our test site. Feel free to modify the code to match your theme’s colors and style.

User role highlighted

For more details, you may want to read our article on how to add user role labels to WordPress comments.

We hope this article helped you learn how to highlight author comments in WordPress. Want to see how users interact with your website? See our tutorial on how to track user engagement in WordPress, and how to add web push notification on your WordPress site to grow your traffic.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Highlight Author’s Comments in WordPress appeared first on WPBeginner.


April 06, 2021 at 02:30PM

Monday, April 5, 2021

How to Create a WordPress Popup Based on Location (Step by Step)

Do you want to create a WordPress popup based on the location of your visitors?

Creating WordPress popups based on location helps you deliver the right marketing message, to the right people, at the right time. This means a better user experience and more revenue for your WordPress site.

In this tutorial, we’ll show you how to create popups based on a user’s location and add them to WordPress.

 How to create a WordPress popup based on location

What Are Location Based Popups?

Location based popups are similar to standard popups, but they only display for visitors from specific locations.

So, visitors from the US will be shown different popups than visitors located in the UK or in Spain.

You can narrow down your location targeting even further, and target specific states and cities. This way visitors in Florida can be shown a different popup than visitors in California.

This process is known as geotargeting, and it lets you encourage your visitors to take specific actions on your site based on where they live.

Why Add WordPress Popups Based on Location?

Using location-based popups in WordPress gives your visitors a highly relevant experience. It shows your visitors that you understand their needs and can lead to better conversions.

This level of personalization can help you reach your website goals, like growing your email list or making money online.

Using geolocation popups can help your business website in a lot of ways.

  • Boost website credibility by showing visitors you’re aware of their location
  • Run eCommerce coupons and specials for visitors in certain areas
  • Promote local events and conferences to your visitors
  • Highlight products that are relevant to visitors in different locations

How to Create a WordPress Location-Based Popup

The easiest way to add popups to your WordPress website is using a plugin.

We recommend using OptinMonster. It’s the best WordPress popup plugin in the market with over 1.2 million users.

You can use the OptinMonster drag and drop editor to simply create a popup campaign in minutes. Plus, you can easily personalize your popups based on what page their viewing, actions they’ve taken on your site, and more.

The first thing you’ll need to do is install and activate the plugin. For more details, see our guide on how to install a plugin in WordPress.

The OptinMonster plugin acts as a link between your WordPress site and the OptinMonster software.

Once the plugin is activated, you’ll have a new menu item called ‘OptinMonster’ in your WordPress admin dashboard.

Open OptinMonster dashboard

Click ‘OptinMonster’ to open your OptinMonster dashboard.

Then, click ‘Launch Setup Wizard’ to connect your site to OptinMonster. If it’s your first time, then you can create a new account for free.

OptinMonster launch setup wizard

After you’re done going through the setup wizard, your site will now be connected to OptinMonster.

To create your location based popup navigate to OptinMonster » Campaigns.

Then, click ‘Add New’ to create a new popup campaign.

Add new OptinMonster popup campaign

Once you’ve done that, select the ‘Popup’ campaign type.

Next, you’ll select the campaign template. Your template forms the foundation for the design of your popup. So, choose a template that closely resembles the design you want.

For this tutorial, we’ll select the Checkout template. Once you find a template you like, hover over it and click ‘Use Template’.

Select OptinMonster template

Then, you’ll need to name your campaign.

This name won’t appear in your design. Instead, it’s to help you remember what kind of campaign you created.

Start building popup

Next, click ‘Start Building’.

This will bring you to the OptinMonster app, where you can customize the appearance of your popup.

Customize location based popup

You can totally customize your popup by adding new blocks, text, headings, and more. Just click on the element you want to edit and the options menu will appear on the left.

Once you’re satisfied with how your location based popup looks, click ‘Save’, then click on the ‘Display Rules’ tab at the top of the screen.

Set popup display rules

This is where you’ll set your location triggers.

The default rule is your popup will appear on any page after a visitor is on the site for 5 seconds.

You’ll need to change the first rule to the visitor’s physical location. To do this, click on the ‘time on page’ display rule, then select ‘Physical Location’.

Set physical location rule

Now you can set the popup to display for visitors who are in a specific location.

You also have the option to include or exclude visitors who are in an EU country.

Popup visitor location settings

We’re going to set the rule so the popup will show when a visitor is in Las Vegas, NV.

Next, click ‘Validate’.

Set visitor location

Now, a popup will appear that lists available locations based on what you entered. Simply select the location you want and then click ‘Next Step’.

OptinMonster also gives you the option to add an animated effect or sound on the next screen, but we’ll leave the default settings.

Once you’ve done that, click ‘Next Step’ again, and you’ll be taken to the summary page where you can review your location popup settings.

Location popup display rules summary

If your settings are correct, then navigate to the ‘Publish’ tab and switch the ‘Publish Status’ from Draft to Publish.

Next, click ‘Save’ and exit the screen.

Publish location popup

Your popup based on your user’s location will now be live on your site.

If you want to create multiple popups based on location, then follow the same process above and change the ‘Display’ rules to the new user location.

With OptinMonster, you can have multiple popup campaigns running at once and provide a targeted experience for all your visitors.

We hope this article helped you add a WordPress popup based on location to WordPress. You may also want to see our list of the best email marketing services and best live chat software to boost your sales.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a WordPress Popup Based on Location (Step by Step) appeared first on WPBeginner.


April 05, 2021 at 05:00PM