---
title: "How to use website dynamic content based on the user's location "
slug: "location-playbook"
locale: "en-us"
description: "Create seamless browsing experiences. Follow this step-by-step to learn how to use location-based personalized content on your website."
published_at: "2024-05-11"
updated_at: "2025-12-05"
image: "https://storage.googleapis.com/croct-assets-b931d070/blog/How_to_use_website_dynamic_content_based_on_the_user_s_location_81f2e940c8/How_to_use_website_dynamic_content_based_on_the_user_s_location_81f2e940c8.png"
authors: ["Mariana Bonanomi","Yasmin Gonçalves"]
category: "Playbooks"
tags: ["Conversion Rate Optimization (CRO)","How To","Personalization ideas","Location"]
canonical: "https://blog.croct.com/post/location-playbook"
---

# How to use website dynamic content based on the user's location 

[Geomarketing](/post/personalization-location.md) may not be a brand new strategy, but no one can argue that it's one of the most powerful marketing strategies.

Using dynamic geolocation-based content allows companies to communicate only to users browsing from specific regions without affecting the navigation experience elsewhere.

This article is a how-to guide to help you personalize your website based on the user's location. Follow this step-by-step playbook to implement this strategy effectively.

> 💬 TLDR
>
> If you are a developer, you can use our [template](http://croct.com/templates/use-case/e-commerce/location) through our CLI instead of configuring this manually on the interface.

## How to create your personalized experience based on the user's location

Creating an experience is as easy as defining which users you want to impact, what part of your website you want to change, and the personalized content you want to show them. You can follow the steps below or watch this video for more details:

[![Step-by-step for location-based personalization](https://storage.googleapis.com/croct-assets-b931d070/blog/Location_based_personalization_cover_d00ae9111f/Location_based_personalization_cover_d00ae9111f.png)](https://youtu.be/7J5qn0BY7AM)

Start by heading to [Experiences](https://app.croct.com/redirect/organizations/-organization-/workspaces/-workspace-/experiences), click **New**, and choose a name for your experience. Now, we'll show you how to:

- Segment users based on a specific location
- Select the slot you want to personalize
- And define which content you’ll display to users browsing from that location

### Audience

> ✨
>
> With Croct, you can use our [Contextual Query Language (CQL)](https://docs.croct.com/reference/cql/introduction) to define audience criteria. It is an English-based language that combines the simplicity of natural language with an intuitive syntax that makes it easy for both technical and non-technical users.

With Croct, you can segment users based on their location using information like the current country, state, or city—here you can find all location variables available. It is also possible to add two or more campaigns to the same audience using [or](https://docs.croct.com/reference/cql/expressions/operations/logical/or), [and](https://docs.croct.com/reference/cql/expressions/operations/logical/and), [is](https://docs.croct.com/reference/cql/expressions/tests/comparison/equal), or [is in](https://docs.croct.com/reference/cql/expressions/tests/collection/in).

Click on **New audience** and enter a CQL expression that matches the target audience, like this:

```cql noLineNumber
location's city's name is "Campinas"
location's city's name is in ["Campinas", "São Paulo"]
location's tags include "beach"
location's population is greater than 1000000
```

![Screenshot of Croct's admin. A breadcrumb defines steps for creating an experience. A side drawer shows a form for defining audience name, ID, and criteria.](https://storage.googleapis.com/croct-assets-b931d070/blog/Playbook_location_audience_creation_en_us_3d925662e0/Playbook_location_audience_creation_en_us_3d925662e0.png?updated_at=2024-07-26T11:53:54.421Z "How to create an audience")

### Slot and content

Slots are any personalizable elements of your application.

![Three wireframes highliting slots you can personalize.](https://storage.googleapis.com/croct-assets-b931d070/blog/Playbook_location_f99edaaedf/Playbook_location_f99edaaedf.png?updated_at=2024-06-17T10:55:16.070Z "Announcement bar, hero section, and carousel section slot examples")

Some popular choices are the announcement bar, the hero section, and the carousel section. Still, you can also personalize any page section to include targeted information.

![Screenshot of Croct's admin. A breadcrumb defines steps for creating an experience. A drop-down menu displays options of slots you can personalize.](https://storage.googleapis.com/croct-assets-b931d070/blog/Playbook_location_choose_slot_en_us_50acf62f6b/Playbook_location_choose_slot_en_us_50acf62f6b.png?updated_at=2024-07-26T11:53:55.291Z "How to select a slot")

Select the slot you want to personalize, and finally, click on **Content** to specify elements such as images, copies, and button colors you want your audience to view. Be creative!

![Screenshot of Croct's admin. A breadcrumb defines steps for creating an experience. A side drawer shows a content form for images, copies, and colors of the personalized content](https://storage.googleapis.com/croct-assets-b931d070/blog/Playbook_location_content_en_us_3192aa9e12/Playbook_location_content_en_us_3192aa9e12.png?updated_at=2024-07-26T11:53:52.215Z "Croct's content form makes it easy to define which personalized elements to display")

### Extra options

Besides creating an audience, choosing the slot, and defining the content, you can also prioritize this experience over others, choose a different time zone, and schedule its start to whenever you prefer.

![Screenshot of Croct's admin with buttons with options of scheduling, prioritizing, and choosing a time zone for a personalized experience.](https://storage.googleapis.com/croct-assets-b931d070/blog/Playbook_campaigns_options_31ee878239/Playbook_campaigns_options_31ee878239.png?updated_at=2024-04-30T13:18:27.495Z "You can schedule, prioritize, and choose a time zone for experiences")

Next, publish your experience or go to the preview to see the magic happen! ✨

## What's next?

[Geo-location-based personalization](/post/personalization-location.md) can significantly enhance the user experience and allow you to offer discounts and pricing plans for specific regions and display prices in the users' local currencies.

Use the user's location to tailor content and explore other personalization strategies, such as targeting [organic search visitors](/post/organic-search-playbook.md). Start using these techniques with our platform to increase your conversion, reduce your CAC, and optimize your marketing results.

Need more inspiration? Browse other [playbooks](https://blog.croct.com/playbooks) and check some personalization ideas for [e-commerce](/post/ecommerce-personalization-ideas.md) or [SaaS](/post/saas-personalization.md).

Happy personalization!