How to Install WhatsApp Chat Widget on WordPress with Elementor

Back

Improve your WordPress site. Add a WhatsApp chat button with the WhatsApp chat widget. If you're using the Elementor page builder, the process is quick and straightforward. This guide will show you exactly how to add the widget to any page.

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

Add the widget to a single page

    • Step 1: Select the Page in WordPress

    • Log in to the admin area of your WordPress website. In the left-hand menu, go to Pages and find the page where you want the WhatsApp button to appear (e.g., Contact Us, Homepage). Click on the page title to open it in the standard editor, but don't edit here-just proceed to the next step.

    • Step 2: Open the Page with Elementor

    • To start building with Elementor, click the Edit with Elementor button. This will launch the Elementor editor for your selected page.

    • Step 3: Locate and Add the HTML Element

    • In the Elementor editor panel on the left, you'll see a list of widgets. Scroll down or search for the HTML widget.

    • Once you've found the HTML widget, click and drag it from the panel onto the desired section of your page preview.

    • Step 4: Paste Your WhatsApp Chat Installation Code

    • After dropping the HTML widget onto your page, its settings will appear in the left panel. You will see a field labeled HTML Code. Simply paste your WhatsApp Chat installation code into this box.

    • Step 5: Save and Publish Your Page

    • Click the Publish or Update button at the of the Elementor panel to make your changes live on your website.

    • That's it! You have successfully added the WhatsApp Chat Widget to your WordPress page using Elementor. Your visitors can now contact you with a single click.

That's it! 🎉

  • You have successfully added the WhatsApp Chat Widget to your WordPress page using Elementor. Your visitors can now contact you with a single click.

  • 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