Banner Customization

All banner customization is done in the GoPayLocal dashboard under your campaign settings. Changes take effect immediately — no code changes needed.

Message Template

The banner message supports placeholders that are replaced with real values at render time:

Placeholder	Description	Example Value
{{country}}	ISO country code	IN
{{countryName}}	Full country name	India
{{discount}}	Discount percentage with %	30%
{{code}}	Coupon code	PPP-INDIA-30
{{currencySymbol}}	Local currency symbol	₹
{{currencyCode}}	Local currency code	INR

Default template:

Hey! It looks like you're visiting from {{countryName}}.
We support Purchasing Power Parity! Use code {{code}} for {{discount}} off.

Custom example:

{{countryName}} pricing available! Get {{discount}} off with code {{code}}.

Tip

You can use **bold text** in your message template. The banner will render it with <strong> tags.

Colors

Customize the banner’s color scheme to match your brand:

Property	Default	Description
Background color	#1a1a2e	Banner background
Text color	#ffffff	Message text color
CTA button color	#e94560	Copy-code button background
CTA text color	#ffffff	Copy-code button text

Example: Blue theme

Background: #1e3a5f
Text: #ffffff
CTA: #4fc3f7
CTA text: #1e3a5f

Example: Green theme

Background: #1b4332
Text: #ffffff
CTA: #52b788
CTA text: #1b4332

CTA Button

The CTA (call-to-action) button copies the coupon code to the visitor’s clipboard.

Setting	Default	Description
CTA text	Copy Code	Button label
Copied text	Copied!	Text shown after successful copy (auto-reverts after 2s)

When auto-apply mode is enabled, the CTA button can link directly to checkout instead of copying a code.

Country Flag

Setting	Default	Description
Show flag	true	Display the country flag emoji next to the banner message

The flag is rendered as a native emoji (e.g., 🇮🇳 for India), so it works across all platforms and browsers.

Close Button

Setting	Default	Description
Show close button	true	Allow visitors to dismiss the banner

When dismissed, the banner is removed from the DOM. It does not reappear on subsequent page loads within the same session (tracked via sessionStorage).

Configuration via Dashboard

All of these settings are configured in your GoPayLocal dashboard:

1. Navigate to app.gopaylocal.com
2. Select your Product
3. Open the Campaign settings
4. Scroll to the Banner section
5. Customize colors, message, position, and behavior
6. Click Save — changes propagate to the edge in under 5 seconds

Note

There is no way to override banner configuration via script attributes or query parameters for security reasons. All customization must go through the dashboard.

Preview

The dashboard includes a live preview of your banner with sample data, so you can see exactly how it will look before publishing.