You can add a button to your Wix website that takes your customers (pet parents) straight to your personalised KennelBooker online booking portal, where they can register, manage their pets and request bookings. The simplest way is to link a normal Wix button to your booking link. You can also embed the KennelBooker Book Now button.
Get your booking link or button code for Wix
Go to Settings > Online Booking Portal (open the page). Under Online Booking Portal Integration you'll find:
Enable - Online Booking Portal/Mobile App: this must be switched on, or your link won't open the booking portal. If you change it, click Save.
Test Online Tool: click the Book Now button here to open your portal and see what your customers see.
Online Tool Button: ready-made HTML code for a blue Book Now button.
Direct Link Shortened: a shorter version of your link, ending in /login/ and your business's short code. Not every account has one. If yours doesn't, you won't see this field.
Direct Link: the full address of your booking portal. Every account has one.
Link a Wix button to KennelBooker (recommended)
This route uses a button in your own website's style. These steps are for the standard Wix Editor.
Sign in to Wix, choose your site and open it in the editor.
Go to the page where you want the button. Click Add Elements on the left, choose Button and add one to the page. You can also use a button that's already on your site.
Click the button, change its text if you need to (for example Book Now), then click the Link icon.
Choose Web Address, paste your Direct Link and choose to open it in a new window.
Click Done, then click Publish.
Open your live site and click the button. Links don't work from inside the Wix editor, so test on the published site.
Add the KennelBooker Book Now button to Wix
Use this if you want the blue Book Now button. These steps are for the standard Wix Editor.
On Settings > Online Booking Portal, copy all of the code in the Online Tool Button box.
In the code you copied, change http://www.kennelbooker.com/buttons to https://www.kennelbooker.com/buttons. Wix only displays embedded code that uses https.
In the Wix editor, click Add Elements, choose Embed Code, then Embed HTML.
Move the box into position and drag it so that it's around 300px wide.
Click Enter Code, paste your code under Add your code here and click Apply (or Update).
You should now see your KennelBooker Book Now button. Click Publish to put it live.
Wix also has newer editors with different menus. In the Studio Editor, the embed option is under Add Elements > Embed & Social. In the Wix Harmony Editor, it's under + Add > Elements, in the Embed section. If your screen looks different, check Wix's help article on embedding.
What the Wix integration doesn't do
There's no KennelBooker app in the Wix App Market. The integration is a link or button that opens your booking portal.
The link doesn't change anything in KennelBooker. Bookings, customers and pets stay in your KennelBooker account, not in Wix.
KennelBooker support can't make changes to your Wix website. If a step doesn't match your screen, Wix may have changed its menus, so check Wix's help centre.
Wix integration: frequently asked questions
Where do I find my KennelBooker booking link for Wix?
Your KennelBooker booking link is on Settings > Online Booking Portal, under Direct Link. Some accounts also have a shorter version under Direct Link Shortened. Both open the same booking portal, so you can use either one on your Wix website.
Do I need the Wix App Market to add KennelBooker?
No. You don't need an app from the Wix App Market to add KennelBooker to Wix. Use a normal Wix button linked to your Direct Link, or the Embed HTML element in Add Elements.
Can I add a KennelBooker link to my Wix menu?
Yes. In the Wix editor, add a new item to your site menu, set it to link to a web address and paste your Direct Link from Settings > Online Booking Portal.
Can pet parents book from their phone through my Wix site?
Yes. A Wix button linked to KennelBooker opens your booking portal in the phone's web browser. Check the button on your mobile site too: Wix lets you lay out the mobile version separately, so an embedded element may need moving. Pet parents who prefer the app can use the Pet Parent app. The download links and your Business Code are on Settings > Mobile App - IOS & Android.
Wix integration: common problems
The embedded Book Now button is blank or the image doesn't show on Wix
Wix only displays embedded code that uses https. In the Embed HTML element, click Enter Code and check the image address starts with https://www.kennelbooker.com/buttons, not http://. Then click Apply and publish again. Using a Wix button linked to your Direct Link avoids this altogether.
The Book Now button is cut off on Wix
The embed box is smaller than the button. Drag the box's edges until it's around 300px wide and tall enough to show the whole button.
My Wix button does nothing when I click it
Links don't work inside the Wix editor. Click Publish, then test the button on your live site.
The Wix link opens my website or Google instead of my booking portal
This happens when the online booking portal is switched off. Go to Settings > Online Booking Portal, switch on Enable - Online Booking Portal/Mobile App and click Save.
Related articles