{"id":909,"date":"2022-08-08T16:59:58","date_gmt":"2022-08-08T16:59:58","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/08\/6454538-hostinger-website-builder-how-to-connect-whatsapp\/"},"modified":"2026-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6454538-hostinger-website-builder-how-to-connect-whatsapp","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6454538-hostinger-website-builder-how-to-connect-whatsapp\/","title":{"rendered":"Hostinger Website Builder: How to Connect WhatsApp"},"content":{"rendered":"<p class=\"no-margin\">While using <b>Hostinger Website Builder<\/b>, there are several ways to integrate <b>WhatsApp<\/b> into your website &#128071;<\/p><h2 id=\"h_1111dd300a\">Add a Floating WhatsApp Chat Bubble<\/h2><p class=\"no-margin\">Within the builder, open the <b><a class=\"intercom-content-link\" href=\"\/support\/6463270-website-builder-integrations\" target=\"_blank\" rel=\"noopener\">integrations settings<\/a><\/b> and find the WhatsApp field. Insert your phone number and a default message there:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/1b6e1549-8507-4e86-86d8-88ef58da0178.jpg\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">In the phone number field, insert <b>numbers only<\/b>, including your <b>country code<\/b> (e.g., <b>37061234567<\/b>,<b> <\/b>where 370 is the country code). No extra symbols are needed &#128161;<\/p>\n<\/div><p class=\"no-margin\">Finally, save the changes and <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" rel=\"noopener\">update your website<\/a><\/b>.<\/p><p><strong>Note:<\/strong> by default, it is not possible to replace the WhatsApp icon to a personalized image.<\/p><h2 id=\"h_f0fabe6af3\">Add the WhatsApp Icon<\/h2><p class=\"no-margin\">Create a WhatsApp link following <b><a class=\"intercom-content-link\" href=\"https:\/\/faq.whatsapp.com\/general\/chats\/how-to-use-click-to-chat\/\" target=\"_blank\" rel=\"noopener\">these instructions<\/a><\/b>:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/0104ddfd-4173-4c56-ba08-52c5d6ceaac2.gif\" alt=\"Creating a WhatsApp link\"><\/div><p class=\"no-margin\">Add a <b><a class=\"intercom-content-link\" href=\"\/support\/6474611-website-builder-social-media-icons\" target=\"_blank\" rel=\"noopener\">social icons element<\/a><\/b> to your website. Click on the element and select <b>Edit social icons<\/b>. Click on <b>Add new link <\/b>and insert your WhatsApp link there:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/33f43092-a993-48c0-b657-2df3cbc0ea93.jpg\" alt=\"Adding a WhatsApp icon that's linked to a mobile phone number\"><\/div><p class=\"no-margin\">Once you&rsquo;re done, <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" rel=\"noopener\">update your website<\/a><\/b>.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">With the help of <b><a class=\"intercom-content-link\" href=\"\/support\/6445594-website-builder-adding-a-custom-code-to-the-head-part-of-a-website-s-code\" target=\"_blank\" rel=\"noopener\">custom code<\/a><\/b>, you can also integrate other third-party widgets into your website. For example, these widgets are free or have free trials:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"https:\/\/www.tidio.com\/\" target=\"_blank\" rel=\"noopener\">tidio.com<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"https:\/\/www.tawk.to\/es\/\" target=\"_blank\" rel=\"noopener\">tawk.to<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"https:\/\/getbutton.io\/\" target=\"_blank\" rel=\"noopener\">getbutton.io<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"https:\/\/atlasmic.com\/\" target=\"_blank\" rel=\"noopener\">atlasmic.com<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<\/div><h2 id=\"h-chat-on-whatsapp-button-on-product-pages\"><b>Chat on WhatsApp button on product pages<\/b><\/h2><p>Store owners can add a <b>Chat on WhatsApp<\/b> button to all product pages. When enabled, the button appears next to the <b>Add to Bag<\/b> button on every product page.<\/p><p>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.<\/p><p><b>How to enable:<\/b><br>\nGo to Store Manager &rarr; Settings and configure the WhatsApp number in the store settings.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8389\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/2026-03-06_15-25.png\" alt=\"\" width=\"1361\" height=\"777\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/2026-03-06_15-25.png 1361w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/2026-03-06_15-25-300x171.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/2026-03-06_15-25-1024x585.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/03\/2026-03-06_15-25-768x438.png 768w\" sizes=\"auto, (max-width: 1361px) 100vw, 1361px\" \/><br>\nThis feature is available to all customers globally.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to connect WhatsApp to your website using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[284],"tags":[],"class_list":["post-909","post","type-post","status-publish","format-standard","hentry","category-integrations"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6454538-hostinger-website-builder-how-to-connect-whatsapp\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6454538-hostinger-createur-de-sites-web-comment-connecter-whatsapp\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6454538-hostinger-svetainiu-kurimo-irankis-kaip-prijungti-whatsapp\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6454538-hostinger-criador-de-sites-como-conectar-o-whatsapp-ao-seu-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=909"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/909\/revisions"}],"predecessor-version":[{"id":8583,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/909\/revisions\/8583"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}