LogoLogo
HomePricingLog inSleekFlow 2.0
  • Welcome to SleekFlow 1.0
  • 🏃Getting Started
    • Start Exploring
      • Basic of Inbox
      • Connect first channel
      • Add Channels
      • Invite Users
      • Set up automation
      • Create Saved Reply
      • Broadcast first message
    • Creating a SleekFlow Account
      • Resetting Password
        • Reset Password (mobile)
  • 🕺Using the Platform
    • Inbox
    • Automation
      • Trigger mechanism
      • Default Assignment Rule
      • Conditions
      • Actions
        • Webhook
        • Setting messages automatically to Open, Snooze or Closed
      • Scenarios
        • Incoming Messages
          • Interactive Messages
        • Newly Added Contacts
        • New or Updated Contacts
        • Schedule
        • Outgoing Messages
        • Facebook Rules
        • Instagram Rules
      • Templates
        • 1. Greetings and Assign New Contacts to Staff
        • 2. Auto-Reply for Existing Customers
        • 3. Auto-Reply During Off Business Hours
        • 4. Auto-Reply Based on Keywords
        • 5. Auto-Reply when Customers Reply a Campaign
        • 6. Reassign Returning Customers
        • 7. Segmenting customers from different enquiries
        • 8. Proactively Reach Out to Newly Added Contacts
        • 9. Proactively reach out to newly added contacts from Facebook Lead Ads
        • 10. Send Drip Campaign Messages when Customers Sign Up
        • 11. Notify Customers with New or Updated Status
        • 12. Update Contact Data & Add And Remove From List
        • 13. Schedule Periodic Promotional Messages
        • 14. Send Booking Reminders
        • 15. Send Internal Reminder
        • 16. Auto Close Conversations
        • 17. 於指定時間重新分配對話到其他使用者
        • 18. 新客戶與現有客戶設定不同的歡迎信息
      • Chatbot
        • 1. Send A Welcome Message
        • 2. Learn About your Customers’ Interest
        • 3. Get Your Customers' Company Size
        • 4. Thank Your Customer And Get in Touch
        • 5. Speak Directly To Staff
      • FAQs
    • Contacts
    • Broadcasts
      • Export CSV
      • FAQs - Broadcast
    • Analytics
    • Commerce
      • Payment Links
      • Custom Catalog
      • WhatsApp Catalog
        • Connect WhatsApp catalog
        • WhatsApp Catalog Settings
          • Scenario 1 - Same Currency
          • Scenario 2 - Mixed Currency
          • Scenario 3 - Without WhatsApp Catalog/ Payment integrated
        • WhatsApp Catalog Settings(Mobile)
          • Scenario 1 (Mobile) - Same Currency
          • Scenario 2 (Mobile) - Mixed Currency
        • Frequent Asked Questions
  • 💬Messaging Channels
    • WhatsApp (Official) - SleekFlow
      • Application process
        • Turn on 2FA on Facebook account
        • WhatsApp Business Account Tiers
        • Delete WhatsApp account
        • FAQs - During WhatsApp application
        • Migrate from other BSPs
          • How to identify On-Premise and Cloud API BSPs
          • Turn off WhatsApp Number Two-step verification
      • Facebook Business Verification
        • Check Business Verification Status
        • If your Facebook Business Verification icon is greyed out
        • What to do if your Facebook Business Verification has failed
      • Messaging Limits
      • Template Manager (Cloud API)
        • Call to Action button (Dynamic Url)
      • Blue Tick
      • Backup WhatsApp chats files
      • Upload backup chat file to SleekFlow
      • Update WhatsApp Profile
      • FAQs - WhatsApp (Official) - SleekFlow
      • How to setup Click to WhatsApp ads (CTWA)
      • New WhatsApp Pricing (2023)
    • WhatsApp (Official) - Twilio
      • Applying via SleekFlow
      • Apply via Twilio & Connecting to SleekFlow
        • Add WhatsApp Templates on Twilio
        • Update to Twilio Content API
      • Find your Facebook Business ID
      • Check Business Verification Status
      • Facebook Business Verification
        • If your Facebook Business Verification icon is greyed out
        • What to do if your Facebook Business Verification has failed
      • Submit Facebook App Review
      • WhatsApp Rate Limiting
      • FAQs - WhatsApp (Official) - Twilio
    • WhatsApp (Official) - 360dialog
      • Apply via 360dialog
        • Turn on 2FA on Facebook account
        • WhatsApp Business Account Tiers (360dialog)
        • Add an Additional Number
        • Purchase a Skype number
        • Delete WhatsApp account
        • FAQs - During WhatsApp (Official) application - 360 Dialog
      • Facebook Business Verification
        • Check Business Verification Status
        • If your Facebook Business Verification icon is greyed out
        • What to do if your Facebook Business Verification has failed
        • Submit Facebook App Review
      • Messaging Limits
      • Manage Templates
      • Backup WhatsApp chats files
      • Upload zip file to SleekFlow
      • Green Tick
      • FAQs - WhatsApp (Official) - 360dialog
    • Facebook Messenger
      • One-time Notification & Message Tags
      • Facebook Messenger Broadcast
    • Instagram
      • Convert to Business IG account
      • Connect Facebook page
      • Supported Message
      • Allow access to Messages
      • Frequently Asked Question
    • WeChat
    • Line
    • SMS
    • Viber
      • Viber Campaign
    • Telegram
      • Telegram Campaign
  • 🗣Live Chat Widget
    • Setting up Live Chat
    • Install on Shopline
    • Install on Wix
    • Install on Magento
    • Install on Squarespace
    • Install on Shopify
    • Install on Wordpress
    • Google Tag Manager
  • 🔗App Integrations
    • Zapier
    • Shopify
      • Enable Custom App
      • Create Custom App
      • FAQs - Shopify integration
    • Stripe
    • Facebook Lead Ads
    • Salesforce CRM
    • HubSpot CRM
    • API
    • Make
  • 📌Settings
    • General Info
    • SleekFlow Two-Factor Authentication
      • Enroll SleekFlow 2FA
    • Inbox Settings
      • Inbox
      • Labels
      • Saved Reply
    • User
    • Team
    • WhatsApp QR Code
    • Plans & Billings
    • Official WhatsApp Settings
      • Template Manager
      • Opt-In Button
      • Billing
  • 📩Messaging API for WhatsApp
    • Messaging API for WhatsApp
      • Manage API key
    • Set up webhook for receiving messages
    • Sending Message
    • Create Templates
      • Create Templates (Template API)
      • Create Templates (Facebook Business Manager)
    • Get Template Status
    • Media API
    • Conversation analytics
    • Billing and Payments
  • Contact Support
  • API Documentation
Powered by GitBook
On this page
  • 1. Creating an Account for SleekFlow on GTM.
  • 2. Creating a Tag for SleekFlow.
  • 3. Add the Website Messenger Tracking Code.
  • For Shopline ONLY
  • 4. Setting Triggers for SleekFlow.
  • 5. Checking and Publishing the Tag.
  • Customizing your Live Chat Widget

Was this helpful?

  1. 🗣Live Chat Widget

Google Tag Manager

Installing a website messenger widget on various sites using Google Tag Manager

PreviousInstall on WordpressNextZapier

Last updated 3 years ago

Was this helpful?

is a tool that allows you to deploy tags – snippets of JavaScript code – across your site or mobile app. Many people choose to use Google Tag Manager for the ease of usage it provides in terms of managing various code snippets. You can refer to a guide published by Google .

1. Creating an Account for SleekFlow on GTM.

Click on the blue Create Account box and you will be prompted to enter some information. You can enter the company name and country as anything you desire.

Although for the above mentioned company name, one can enter anything, we suggest using Sleekflow.io for ease of usage in the future.

Enter sleekflow.io as the container name and click on WEB before clicking on create to proceed.

Agree to the terms and conditions and click YES to continue, after which you will be presented with this page.

2. Creating a Tag for SleekFlow.

Click on the Add a new tag button and name the tag what you would like, although we do recommend naming it Sleekflow.io Tag, for ease of usage.

After naming your tag, click on the edit pencil in the top right corner to continue.

Here you will be prompted to choose a tag type, you should scroll down till you see the custom tab and click on the Custom HTML Tag Type to allow for pasting of a code snippet.

3. Add the Website Messenger Tracking Code.

Then, paste the code on the "HTML" block. Click on the "Triggering - Edit Pencil icon" to set the conditions for the snippet code.

For Shopline ONLY

Please paste the following code to the "HTML" block.

You can find the data-companyid on line 4, copy the number inside the blanket.

For example:

If the data-companyid="981a6498-a9b8-44c8-b6ad-395a1992b56".

Just copy 981a6498-a9b8-44c8-b6ad-395a1992b56 , and paste the number and replace the text data-companyid

 <!-- Start of SleekFlow Embed Code -->
        <script
          type="text/javascript">
          var script = document.createElement('script');
  script.dataset.id = "travischatwidget";
  script.dataset.companyid = "data-companyid"
  script.src = "https://chat.sleekflow.io/embed_iframe.js"

  // use another target than head if necessary
  document.getElementsByTagName('body')[0].appendChild(script) 
        </script>
<!-- End of SleekFlow Embed Code -->

Click on the "Triggering - Edit Pencil icon" to set the conditions for the snippet code.

4. Setting Triggers for SleekFlow.

Click on the blank box on the left of "All Pages" and click the blue Add button on the top right.

Now click on the blue Save button to continue.

5. Checking and Publishing the Tag.

After clicking on the save button you should return to the sleekflow.io account page on Google Tag Manager where your workspace changes on the top right should now be saying 1.

After checking the workspace changes click on the blue Submit button in the top right to proceed. Enter the version name and description as desired, for the sake of convenience you can use the ones given above.

After completing the above, click Publish and you're almost done!

Done! Your container ID is ready to use.

Customizing your Live Chat Widget

If you've now customized your live chat widget, please read our guide below to make it works for you!

To use Google Tag Manager for integrating the website messenger you should head to this where you will be prompted to create an account.

At this point you should head to the SleekFlow App. Please find the snippet code and copy and paste it on your website.

Please , click the "Copy Code" button.

You will need to fill in the data-companyidbefore you paste the code. Please find your unique snippet code .

Head to the Google Tag Manager home and copy the container ID. This can now be used in integrating with various sites. To understand what this container ID can be used for visit Google's support page .

link
here
find your unique snippet code here
here
here
Setting up Live Chat
Google Tag Manager
here
Google Tag Manager Home Page
Creating an account on GTM
Click on the Edit Pencil
Click on the Custom HTML Tag