How to add WhatsApp Chat to a SiteW website

Embed WhatsApp Chat on SiteW in just a few steps

Embed WhatsApp Chat on SiteW

01
Create a WhatsApp Chat widget for SiteW On Common Ninja

First, create a SiteW WhatsApp Chat widget on Common Ninja.

On the widgets catalog, find the WhatsApp Chat and enter the Editor.

Create a WhatsApp Chat widget for SiteW On Common Ninja
02
Save the WhatsApp Chat widget

When you're done creating the WhatsApp Chat widget, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the WhatsApp Chat widget
03
Copy the WhatsApp Chat Embed Code

When you're ready to add the WhatsApp Chat widget to your SiteW website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the widget embed code. In the next steps, you will paste this code into your SiteW [site_type].

Copy the WhatsApp Chat Embed Code
04
Select the Embed Widget

Now, let's head to your SiteW website's editor.

In the SiteW editor, select the Embed widget on the left panel.

Select the Embed Widget
05
Place the widget on the page

Drage the Ebmed widget and place it on your page wherever you wish the WhatsApp Chat will show.

Place the widget on the page
06
Select the HTML Code option

In the window that opens, select the HTML Code option.

Select the HTML Code option
07
Add the WhatsApp Chat embed code

Now, in the Code window simply paste the WhatsApp Chat embed code you've copied before.

Add the WhatsApp Chat embed code
08
Enable the Direct Embed

Toggle and activate the Direct Embed option, to show the WhatsApp Chat's content in the SiteW editor.

Enable the Direct Embed
09
Save your changes

Click the Save and Close button at the right bottom corner of the window.

Save your changes