WhatsApp Widget
Add a floating WhatsApp chat button to your website with this simple guide.
WhatsApp Widget WhatsApp Widget Integration Add a floating WhatsApp chat button to your website with this simple guide. Good to know. The WhatsApp Widget is a simple "click to chat" button — clicking it opens WhatsApp for your visitor so they can message you there. It does not bring messages into your Chats inbox or trigger the AI on its own. For an in-page AI chat experience embedded on your website, use the separate Chat Widget instead. Just want a plain link or your own button? If you don't want the floating widget and would rather link your own button (or a piece of text) straight to a WhatsApp chat, skip to Prefer a plain link or button? (wa.me) below. For an SMS equivalent, see Adding a Click-to-Text (SMS) Link . Installation Open your website's HTML file in a text editor. Locate the </body> tag (usually at the end of your HTML file). Paste the following script right before the </body> tag: {% code overflow="wrap" %} <script src="https://api.relaytiv.com/v1/whatsapp-widget/NUMBER"></script> {% endcode %} In the code above, replace: NUMBER with your WhatsApp number For example: for the number +1 555 123 4567, simply use: 15551234567 Adding a Custom Message If you want a pre-filled message to appear when someone clicks the button: Use this code instead: {% code overflow="wrap" %} <script src="https://api.relaytiv.com/v1/whatsapp-widget/NUMBER/Your message here"></script> {% endcode %} Example with a real number and message: {% code over