Location-Based Content on Shopify: Show Different Banners by City or State
Shopify themes show the same content to every visitor. A banner about Navratri looks odd to a shopper in Tamil Nadu celebrating Navaratri for different reasons - or to a shopper in Assam celebrating Bihu instead. Shopify's theme editor has no built-in way to show different content per pincode or state.
Lokally's storefront content solves this: its theme blocks show different content to shoppers based on the region of the pincode they enter. A region is a set of pincodes, ranges and wildcards, so it can be a few pincodes, a city or a whole state.
Lokally's Theme Blocks
Each block's content is set per region in Lokally → Storefront content.
1. Hero Banner and Slider
Image-led blocks for your home page or other pages. Use cases:
- Festival-specific creative (Navratri for Gujarat, Onam for Kerala)
- Metro-exclusive launch announcements
- Regional shipping or delivery messaging
2. Announcement Bar
A top-of-page strip with a short message for each region, with an optional countdown timer, scrolling marquee and message rotation. Use cases:
- "Free delivery in Bangalore this week"
- "Prepaid only in your area - UPI and cards accepted"
- "Onam special: 15% off all home textiles", with a countdown to the end of the offer
3. Popup and Product Display
A popup, and a block for product pages, each with content per region.
4. Section and Collection Visibility
Show or hide page sections and collections by region. Use cases:
- Launch a collection in metros only before national rollout
- Hide collections you can't deliver in certain states
- Show exclusive collections to distributor territory customers
Setting Up Regional Content
Step 1: Add the blocks to your theme
In your Shopify theme editor (Admin → Online Store → Themes → Customize), add Lokally's app blocks where you want content to appear, for example a hero banner on the home page or an announcement bar at the top. Make sure the Lokally app embed is turned on.
Step 2: Create your regions
In Lokally → Regions, create a region for each area. Paste its pincodes (one per line or comma-separated), or use ranges (400001-400099) and wildcards (40*) to cover a city or a state.
Step 3: Set content per region
In Lokally → Storefront content, set each block's content for each region (upload your creative or enter your message), then click Publish.
Content isn't scheduled: change it when a campaign starts and ends. (Pricing rules can have start and end dates.)
Step 4: Test with pincode entry
In your storefront, enter a pincode from the region in the Lokally popup or widget. Verify the correct content appears. Enter a pincode from outside the region and verify you see that region's content (or none).
Targeting Options
Regions are built from pincodes, so you choose how precise to be:
Individual pincodes: most precise, best for hyper-local campaigns or COD messaging for specific pincodes.
Ranges and wildcards for a city: good for metro-first launches, for example 40* for Mumbai or 11* for Delhi, without a long pincode list.
Wildcards for a state: best for regional festival campaigns where the entire state celebrates a particular festival (Gujarat for Navratri, Kerala for Onam, West Bengal for Durga Puja).
Keep regions from overlapping, so each pincode belongs to one region and it's always clear which content a shopper sees.
Examples
Metro launch banner: An apparel brand launches a new collection for metro shoppers only. It sets the hero banner for its metro region to "Exclusive Metro Collection - Now Available" and hides the collection in other regions. Other shoppers see the standard storefront.
COD announcement: A brand wants to remind shoppers in high-RTO pincodes that COD is unavailable. It sets the announcement bar for that region to "Prepaid only in your area - UPI and cards accepted."
Festival countdown: An electronics brand runs a 3-day Dussehra sale for Rajasthan. It sets the announcement bar for its Rajasthan region to "Dussehra sale ends in:" with the countdown timer on. Only Rajasthan shoppers see it.
Summary
Lokally lets you show different banners, messages, timers and collections to shoppers based on the region of their pincode. Add the blocks in your theme editor once, then manage the content for each region from the Lokally dashboard.