Skip to main content

Shopify

Within Clonable, we only support subdomain clones for Shopify, which is deliberately done because of some limitations in Shopify's checkout. To get Clonable fully working, you need to set up a number of things within the Shopify backend. These are listed below.

Custom pixel​

The custom pixel causes a /ping/ request to be sent to Clonable on the checkout page, so Clonable knows that the user has been on the clone's checkout page. With this, Clonable thus knows which clone the customer should be on after he has checked out at Mollie for example.

Instructions​

  1. In your Shopify backend, go to Settings > Customer events > Add custom pixel.
  2. Give the pixel a name (e.g. Clonable Payment Redirects).
  3. Under permission, set Not Required, and Data sale to Data collected quilifies as data sale.
  4. Under code, enter the following:
analytics.subscribe("checkout_started", (event) => {
  fetch("https://conversions.clonable.net/shopify/ping", {
    headers: {'x-clonable-origin': window.location.origin }
  }).then(response => { /* fire and forget */ })
});
  1. Click save at the top right.
  2. Then click connect, and at the pop-up, select connect again.

Clonable payment redirect script​

This script takes care of redirecting on the thank you page, aswell as check if the current user of the website has recently been on the checkout of a clone. If so, the user will be sent to the thank you page with the domain of that clone.

Instructions​

  1. In your Shopify backend, go to Settings > Checkout.
  2. When you scroll down on this page, there should be a setting for Order status page.
  3. Enter the following into Additional scripts:
<script src="https://conversions.clonable.net/script?domain={{ YOUR_DOMAIN }}&shopify=true" async></script>
  1. In the scripts above, replace {{ YOUR_DOMAIN }} with the domain of the website. So if you were to have a clone from clonable.co.uk to de.clonable.co.uk, you would enter clonable.co.uk before {{ YOUR_DOMAIN }}.
  2. Then click save at the top right.
Check if the script works

You can test if the script works, by pasting the url of the script into the browser. If you have done it right, then you will see the contents of the script. See nothing? Then you most probably haven't entered the domain correctly.

Email translations​

For translating the emails, Shopify's built-in template translation can be used. It ensures that the outgoing email is automatically set based on the locale set in the checkout. The checkout on the clones will automatically get a ?locale=... query parameter from Clonable.

Within Shopify, you only need to add the languages in Shopify's backend. These languages will just remain empty in Shopify, but they will ensure that the email is translated accordingly.

Instructions​

  1. In your Shopify backend, go to Settings > Languages.
  2. This probably already includes 1 or more languages.
  3. Click Add language at the top right, and add the languages of the clone(s).
  4. If all goes well, the added languages are now listed under Unpublished languages.
  5. For each language, right-click the 3 dots, then click publish, then in the pop-up also click publish.
  6. When done correctly, the added languages are now listed under Published languages with the text No translations added.
  7. Now, go to Settings > Markets > {{ YOUR_MARKET }} > Languages and domain;
  8. If all goes well, all published languages are now listed here.
Which market should you choose?

You choose the main market of your Shopify installation; you do not need to create multiple markets for this. If you already have multiple markets, you only need to validate it for 1 market.

This should translate the emails for now, but make sure to take into account that the links and products in the emails will still be wrong, meaning that the links will lead to the original website and the products will appear in the original language.

Last updated on