This component automatically detects where your visitors are browsing from and displays a customized banner offering region-specific discount codes. It uses geolocation to identify the visitor's country and shows a personalized message with a discount code if they're from an eligible region, helping you implement fair purchasing power parity pricing on your website.
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
Add the component to your canvas where you want the banner to appear (typically at the top of your page)
Set your discount code in the "Discount Code" field
Customize your message in the "Custom Message" field using {country} and {discountCode} as placeholders
Select which countries are eligible for the discount from the "Eligible Countries" dropdown list
Optionally enable "Show If No Discount" to display a message to visitors from non-eligible countries, and customize the "No Discount Message" text
Customize the appearance using Font, Font Color, Background Color, Border Color, Alignment, Vertical Padding, Horizontal Padding, and Border Radius controls to match your brand
The component works by fetching the visitor's location automatically when they land on your page. You can customize which countries are eligible for discounts by selecting from a comprehensive list of country codes. The banner message is fully customizable and supports placeholders like {country} and {discountCode} that get replaced with actual values. You can control all visual aspects including colors, fonts, padding, and alignment through the property controls. There's also an option to show a different message to visitors from non-eligible countries if you want to explain your pricing approach.
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.
For any queries and help setting up the component, contact hello@segmentui.com
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.
Nabeel
