Connectly
← Help Center
Widget

Add Connectly Chat Widget to Your Website

Three ways to install the Connectly WhatsApp chat widget on your website: direct HTML, Google Tag Manager, or Shopify.

Overview

The Connectly chat widget allows visitors to contact your business instantly through WhatsApp. There are three installation methods — choose the one that fits your setup.

Option 1: Direct HTML integration

  1. Open your website's HTML source through your CMS or direct HTML editor
  2. Locate the closing </footer> tag near the end of your page
  3. Paste the Connectly widget code above </footer>
  4. Save and publish your changes
  5. Visit your website to confirm the widget appears and test by sending a message

Option 2: Google Tag Manager

  1. Log into Google Tag Manager
  2. Create a new tag named "WhatsApp Widget"
  3. Select Custom HTML as the tag type
  4. Paste the Connectly widget code snippet
  5. Add a trigger (e.g., All Pages for site-wide display)
  6. Click Save, then Submit
  7. Name your version and publish
  8. Confirm the widget appears on your website and test message delivery

Option 3: Shopify

  1. Go to admin.shopify.com
  2. Select Online StoreThemes
  3. Click the ellipsis (…) next to your theme and choose Edit Code
  4. Open the Sections folder and select footer.liquid
  5. Paste the Connectly widget script before the </footer> tag
  6. Save and verify the widget displays correctly

Schedule a demo today

You're one step away from skyrocketing your business!

80% less rider issues

"With Connectly we had 80% less rider issues thanks to their WhatsApp automation. I can't recommend it enough!"

Aspa Lekka

Aspa Lekka

COO & Founder

Joker

Talk to a Connectly expert and get a plan that fits. See what's possible—in 30 minutes.

Preferred language

By submitting your information, you agree to Connectly's Terms of Service and Privacy Policy. You can opt out anytime.