Blog Details

Wutt chat widgets turn anonymous website visitors into WhatsApp conversations. There are four high-converting placements: a header bar, a sidebar card, a sticky bottom bubble, and an exit-intent popup. Each one uses a different prefilled message matched to the visitor’s stage in the funnel. The widget code is a single snippet, the prefilled text is per-placement.

The 4 widget placements and their prefilled messages

1. Header bar (top of every page)

Always visible. Best for service businesses, B2B, high-consideration products. Click destination opens WhatsApp in a new tab.

2. Sidebar card (right rail, scroll-sticky)

More space for copy and a face. Best for service businesses, agencies, and consultancies.

3. Sticky bottom bubble (the classic)

The standard 56×56 green circle. Best for ecommerce, lead-gen, and any site that wants one widget only.

4. Exit-intent popup (desktop only)

Fires when the cursor leaves the viewport from the top edge. Best for high-bounce pages (pricing, product, blog). Suppress on internal pages.

The single snippet (one file, four behaviors)

Paste once before </body>. The data attributes pick the placement and the prefill. You can mix and match on different pages.

<script async src="https://cdn.wutt.net/widget.js"
  data-wutt-id="ws_live_9f3a"
  data-phone="966500000000"
  data-prefill="Hi%2C%20I%20have%20a%20question."
  data-placement="bottom-right"  <!-- or top-bar, sidebar, exit-intent -->
  data-color="#25D366">
</script>

Tracking which placement converted

Every click is logged with the placement key. Wutt ties the contact back to the page and the UTM source:

contact.source     = "widget:bottom-right"
contact.landing    = "/pricing"
contact.utm_source = "google_ads"