2. Set Up Your Store

Once the Reach Localize Apps are installed on your store, use the information on this page to help you guide you through the setup.

Here's an overview of what you'll need to do to set up your store:

1. Update your currency settings in Shopify
2. Verify that the update took effect by looking at the "Money" attribute in your code
3. Add the Reach Checkout additional script
4. Create the Reach Script Snippet
5. Update theme.liquid and Checkout.liquid

That's it!

You can optimize your Reach Script further using some of the attributes available.

Currency Settings

1. From Shopify's admin, select Settings and then General

2. Scroll down to the Store Currency section, click Change formatting

3. Update the HTML with/without currency "span" tag to include class="money" span as shown below

Here's an example:

🚧

To be safe, ensure the use of quotes or other symbols '<${" etc. doesn't affect the current theme by making this change then checking a preview of your theme for any console errors.

Verify Money Tags

Verify that the update you did in the "span" class in the last step has taken effect. Do this by double checking in your code that all money values are rendered with the | money filter.

Here's an example that shows | money is correctly showing up in the code.

<span>{{ product.price | money }}</span>

To make sure that the price conversions are done correctly, the class="money" must be within every <span> that involves a price that needs to be converted on your store.

Reach Checkout Additional Scripts

1. From Shopify's admin, click settings and then Checkout

2. Scroll down to Order processing and in the Additional scripts, add the Reach script in the text box available.

Here is the code to add to the Additional scripts section.

<script>
  // Required for Reach Gateway
  var gip_order_id = '{{ checkout.order_id }}';
</script>

Create the Reach Script Snippet

1. From Shopify's admin, select Online Store.

On the theme you want to install Reach script, select Actions and then Edit code.

2. Under "Snippets", click "Add a new snippet"

Enter the desired snippet name, we recommend "reach-script", click Create Snippet to create the snippet.

3. Update the "reach-script.liquid" with your customized Reach code.

🚧

{Merchant Id} should be replaced with your Reach Merchant Id, kindly reach out to us for your valid Merchant Id.

You can create your custom code here My Shop's Custom Code

<!-- Reach Localize Script -->
<script
   id="gointerpay_localize"
   src="https://assets.rch.io/{Merchant Id}/localize.js"
   data-merchant_id="{Merchant Id}">
</script>

Update theme.liquid and checkout.liquid

1. From Shopify's admin, navigate to your theme codes

2. Under "Layouts", find your theme.liquid and checkout.liquid

Note: If your checkout.liquid doesn't exist, you can create it.

Copy and paste the code below into your theme.liquid and checkout.liquid just before the </head>.

{% include 'reach-script' %}

Script Tag Options

To further customize your shop's code, you can use the attributes described below.

Gateway Codes

Environments:

Uninstall conflicting apps from your store

❗️

Uninstall conflicting apps from your store

Reach Localize is powerful but not powerful enough to work accurately when there are conflicting apps already installed in your store. If you have apps that fall under the categories below, kindly uninstall them or stop them before completing your Reach Localize customization.

1. All currency customization apps installed on your store
2. Any Geo location apps
3. Shopify Multi Currency