Shopify

Shopify integration is using Javascript integration. There, you will find:
​All options to customize Weglot integration.​
​All available functions​
​Link hooks​
​How to translate an <iframe>​
For information, the Javascript initialization snippet is on your Shopify theme, in the snippets/weglot_switcher.liquid file.
Send language data to Klaviyo
Through a Klaviyo signup form
This guide will add an extra property called lang to each user that signs up through a Klaviyo form on your website. It's then up to you to create segments on Klaviyo to send them emails of different languages.
First, locate the HTML ID of the Klaviyo signup form on your page (Usually email_subscribe). The selector to that form is then #email_subscribe
Include the following snippet in your HTML code. Make sure you include it after both Weglot and KlaviyoSubscribe are included. Make sure you replace #email_subscribe with the actual selector to the form.
1
<script>
2
(function() {
3
  var attachLangToKlaviyo = function(lang) {
4
    KlaviyoSubscribe.attachToForms('#email_subscribe', {
5
      hide_form_on_success: true,
6
      extra_properties: {
7
        $lang: lang
8
      }
9
    })  
10
  }
11
  attachLangToKlaviyo(Weglot.getCurrentLang())
12
  Weglot.on('languageChanged', attachLangToKlaviyo)
13
})()
14
</script>
Copied!
Through Klaviyo's Web Tracking Snippet
1.
Make sure you're already using Klaviyo's Web Tracking Snippet on your website
2.
Include the following code after both Klaviyo's Web Tracking code and Weglot's switcher code:
1
<script>
2
(function() {
3
  var identifyLanguageToKlaviyo = function(lang) {
4
    var _learnq = window._learnq || [];
5
    _learnq.push(['identify', {
6
      $lang: lang
7
    }]);
8
  }
9
  identifyLanguageToKlaviyo(Weglot.getCurrentLang())
10
  Weglot.on('languageChanged', identifyLanguageToKlaviyo)
11
})()
12
</script>
Copied!

Translation engines

Next - API

Reference

Last modified 1yr ago

Copy link

Contents

Send language data to Klaviyo