Show Country Layers
This component automatically detects your visitor's location and displays different content based on their country
Make it with Workshop
Build your own component with AI
About
This component automatically detects your visitor's location and displays different content based on their country. It shows specific content to visitors from selected countries while hiding it from everyone else, allowing you to create personalized experiences for different geographic audiences.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Instructions
Add the Country Visibility component to your canvas
In the Contents property, add multiple content instances by clicking the plus icon and selecting components or frames from your project (each represents content for a different country)
In the Countries property, add the same number of country selections and match each country to its corresponding content position (first country = first content, second country = second content, etc.)
Use "Rest of World" as one of your country selections to create a catch-all for any visitors from countries not specifically listed
Optionally connect Fallback Content that will appear if the visitor's country doesn't match any of your selections and no "Rest of World" option is set
How It Works
The component detects the visitor's country using Cloudflare's location service and matches it against your configured country list. You add multiple content instances and pair each one with a specific country code. When someone visits your site, only the content matching their country appears. You can use "Rest of World" as a catch-all for any countries not specifically listed, and set up fallback content that appears if no match is found at all. In the canvas, you'll see all content variations stacked with country labels for easy editing.
What You Get
When you purchase this component, you'll receive:
The Component Itself - Full access to the component all future updates
Remix File with Component Setup - A complete Remix file with the component pre-configured and ready to integrate into your project.
Setup Instructions - Clear, step-by-step instructions to help you implement the component quickly and correctly.
Dedicated Support - Direct access to our team for assistance if you encounter any issues during setup or implementation.
Support
For any queries and help setting up the component, contact hello@segmentui.com
Refund Policy
If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.
