WhatsApp chat on a landing page

Last updated: March 25, 2021 Written by: Avatar Marta Szeliga
Table of contents
Table of contents

You can place a WhatsApp chat widget on your landing page, which will allow better communication with potential customers. In this manual, you will learn how to place a WhatsApp chat widget on your landing page.

Get the code from ToChat.be

1. Register at ToChat.be.

2. On the home page, after logging in, click the Create your WhatsApp Widget button.

3. In the Create a new widget window, complete the required fields, and then click Publish your widget.

4. In the My widgets tab, click + Add a new agent.

5. After filling in the agent data, click Save, then go to the Copy your code tab. Copy the code provided there.

Install the code in Landingi

1. Log in to the Landingi platform, then go to the Dashboard of your landing page.

2. Go to the Javascript Code tab. Name the script and paste the copied code in the Content field. Choose Body bottom position and Main page. Save by clicking Add.

whatsapp chat

3. Now go to the edition of the landing page. On the left side, find the HTML widget, then drag and drop it into the active area of your landing page.

widget html

4. Navigate to its edition and paste the CSS code indicated below:

.ok_animated {
z-index: 999999 !important

5. Click Save and close. Publish your landing page.


Was this manual helpful?