This members-only tutorial provides the steps to register a custom Oxygen condition using which elements can be output to users visiting from a specific state in the US using the API from ipapi.co.

We are going to add "US State" in the conditions list under the "Other" category with equals and not equals operators.

Meaning, you can either output or NOT output any element in the Oxygen builder to visitors from a specific US state.

Note: You can easily modify this to check against regions (states) of any country by replacing the state names in the code.

Use Case

Say you own a tours attraction website based in the US. You could show one Section for visitors from New York and another for visitors from a different state say, Florida.

Note that the great thing about Oxygen's conditions is that content gets output or printed on the front end conditionally and it is not that it is just hidden or shown using CSS’ display property.

Caveat

IP and State detection may not work reliably when there is caching (especially at the server level) involved. You may need to add the page(s) where you are implementing this to your cache plugin's exclusion list.

You are advised to test this solution first before using it in production.

Step 1

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: [Function] Get IP Address

Code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

You need to be logged in to view and post comments.
Not a member yet? Join here.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: