Skip to content

Free tool

Add a WhatsApp chat widget to your Wix website

Wix's Custom Code setting runs the widget on every page of your site. Design it below and you're live in a few minutes.

  • Runs in your browser
  • Free, no signup
  • Updated
Configure on the left — the preview and script update live.

Configure WhatsApp chat button

The floating button every visitor sees.

Button background

😊 Emoji welcome. You can use {{page_url}} & {{page_title}} — filled with the page the visitor is on.

Position

Chat widget

The card that opens above the button — brand it like your own.

Brand color

😊 Emoji welcome — {{page_url}} & {{page_title}} work here too.

Open widget on mobile
Open widget by default
Re-open by default

After a visitor closes it, when may it auto-open again?

URL personalization

Personalize the messages based on your website's URL — a rule matches when its source URL appears in the visitor's address. Parameters: {{page_url}}, {{page_title}}.

Format parameter values

Applies to the substituted {{page_title}} value — "red-shoes – your store" becomes "Red shoes – your store". URLs stay untouched.

Live preview

Widget design

Gradient header with the greeting on a floating card. Click the button in the preview to close and reopen it.

{{page_title}} previews as "Red shoes – Your Store". On your site the real page title and URL are used — pick a rule above to preview its personalization.

Your embed script

<!-- Enter your WhatsApp number to generate the script -->

Paste it just before </body>. The widget loads async from infiq.in, runs no inline code and draws itself in its own sealed layer, so your theme's CSS can't break it. Works on any site: Shopify, WordPress, Wix, custom. Keep the "Powered by InfiQ" link inside — it's the small credit in the chat card's footer.

Configured in your browser — the script only runs on your site.

Keyboard shortcuts

  • Show these shortcuts?

Shortcuts work while the cursor is inside the tool.

Quick answer

How do I add a WhatsApp widget to Wix?

To add a WhatsApp widget to Wix, build it above and copy the embed code. In your Wix dashboard, open Settings → Custom Code, click + Add Custom Code, paste the code, choose All pages and Body - end, then apply and publish. Wix runs custom code only on premium sites with a connected domain.

Price
Free
Plugin or app
None
Setup time
About 5 minutes
You need
A premium plan with a connected domain

Step by step · 5 steps

Step by step: the WhatsApp widget on Wix

  1. Step 1: Build and copy your widget

    In the generator on this page, enter your WhatsApp number with the country code, pick one of the five designs, set your colours and greeting, then click Copy script.

  2. Step 2: Open Custom Code

    In your site's dashboard, go to Settings and, under Advanced, choose Custom Code.

  3. Step 3: Add the snippet

    Click + Add Custom Code, paste the embed code and name it “WhatsApp widget”.

  4. Step 4: Choose where it loads

    Under Add Code to Pages, choose All pages and load the code once. Under Place Code in, choose Body - end. Click Apply.

  5. Step 5: Publish and check the live site

    Publish, then open your live URL: custom code doesn't run inside the Editor or its preview.

Wix tips

Get more from the WhatsApp widget on Wix

  • Wix Chat in the same corner

    If Wix Chat is switched on, it also sits bottom-right. Turn it off, or move the WhatsApp widget to the left.

  • Wix Stores product pages

    Add a URL rule with /product-page/ as the source and {{page_title}} in the message, so chats name the product.

  • Only on some pages

    In the Custom Code settings, choose specific pages instead of All pages.

  • Mind the mobile action bar

    If your mobile site shows Wix's quick action bar at the bottom, raise the widget's bottom margin so they don't overlap.

Not sure which look to pick? Compare the five widget designs.

FAQ

WhatsApp widget for Wix: questions and answers

Why can't I find Custom Code in my Wix settings?

Wix offers Custom Code only on premium sites with a connected domain. On a free site, upgrade or use a WhatsApp link on a button instead.

Do I need a Wix app for WhatsApp chat?

No. The widget is a snippet you add with Custom Code: no app to install, no extra subscription.

Why doesn't the widget show in the Wix Editor?

Wix runs custom code on the published site only. Publish, then check your live URL.

Does it work with Wix Stores and Wix Bookings?

Yes. It shows on every page you choose, and URL rules let product or booking pages ask a more specific question.

Still have questions?

Book a demo

Meta Business Partner

Put a team behind the widget.

InfiQ turns every widget conversation into a managed lead — shared team inbox, chatbots, broadcasts and analytics on the official WhatsApp Business API. 7-day free trial, no card required.

7-day free trial Enterprise-grade reliability Live in 2 hours Built for Indian businesses