{"id":4299,"date":"2020-03-25T16:45:43","date_gmt":"2020-03-25T05:45:43","guid":{"rendered":"https:\/\/wpdevdesign.wpengine.com\/?p=4299"},"modified":"2020-03-25T16:45:45","modified_gmt":"2020-03-25T05:45:45","slug":"condition-us-state","status":"publish","type":"post","link":"https:\/\/wpdevdesign.com\/condition-us-state\/","title":{"rendered":"[Condition] US State"},"content":{"rendered":"
\n
\n

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

\"\"<\/figure>\n

We are going to add \"US State\" in the conditions list under the \"Other\" category with equals and not equals operators.<\/p>\n

Meaning, you can either output or NOT output any element in the Oxygen builder to visitors from a specific US state.<\/p>\n

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

Use Case<\/h4>\n

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.<\/p>\n

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\u2019 display property.<\/p>\n

Caveat<\/h4>\n

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

You are advised to test this solution first before using it in production.<\/p>\n

Step 1<\/h3>\n

Install and activate Code Snippets<\/a> plugin.<\/p>\n

Go to Snippets > Add New.<\/p>\n

Title: [Function] Get IP Address<\/strong><\/p>\n

Code:<\/p>\n <\/div>\n

\n

This is a premium members-only content.<\/p>\n

To view the rest of the content, please sign up for membership ($47\/month or $599 one-time)<\/a>.<\/p>\n

Already a member? Log in below or here<\/a>.<\/p>\n <\/div>\n