How to add WhatsApp Chat to a Elementor website

Embed WhatsApp Chat on Elementor in just a few steps

Embed WhatsApp Chat on Elementor

01
Copy the WhatsApp Chat widget’s code.
To add Common Ninja’s WhatsApp Chat widget to your Elementor website, you have to do the following: First, go to the “Add to Website” tab on the Common Ninja Editor’s dashboard and copy the HTML code.
Copy the WhatsApp Chat widget’s code.
02
Paste the code to you Elementor website’s HTML field.
Next, go to your Elementor website and find the HTML field. It is most likely in the form of an HTML/Code widget or module which you can find on Elementor’s dashboard. Add it to your page, and paste the code you’ve copied before to the HTML field. Save and update, and that’s it, you should have Common Ninja’s WhatsApp Chat widget on your Elementor website.
Paste the code to you Elementor website’s HTML field.
03
Alternative Method 1: Through the HTML option in the text’s editing area.
Should you have difficulties finding the widget or the module you can use an alternative method of adding Common Ninja’s WhatsApp Chat widget to your Elementor website — adding the code to a special, HTML area in the text editing field.
Alternative Method 1: Through the HTML option in the text’s editing area.
04
Alternative Method 2: Add it directly to your website’s HTML code.
Should you have difficulties finding a widget, or the special area in your text editing field, you can use an alternative method of adding Common Ninja’s WhatsApp Chat widget to your Elementor website — adding it directly to your website’s HTML code.
Alternative Method 2: Add it directly to your website’s HTML code.

What Our Users Think