How To Create Geo-Targeted Landing Pages

Multiple landing pages are used when elements on a page are replaced depending on certain parameters. Find out how to change text or blocks on a landing page based on a visitor's location.
How to replace text based on a user's location
To replace text, add a T804 block from the "Other" category to the very bottom of the page.
Block Library, "Other" category: block T804 "Dynamic content: changes words depending on geolocation".
This block contains 4 main parameters that you can adjust in the Content panel of the block:

  • Key is a word that you need to add to the text. For example, if your keyword is "phone", it should be written in the following format: %%phone%% (you can choose any keyword you like). Add the key wherever you want to replace text on a website.
  • Default value is a text that will appear in the place of a key if no parameters for text replacement are found.
  • Geo parameter is a part of the URL that will be a signal to replace text. It's best to use a part of a UTM tag for this purpose, for example, utm_term=newyork.
  • Replacement value is the text that will appear if a user's geographic location matches the one specified in the "Geo params" field.
"Select location" pop-up window: lists of "Countries", "Regions", and "Cities" with selected location checkboxes and the "Save" button.
There can be several parameters and text replacements for one key and its standard value. You can add them by creating new items in the Content panel of the block.
Example

Your company delivers food in New York and New Jersey. You want your website to display information about your services in New York to all website visitors except for those based in New Jersey.

Add the keyword to replace the title on the cover:
Page editor: the headline of block CR01 containing the variable %%city%% for geo-targeting.
On the page, add a T804 block with the following values:
Block Content panel: the "KEY" and "DEFAULT VALUE" fields at the top, and the "GEO PARAMS" and "REPLACEMENT VALUE" fields in the item settings.
Page editor: the geo-targeted landing page block at the bottom of the page with configured dynamic text replacement parameters.
Now, if the user is based in New Jersey, they will see the name of their location in the title.
Example of a geo-targeted landing page for sushi delivery with a dynamic heading featuring a specific location.
To test what your page looks like in a certain location, you can use VPN applications allowing you to view the website as if you were based in a different region.
How to replace blocks based on visitors' location
If you want your block to change depending on a visitor's geographic location, add a T810 block from the "Other" category to the very bottom of the page.
Block Library, "Other" category: block T810 "Dynamic blocks: hide/show block depending on GEO".
This block hides or reveals other blocks on a visitor's geographic location.

For each geographic value, enter IDs of the blocks that should be shown or hidden. Select a geographic parameter from the list by clicking on Select geo area. You can select a country, region, or city.
The "Select location" pop-up window with checkboxes under "Countries", "Regions", and "Cities", and the "Save" button at the bottom.
The IDs of blocks are located at the bottom of each block's settings panel. Copy only the numerical value of the block's ID.
Block settings panel: numeric part of the block ID in the "Block id" section at the bottom.
That's how you can use the same block for all possible locations, hide or show it to people based on their location.
Example

You are designing a website for a tourist guide in Spain. You want people based in Barcelona and Madrid to see pages and images created for these two cities.

To achieve this, you need to create different blocks for different cities. First, create several covers featuring postcard views:
Next, add a T810 block to the page featuring the following parameters:
The "GEO PARAMS" field left empty in "ITEM 1", and the "GEO PARAMS" field with locations along with the "DISPLAYED BLOCKS" field in "ITEM 2".
Select location in a pop-up window.
The "Select location" pop-up window: "Spain" checkbox under "Countries", "Catalunya" under "Regions", and "Barcelona" under "Cities".
As a result, we have three conditions: one block is only visible in Madrid, the second one - only in Barcelona, and the third one is displayed everywhere else.
Page editor: the geolocation block configured to show and hide different page blocks based on geographic parameters.
The correct block will be displayed based on the visitor's location.
To test what your page looks like in a certain region, you can use VPN applications allowing you to view the website as if you were based in a different region.

How to customize Tilda landing pages for different clients

Replacing text on your Tilda website based on URL parameters

How to change text or blocks based on a visitor's location on Tilda

Redirect users to a specific page based on their location on Tilda

Here's how you can automatically redirect website visitors based on their language preferences on Tilda

Made on
Tilda