Hostinger AI Builder: How to connect WhatsApp in manual mode

Add WhatsApp chat options to your Hostinger AI Builder manual mode website.

Updated 1 week ago

Connect WhatsApp to your Hostinger AI Builder manual mode website using a floating chat bubble, a linked icon, or a product page chat button.

Add a floating WhatsApp chat bubble

  1. Within the builder, open the integrations settings
  2. Find the WhatsApp field.
  3. Insert your phone number and a default message there:

In the phone number field, insert numbers only, including your country code (e.g., 37061234567, where 370 is the country code). No extra symbols are needed.

Finally, save the changes and update your website.

NOTE

  • By default, it is not possible to replace the WhatsApp icon to a personalized image.

Add the WhatsApp icon

Create a WhatsApp link following these instructions:

WhatsApp Help Center page showing "How to use click to chat" article and search bar

Add a social icons element to your website:

  1. Click on the element
  2. Select Edit social icons.
  3. Click on Add new link and insert your WhatsApp link there:
  4. Once you’re done, update your website.

With the help of custom code, you can also integrate other third-party widgets into your website. For example, these widgets are free or have free trials:

Chat on WhatsApp button on product pages

Store owners can add a Chat on WhatsApp button to all product pages. When enabled, the button appears next to the Add to Bag button on every product page.

When a customer clicks the button, WhatsApp opens with a pre-filled message containing the product title, selected variant, and a link to the product page.

How to enable

Go to Store Manager → Integrations and configure the WhatsApp number in the store settings.

This feature is available to all customers globally.