Your website is an important part of your business' client experience. Accessibility is key both when bringing in new clients and informing existing clients of your additional offerings. BusyPaws' links and integrations allow you to provide your customers with direct access to your booking portal, client portal, memberships list, packages list, public booking calendar, and forms.

In this guide, we will take a look at the information available on your Links & Integrations page, and explore the different ways you can incorporate BusyPaws into your website.

Before jumping in with how to incorporate your BusyPaws features, let's take a quick look at what tools are available for you to use. To locate a full list of your account's links and integrations click the "Links/Integrations" icon in the left-hand menu bar.

The Links & Integrations page includes direct links and website integration code for a variety of BusyPaws features. These integration options are separated into three sections, Client-Facing Pages, Third-Party Integrations, and Forms & Contracts.

This section includes a full list of your account's main client-facing pages. These pages are all specific to your business. Each feature card in this section lists the name of the client page, a brief description, a link, and the code for its website integration. The Public Client Self-Booking Portal card will also include code to embed the portal directly into your webpage.

This section includes a full list of available third-party integrations for your BusyPaws account. These integrations allow you to connect BusyPaws to external platforms for a variety of reasons.

This section includes a full list of the forms/contracts you have configured on your account. Each form's card lists the name of the form, its direct link, and the code for its website integration/embed.

Each BusyPaws feature card in the Client-Facing Pages and Forms & Contracts sections on the Links & Integrations page will include a "Visit Page" button directly under the feature's name. Clicking this button will open that page in a new tab in your browser, allowing you to see the information as your clients would.

Each BusyPaws card will also have their own buttons for the page's Direct Link and Website Embed/Integration. Clicking the "Copy Link" button will copy the page's URL to your clipboard, and clicking the "Copy Code" button will likewise copy the code needed to integrate or embed that page directly onto a webpage.

The main difference between a feature's link and its integration/embed is whether or not the client is redirected from your website. Using the link will cause the page to open in a new browser tab. In contrast, using the integration/embed allows your clients to access the feature directly through your webpage. In the next two sections of this guide we will take a look at the steps needed to begin using links and widgets within your website.
​

Links allow you to redirect clients to relevant pages from anywhere on your website. You can easily see the page to which your clients will be redirected by selecting the "Visit Page" button on any feature's card.

To add a link to a specific feature, start by locating its card on the Links & Integrations page. Click the "Copy Link" button found under "Direct Link" to copy the relevant URL to your clipboard.

Once you've copied the URL, you can set that as the destination for any link on your page. Simply set the href attribute to that URL and your link will be ready to go. Your code for the link should include something that looks like this:

That's it! The link will now take your clients directly to the selected feature page in BusyPaws.

Including widgets on your website allows customers to easily access, purchase, and book your services on the spot. They can let your clients to log in, find and book a service offering, purchase a membership or package, check out your booking calendar, or fill out a form, all without ever having to leave your site. Note that the widget and link for the same function be added to your website at the same time.

To start, locate the feature for which you want to set up the widget on the Links & Integrations page. When you find the desired card, click the "Copy Code" button under "Website Integration" (or "Website Widget" on the Public Booking Portal card). This will copy the code needed for the widget to your clipboard.

Once you have copied the code, the steps to integrate the widget and its resulting appearance will vary slightly depending on the type of widget you have chosen. Select a feature from the list below for more information on how to integrate its widget and what it looks like when added to a webpage.

The Public Booking Portal allows any client, new or existing, to view and register for any of your publicly available Services and Series without having to log in. Its integration allows you to embed your Public Booking Portal directly into a webpage.

To embed the Public Booking Portal into a page on your website, click the "Copy Code" button under Website Embed on the Public Client Self-Booking Portal card, then simply paste it into any part of the <body> tag of the webpage. The Public Booking Portal will then generate within that section of the page.

For an example of the functionality of an embedded Public Booking Portal, check out the Scheduling page of the BusyPaws website.

It is also possible to embed the booking portal for a specific service or series. This option functions in much the same way as the Public Booking Portal, but displays only the booking options for a specific service rather than your entire public service list. To embed a service or series, use the "Embed Code" button on the service/series' settings page to copy the code to your clipboard. You can then paste that code into any part of the <body> tag of your webpage, causing the booking portal for that service or series to then display within that section of the page.

The Client Portal provides your customers with information about their profile, pets, existing bookings, and available credits. When clients log into the portal with their password they can update their information, access any of their membership benefits, and create new bookings.

After clicking the "Copy Code" button on the Private Client Portal card, paste the copied <script> tag inside the <head> tag of each page you'd like your customers to be able to access the Public Booking Portal widget from. This tag is unique to you and will only allow clients to access customer profiles associated with your business.

Once you have the script added to your page, the next step is to add a class to any <button> or <a> tag you want to open the widget. To enable Client Portal logins, add the bp-membership-login class. Your script should end up looking something like this:

To use the pre-styled sign-in button pictured below, use the code

And you're done! The new button will open the Client Portal widget, allowing your customers to log in without ever having to leave your website. When a client clicks your Client Portal button the widget will open as a pop-up, allowing them to easily access all of their account information on the spot.

Your Public Calendar displays existing calendar bookings, allowing your clients to see current and upcoming group sessions as well as possible availabilities in your schedule. It's important to note that no personal information (names, contact information, etc.) for any registered clients will be listed on the Public Calendar.

The website integration for the Public Calendar is a little different from that of many of the other features. Rather than creating a widget that opens when a client clicks a specific button, the calendar widget gets inserted directly into the page. To add the calendar to your website, click the "Copy Code" button on the Public Calendar card, then simply paste it into any part of the <body> tag of your webpage. The calendar will then display within that section of the page.

Note that, if you have more than one facility on your BusyPaws account, you will have a "Copy Code" button for each, as well as an All Facilities option.

You can also choose which bookings are visible to your clients by clicking the "Set Viewable Services" button on the Public Calendar card.

That will open the "Publicly Viewable Services" window with a full list of your Services and Series. Use the toggles in this window to select which kinds of bookings you want to display on your Public Calendar. Turning a service's toggle ON (purple) means its bookings will show up on the calendar, and turning it OFF (grey) will keep them hidden. Any changes made here are saved automatically, so you can simply close the pop-up once you're done.

The Membership Portal allows your clients to view and subscribe to any of your Public Memberships.

After clicking the "Copy Code" button on the Public Membership Portal card, paste the copied <script> tag inside the <head> tag of each page you'd like your customers to be able to access the Memberships widget from. This tag is unique to you and will only allow clients to view and purchase memberships from your business.

Once you have the script added to your page, the next step is to add a class to any <button> or <a> tag you want to open the widget. To enable your users to subscribe and pay for memberships, add the bp-membership-registration class. Your script should end up looking something like this:

To use the pre-styled memberships button pictured below, use the code

When the button is added to your webpage, your clients will be able to access the Memberships widget, allowing them to subscribe on the spot! By clicking the Memberships button, your customers can open the widget as a pop-up and shop your available memberships without needing to be redirected to a new page.

The Packages Portal allows your clients to view and purchase any of your published and publicly available Packages.

After clicking the "Copy Code" button on the Package Purchasing Portal card, paste the copied <script> tag inside the <head> tag of each page you'd like your customers to be able to access the Packages widget from. This tag is unique to you and will only allow clients to view and purchase packages from your business.

Once you have the script added to your page, the next step is to add a class to any <button> or <a> tag you want to open the widget. To enable your users to purchase packages directly, add the bp-purchase-package class. Your script should end up looking something like this:

To use the pre-styled packages button pictured below, use the code

By adding a Packages widget button to your webpage, you can allow clients to see your full list of available packages and make their purchase right away. Clicking the Packages button will open the widget as a pop-up, letting customers shop for packages then and there.

Forms and contracts help you collect any needed information from your clients. Though they are most often used within your registration process, there may be some instances when you would like your clients to be able to access and submit a form through your website instead. Integrating that form's widget into your website allows you to do that.

Like the calendar widget, any widgets for individual forms or contracts are displayed as part of the page. To display a form or contract on your website, click the "Copy Code" button on its card under Forms and Contracts, then simply paste it into any part of the <body> tag of your webpage. The form will then generate within that section of the page.

Note that each form will automatically populate fields for the client to enter their name and email, in addition to any other selected fields. If the email entered for a submitted form matches that of an existing client on your account, the form and its inputs will be saved to that profile. If the email entered does not match any existing client in your system, the information will be saved to a new Prospect profile.

This means that you can integrate forms into your website to allow prospective clients to reach out to you. For example, create a Contact Us form, then integrate its widget or link, and anyone visiting that page on your website can fill out the form to create a prospect profile for themselves. To be notified when new clients submit the form, make sure the Form Submission notifications are turned on for your profile.

For more information on links providing direct access to your services and bookings, check out our guide on Direct Links. Those links can allow clients to book your services, purchase memberships or packages, or even register for specific group bookings without needing to go through the public portal.

That's it! If you still have questions about the process, or are unsure what you need to do, please do not hesitate and contact us in-app for help. Happy selling!