How to add selector to a custom position on my website? •

Hextom: Translate & Currency app offers four options to add a currency/language selector to your website. To place the selector in a custom position, like in the header or footer, use the Shopify App Block option under Placement Option in the app.

On this page:

• Shopify App block for Desktop
• Shopify App block for Mobile
• Integrate the selector with AI

Shopify App block for Desktop:

1. Go to Hextom: Translate and Currency app, then the Selector page.

2. Enable the selector, choose Shopify App Block under Placement option, and click the Save button.

3. Go to your Shopify admin >> Sales Channels>> Online Store>> Themes, and click the Customize button.

4. Go to App embeds and ensure the Translator Core Snippet is enabled. If it is not, please enable it and click the Save button at the top right corner.

5. Go to the Section in the left panel. To add the selector in the header, click Header>> Add Block>> choose Apps>> Selector Desktop, and select it.

6. After selecting it, the selector for desktop will be added in the header as shown in the screenshot below. You can drag and drop to adjust its position, then click the Save button.

Results:

Shopify App block for Mobile:

1. We can apply the same steps for mobile view by clicking the Mobile icon in the Theme Editor. Then to add the selector to the footer for mobile, click the App block under Footer>> choose Apps and select Selector Mobile.
2. After selecting it, the selector for mobile will be added to the footer as shown in the screenshot below. You can drag and drop to adjust the position, then click the Save button.

Results:

Integrate the selector with AI

Our app also offers a way to integrate the selector into your theme using AI. With this option, the AI will analyze your live theme and place the selector automatically. You can choose the position for the AI to place the selector in for both desktop and mobile.

For example, if you wanted to have the selector in the header on desktop, but in the drawer menu on mobile, then you could choose the corresponding options in the dropdowns, and click the Start live theme analysis button to have our AI place the selector in those positions.

If the position isn’t ideal or if you encounter any issues with the selector placement, please contact us at help@hextom.com, and we'll help with manual theme integration.