How to install WhatsApp chat widget in Blogger

Back

Hi! 👋 Do you want to add a chat with clients directly via WhatsApp to your blog in Blogger.com ? Great idea! With the WhatsApp Chat Widget, this is possible in a couple of minutes without dancing with a tambourine and without knowing the code.

Before you begin, make sure you've created your widget and copied the installation code from your Widget House dashboard
Step-by-step guide for getting the code of the Widget House widgets

Choose the widget display that suits you

Add the widget to a 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 Widget House. 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! 🎉

Show the widget on 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 Widget House.

    • 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 WhatsApp 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.

    • support@widget-house.com