How to install WhatsApp chat widget in Blogger

Hi! 👋 Do you want to add a chat with clients directly via WhatsApp to your blog in Blogger.com ? Great idea! With the WApp Chat widget, this is possible in a couple of minutes without dancing with a tambourine and without knowing the code.
Step-by-step guide for getting the code of the Wapp Chat widget

Choose the widget display that suits you

• • The widget is only on one specific page (for example, Contacts)

• • Widget on all blog pages

Install to the single page

• Step 1: Go to the Blogger admin panel and open the desired page

  • Log in to your Blogger account. In the left menu, find the Pages section. Click on it.

  • You will see a list of all the pages on your blog. Select the one where you want to place the widget. If there is no page yet, create it (the Create page button).

  

• Step 2: Switch the editor to HTML mode

  • When the page is open for editing, look in the upper-left corner. There is an icon < > or a pencil icon. Click on it and select HTML Mode (< >).

  • The source code of the page opens in front of you. Don't worry, we'll just insert one line there.

  

• Step 3: Insert the widget code

  • Now copy the installation code from your personal account of the WApp Chat. Find the tag and paste the code immediately after it. Click the Update or Save button.

  

• Step 4: Check the result

  • Open your blog in a new browser tab (preferably in incognito mode, so as not to see the old cached version). Go to the page where you added the code. You should see the chat icon. Click on it to open the WhatsApp window? Congratulations, everything is working! 🎉

Install to the All pages

Installation on all blog pages.

• Step 1: Go into editing the HTML theme

  • In the Blogger admin panel, go to the Theme section. Next, click the down arrow and select Edit HTML.

  

• Step 2: We take the widget code

  • Use the installation code that you copied in your personal account of the WApp Chat.

• Step 3: Add the code

  • Find the opening tag in the HTML code and paste the code immediately after it.

  

• Step 4: Save and verify

  • Click Save. Now go through the different pages of your blog: the main page, several articles, and the About the blog page. All should have a WhatsApp chat button. 🎉

  

Great! You have successfully added the Wapp chat widget to Blooger.

• Need a Hand?

• If you encounter any issues during installation or have questions about customizing your widget, our support team is here to help. Please reach out to us at support@wapp-chat-widget.com.

support@wapp-chat-widget.com