1. Determine your integration platform - Shopify/Magento/GTM/Manual integration
2. See integration docs - https://docs.talkable.com/integration/custom_integration.html
Shopify
If you recently changed your Shopify theme, you may find your Talkable campaigns are missing. To fix this, please do the following:
Stores 2.0
1. Open Shopify admin
2. Go to Sales channels →.Online Store → Themes → Edit code
3. Go to Snippets → Add a new snippet called talkable-partial.liquid
In the newly created file, add the code below.
<!-- Begin Talkable integration code -->
<script>
var _talkableq = _talkableq || [];
{% if customer %}
_talkableq.push(["authenticate_customer", { email: "{{customer.email}}", first_name: "{{customer.first_name}}", last_name: "{{customer.last_name}}", phone_number: '{{ customer.phone }}', customer_id: "{{customer.id}}" }]);
{% endif %}
</script>
<script src="https://d2jjzw81hqbuqv.cloudfront.net/integration/clients/YOUR-SITE-ID.min.js" type="text/javascript"></script>
<!-- End Talkable integration code -->
Note: Replace YOUR-SITE-ID with the actual site-id that can be found in Talkable admin). You can also ask customer support to provide you with one.
4. Go to Layout → Open theme.liquid file → Paste the following code before closing </head> :
{% render "talkable-partial" %}
5. Go to Sections → Create a new liquid section called talkable-campaign.liquid and add the following code:
<div id="talkable-offer"></div>
6. Go to Templates → Create a new JSON template of type page called talkable (page.talkable.json)
7. Change the type of the main section to talkable-campaign and remove the “disabled”: “true” row if present.
8. Go to Online Store → Pages and link the talkable theme template to the relevant page.
Stores 1.0
1. Open Shopify admin.
2. Go to Sales channels → Online Store → Themes → Edit code
3. Go to Snippets → Add a new snippet and called talkable-partial.liquid
In the newly created file, add the code below
<!-- Begin Talkable integration code -->
<script>
var _talkableq = _talkableq || [];
{% if customer %}
_talkableq.push(["authenticate_customer", { email: "{{customer.email}}", first_name: "{{customer.first_name}}", last_name: "{{customer.last_name}}", phone_number: '{{ customer.phone }}', customer_id: "{{customer.id}}" }]);
{% endif %}
</script>
<script src="https://d2jjzw81hqbuqv.cloudfront.net/integration/clients/YOUR-SITE-ID.min.js" type="text/javascript"></script>
<!-- End Talkable integration code -->
Note: Replace YOUR-SITE-ID with the actual site-id that can be found in Talkable admin). You can also ask customer support to provide you with one.
4. Go to Layout → Open theme.liquid file → Paste the following code before closing </head> :
{% render "talkable-partial" %}
5. Go to Templates → Add a new liquid template of type page called talkable (page.talkable.liquid) and add the following code:
<div id="talkable-offer"></div>
6. Go to Online Store → Pages and link the talkable theme template to the relevant page.
Non-Shopify
If you have other platforms than Shopify, please review these docs and don’t hesitate to contact support@talkable.com if you have any questions. Usually, it’s just a matter of reading integration per template or reverting the latest changes where integration was removed.
I changed my store theme and Talkable has disappeared. What should I do?
This happens, but don’t worry! It can be easily fixed. In case you want to use another theme in the future:
Back up talkable-partial.liquid — it is located in the Snippets folder.
Make sure to include the Talkable partial inside your main theme.liquid file right after {{ content_for_header }}. The code notation is {% render 'talkable-partial' %}.