Looking for a way to geotarget Beaver Builder content on your WordPress site?
Beaver Builder helps you create your own unique designs using its visual, drag-and-drop page builder plugin. But what if you want to display different Beaver Builder designs or modules based on the geolocation of your site's visitors?
For example, you could show different button modules (CTAs), different videos, different ads, and lots more. In total, you'll be able to geotarget your designs at the Beaver Builder row, column, or individual module level.
In this article, you're going to learn how to geotarget Beaver Builder content using GeotargetingWP and the Geotargeting Pro plugin. You'll be able to set up your geotargeting rules from inside the regular Beaver Builder interface - no need to learn a new interface or use any code.
Specifically, you'll get a new GeoTargeting tab in the settings area for any row, column, or module:
This method will work with:
- Beaver Builder (free) at WordPress.org
- Beaver Builder Pro
- Beaver Themer (Beaver Builder's full theme building extension)
- Any Beaver Builder extensions (as long as they're coded properly)
Ready to learn how to do it? Let's dig in…
Table of Contents
Beaver Builder Geolocation
To geotarget Beaver Builder page builder, you need Geotargeting Pro from GeotargetingWP.
Geotargeting Pro lets you geotarget any part of your WordPress site. You can use it to geotarget entire post/pages/custom post types, widgets, menu items, and - of course - content from Beaver Builder.
Again, it has a built-in integration with Beaver Builder so that you're able to configure all of your geotargeting rules right from the Beaver Builder interface.
More importantly, you can geotarget your content by different areas including:
- Country
- City
- State
- Zip code
- Radius (a certain distance from latitude/longitude coordinates that you specify)
The geotargeting plugin itself is free, but you will need to subscribe to the GeotargetingWP service to actually detect your visitors' location. You can get a 14-day free trial, with no credit card required, though. So you'll be able to follow this entire tutorial without paying anything or entering a credit card - you'll only need to pay if you want to continue using the service after those 14 days.
Step 1: Set Up the Geotargeting WP Plugin
To begin, you'll need to register for a GeotargetingWP account. Again, you can get a 14-day free trial with no credit card required.
Once you register and log into your account, you should see a prompt to download the latest version of the GeotargetingWP plugin in the sidebar of your account dashboard:
Once you've downloaded the plugin, install and activate it on your WordPress site. Activating the plugin will launch a setup wizard to help you configure the plugin's basic settings. In the setup wizard, one piece of information that you'll need to enter is your GeotargetingWP API keys.
To find these keys, open a new tab and go to this link. Or, go to the API Keys section in the drop-down menu at the top-right corner of your GeotargetingWP dashboard.
While you're in the GeotargetingWP dashboard, you'll also want to add your WordPress website to the "Allowed domains" box in the API Key area:
Once you've added your site and you have your API Key and API Secret, go back to your WordPress dashboard and add the API keys to the boxes in the plugin's setup wizard. Then, you'll need to make two additional choices:
- Fallback Country - if GeotargetingWP can't detect a visitor's IP/location for some reason, it will treat the visitor as if they were from this country as a fallback.
- Bots Country - GeotargetingWP will always treat bots and crawlers (like Google's search crawler) as if they're visiting from this country.
Once you've entered that information, click Next.
On the next page, you'll have an option to install some of GeotargetingWP's other add-on. For example, you can create geotargeted links or redirects. You can install any add-ons if they fit your needs. However, you don't need to install any add-ons to geotarget Beaver Builder content.
Once you finish the setup wizard, you're ready to start adding geotargeting to Beaver Builder.
Step 2: Geotarget Beaver Builder Content
Next, you can open the regular Beaver Builder interface to start geotargeting your content. Again, GeotargetingWP works with both Beaver Builder free/Pro as well as any theme templates that you're creating with Beaver Themer.
To set up a geotargeting rule, all you need to do is open the settings for any row, column, or module. You should then see a new Geo Targeting tab, which is where you can set up your geotargeting rules:
You should notice two things here:
First, GeotargetingWP lets you choose different areas to geotarget. Again, you can target by:
- Country
- City
- State
- Zip code
- Radius around certain longitude/latitude coordinates
You can also create your own "Regions", which help you save time. A region lets you automatically target multiple locations at once. GeotargetingWP comes with its own default regions such as "Asia", "Europe", etc. However, you can also create your own custom regions with any combination of locations.
Second, you can use both Include and Exclude rules:
- Include - this row/column/module will only show to visitors from these locations.
- Exclude - this row/column/module will show to all visitors except for visitors from these locations.
An Example of How to Use GeotargetingWP in Beaver Builder
Let's look at an example to show you how it works. Let's say you want to show one button to visitors from Vietnam and another button to visitors from anywhere in the world except Vietnam.
First, you would add two separate button modules in Beaver Builder:
- One module with the link/CTA for visitors from Vietnam.
- Another module with the link/CTA for visitors from everywhere except Vietnam.
Next, you would open the Geo Targeting settings for the button for Vietnamese visitors. Here, you would set the Include Countries rule equal to "Vietnam":
Again, this means that this first button module will only display to visitors from Vietnam.
Then, you would open the Geo Targeting settings for the button for visitors from outside Vietnam. Here, you would set the Exclude Countries rule equal to "Vietnam". Remember, this means that this module will display to visitors from anywhere except Vietnam:
And that's it! Now, your visitors will only see the single button module that applies to them.
For example, I'm currently writing this article from Vietnam, so when I open the Beaver Builder design on the frontend of the site, I only see the button for Vietnamese visitors:
If someone were browsing from outside Vietnam, they would only see the other button.
This is just a simple example with two rules. But you could also get more creative and target additional locations if needed. You could also use the same approach to geotarget entire sections or columns instead of just a single module.
Will These Geotargeting Rules Work With Page Caching?
Yes! Even if you're using page caching from your plugin or host to speed up your Beaver Builder designs, GeotargetingWP still works as long as you enable Ajax mode in the plugin's settings.
Start Geotargeting Beaver Builder Today
By geotargeting your Beaver Builder designs, you can create more optimized web experiences for visitors from different locations.
To start geotargeting Beaver Builder without needing any code or special technical knowledge, sign up for a GeotargetingWP account today and start your 14-day free trial.
Powered by Froala Editor