If your business has its own website built with WordPress, Shopify, Wix, Squarespace, GoDaddy, or another website builder, add a Connect by Vagaro chat widget so visitors can message your business without leaving your site.
Messages sent through the widget go straight to Connect by Vagaro, the same inbox your team already uses to chat with customers who message you from your Vagaro booking page, the Vagaro app, or SMS. Your team can reply from the Connect app on a phone or tablet, or on the web by selecting the Chat Bubble button in your Vagaro business. Because every conversation lives in one place, you don't need to check a separate website inbox or contact form.
The widget helps you:
-
Answer questions in the moment: Visitors can ask about services, pricing, or availability while they're already on your site, instead of leaving to call or look elsewhere.
-
Turn website visitors into customers: Each chat is a chance to answer a question and point the visitor to booking.
-
Keep your brand consistent: Match the widget's color, appearance, and icon to your website.
If you have Vera Receptionist, Vagaro's AI chatbot, Vera can reply to widget messages for you. You can set Vera to reply to all chats, only outside your business hours, or during a custom schedule, so website visitors get an answer even when your team is busy or the business is closed.
Prerequisites: This feature is available to all Vagaro Businesses. Optionally, to have a chatbot reply to widget messages, you must have Vera Receptionist, which requires a Text Marketing plan.
To generate the widget code:
-
Select Settings
→ .
-
If you're a multi-location business, select whether to create a widget for This location or Multi-location:
-
This location: Customers can message only employees at this location. If you have Vera Receptionist, Vera answers using only this location's information.
-
Multi-location: Customers can choose which location to message. Use the Select Locations list to select the locations to include in the widget. If you have Vera Receptionist, Vera answers only questions about the location the customer selects.
-
-
Set a Theme Color. Use a color that matches your website so the widget looks like part of your site.
-
Select the Appearance:
-
Light Mode: Display the widget in light mode.
-
Dark Mode: Display the widget in dark mode.
-
System: Match the widget's appearance to the light or dark mode setting on the visitor's device.
-
-
Optionally, enter the Widget Text. This text doesn't display on mobile devices.
-
Optionally, change the Widget Icon.
-
Select Save and Generate Code.
Vagaro generates the widget code for your website. Copy the code, and then paste it into your website's footer code section. Adding the code to the footer displays the widget on every page of your website.
To add the widget, log in to your website builder and paste the code where it lets you add custom code to the footer or to every page. The following articles explain how to add custom code in popular website builders. Steps vary by builder, theme, and plan, and some builders allow custom code only on paid plans. Vagaro can't guarantee these methods will work, so you may need to contact your website builder's support team for help.
Tip
After you publish your website changes, open your website in a new browser window to confirm the widget displays. Send a test message from the widget, and then check that it arrives in Connect by Vagaro.
Comments
0 comments
Article is closed for comments.