Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Create Multi Region/Country site in AEM 6.5

Avatar

Level 4

Hi All,

 

I want to add functionality in AEM site where we can select the one country from provided different options and based on the country selected, site data will change. Screenshot given below for reference.

 

Heena91_0-1617607751532.png

 

Thanks in Advance !

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @Heena91,

 

If you are using only one DNS then it can be achieved by providing different URLs at the country dropdown.

Let's say, 

USA: www.abc.com/us_en.html

India: www.abc.com/in_en.html

 

So in the dropdown, the USA will have a respective link as mentioned above and the same for India and other countries.

 

Other than that, if you don't want the URL to be changed, everything depends on the dropdown values, then you can utilise AEM personalization.

https://experienceleague.adobe.com/docs/experience-manager-64/authoring/personalization/personalizat...

 

 

 

View solution in original post

3 Replies

Avatar

Community Advisor

Hi @Heena91 

You can build a custom component on your website which can either read the multi locale values from your website i.e. en_us, en_ca, fr_ca, an so on.... and populate the home page URL on the HTL or you can make it as a simple list where you can author the Country Label, Logo/icon and the corresponding home page url which then can be populated as a list item on the page. Now when an user will click on the respective link/label, they will be redirected back to their respective home page and the content can be loaded.

 

Hope this helps!

Thanks!

Avatar

Correct answer by
Community Advisor

Hi @Heena91,

 

If you are using only one DNS then it can be achieved by providing different URLs at the country dropdown.

Let's say, 

USA: www.abc.com/us_en.html

India: www.abc.com/in_en.html

 

So in the dropdown, the USA will have a respective link as mentioned above and the same for India and other countries.

 

Other than that, if you don't want the URL to be changed, everything depends on the dropdown values, then you can utilise AEM personalization.

https://experienceleague.adobe.com/docs/experience-manager-64/authoring/personalization/personalizat...

 

 

 

Avatar

Community Advisor

Hi @Heena91,

 

On the header of your page, you can create a country selector option. Here, you can give an option to author the country name, icon, and URL to the authors.

 

In the model, fetch the values, loop the list, and display them.

 

You can use the core AEM component: https://www.aemcomponents.dev/content/core-components-examples/library/templating/language-navigatio...

 

Hope this helps.

 

Thanks,

Kiran Vedantam.