Country Content

Replaces an element's content based upon the user's country

Example

Hello World

I'm the content that is shown when the country can't be resolved or the country that is returned does not have additional content.

View code

<div data-ctrycnt="ajax/country-content-{country}-en.html">
	<h4>Hello World</h4>
	<p>I'm the content that is shown when the country can't be resolved or the country that is returned does not have additional content.</p>
</div>

Simulate different countries (Demo only)

Note: the page must be refreshed to see the changes from resetting or changing the country code. This will impact all examples on this page.

Override the country used for the replacement content. Try setting the value to "us" to simulate a user coming in from the United States or "ca" for Canada.

Please enter a 2 character country code to override the lookup

Page details

Date modified:: 2022-07-18