Adding a booking button/gift voucher button or link to your website

Adding a booking button/gift voucher button or link to your website

Maximize your sales and improve conversion rates by integrating your website with the OctopusPro online booking portal. Effortlessly embed a booking button or share the booking link on your social media channels and marketing emails, enabling customers to schedule appointments directly. Additionally, you can embed a gift voucher button, making it easy for visitors to purchase gift vouchers when browsing your website.

Table of contents

How can I integrate my website with OctopusPro?

If you already have a website and want to integrate it with OctopusPro, simply embed a booking button on your site. This enables customers to submit booking requests and schedule appointments through your customer portal. The booking button is one method of integrating your website with your customer portal. When clicked, it redirects customers to your customer portal, initiating the booking process.

You can also embed distinct booking buttons for various services, allowing customers to begin the booking process for specific services directly, without needing to view the service list in your customer portal.

What is a Book Now button?

A Book Now button is an easy-to-use feature that can be embedded on your website, allowing customers to schedule bookings directly. This button serves as a way to integrate your website with OctopusPro, redirecting customers to your customer portal to explore your services and begin the booking process. You can fully customize and style your Book Now button to match your website and brand, using your customer portal settings page.

To learn more about how you can customize your Book Now button click here.

What is a Gift Voucher button?

A gift voucher button is a simple button specific to gift vouchers that you can embed on your website to allow your customers to purchase gift vouchers from within your website. The button is a way to integrate your website with OctopusPro and redirect your customers to your customer portal to purchase a gift voucher for themselves or a loved one. To match your website and brand, you can fully customize and style your gift voucher button from your customer portal settings page.

To learn more about how you can customize your gift voucher button click here.

How can I embed a booking button on my website?

You can access the code of the booking button for each service from your services list page by navigating to Settings > Services Settings > Services

Click on on the Embed button for the service you wish to embed on your website.

You can embed a booking button for each service on your website by copying the code that’s generated and pasting it into your website source code or an editor where you want your button to appear on your site.

The book now button for that service will be embedded on your website and it will link your customers to your service view page on your customer portal to start the booking process.

How can I embed a Gift Voucher Button on my website?

You can access the code of the gift voucher button for each service from your services list page by navigating to Settings > Services Settings > Services

Click on the Embed button for the service you wish to embed on your website, to allow your customers to purchase gift vouchers for.

You can embed a gift card button for each service on your website by copying the code that’s generated and pasting it into your website source code or an editor where you want your button to appear on your site.

The gift voucher button for that service will be embedded on your website and it will link your customers to your service view page on your customer portal to purchase a gift card voucher for that service.

A booking link is a simple link or URL that you can share with customers online and doesn’t require an understanding of HTML. You can embed a booking link on your website to start the booking process in a new window. It can also be added to social media profiles like Facebook or Instagram, and to email campaigns and SMS messages. You can also attach the link to your own image or custom text on your website if desired.

You can access the URL of the booking link for each service from your services list page by navigating to Settings > Services Settings > Services

Click on the Embed button for the service you wish to copy the booking URL for.

You can also embed a booking link, which is a simple link or URL which opens the booking process in a new window. Simply copy the Book now link and add it anywhere you wish, it can be added to social media profiles such as Facebook or Instagram, used in email campaigns, or sent by SMS. A booking link doesn’t require an understanding of HTML and you can attach the link to your own images or custom text on your website.

Note: You will require administrative access to your website to complete this process. If you don’t have access or aren’t comfortable using your website editor, you can pass the code to your website developer/designer.

You can fully white-label your customer portal URL to use your own domain name www.yourdomain.com instead of using the default subdomain booking.octopuspro.com, making the integration more seamless by keeping customers under your own website domain name. Customize your portal URL to increase your company’s online presence and make your brand look more professional.

To learn more about how you can change your customer portal URL click here

Note: You will require administrative access to your website to complete this process. If you don’t have access or aren’t comfortable using your website editor, you can pass the code to your website developer/designer.

Can I customize my booking button?

You can fully customize your booking button from your customer portal settings page. Go to Settings > Customer Portal > Branding & Style

The booking button is a way to integrate your website with OctopusPro, by embedding the button on your website. When your customers click on it, it will link them to your customer portal to book your services and start the booking process from within your website. To make the button suit your business website, you can edit and control the background color, border color, style, and more making it a match your business branding and personal website.

To learn more about how you can customize your booking button click here.

Can I customize my gift voucher button?

You can fully customize your gift card voucher button from your customer portal settings page. Go to Settings > Customer Portal > Branding & Style

The gift voucher button is a way to integrate your website with OctopusPro, by embedding the button on your website. When your customers click on it, it will link them to your customer portal to purchase gift cards from within your website. To make the button suit your business website, you can edit and control the background color, border color, style, and more making it a match your business branding and personal website.

To learn more about how you can customize your gift voucher button click here.

Related FAQs

Can my customers make booking requests through my website?

Certainly! You can integrate your OctopusPro customer portal with your website to allow your customers to make booking requests directly through your website. Your customers can also create accounts and manage their existing bookings through your website This is available for all OctopusPro accounts, you’ll find the link under Settings > Customer Portal > General Settings. However, you need to first customize your customer portal by setting up your company branding and services provided.

A good example of a fully integrated customer portal is Zenin, a large Australian massage on-demand business with hundreds of therapists onboard. You can visit their website https://www.zenin.com.au and try to make a booking to see how it is fully integrated with their website, the experience is smooth and seamless for their customers. Zenin customers can inquire, book and pay for their services online, and therapists can sign up online and use the app to accept and manage their bookings, and get paid. Their customers can also create accounts and log in to manage their existing bookings directly through their website.

Do I need to have my own website to use the customer portal?

Although it’s recommended that you do have your own website to integrate with your customer portal, you don’t necessarily need to have a website to use the customer portal, as you can use your customer portal as a standalone website, eliminating the need for having to build a website if you don’t already have one. To use your customer portal as a website you should point your domain DNS records to look at OctopusPro’s CNAME records provided to you in your customer portal settings.

Can I embed a booking button on my website to allow my customers to schedule appointments online?

You can embed a booking button on your website which allows your customers to place booking requests and schedule appointments through your customer portal. The booking button is one of the ways you can integrate your website with your customer portal. When clicked, the booking button will redirect your customers to your customer portal to start the booking process. 

You can also embed different booking buttons for different services to allow your customers to start the booking process for those services directly without having to view the service list in your customer portal. 

You can customize the look and feel of your booking button from under Settings > Customer Portal > Branding & Style, you can set your button background color, border color, style, width, and more.

Can I embed a gift voucher button on my website to allow my customers to purchase gift vouchers online?

You can embed a gift voucher button on your website which allows your customers to purchase gift vouchers through your customer portal. You can also embed different gift voucher buttons for different services if you allow your customers to purchase gift vouchers for those services.

You can customize the look and feel of your gift voucher button from under Settings > Customer Portal > Branding & Style, you can set your button background color, border color, style, width, and more.

For more information please check our FAQs or visit Octopuspro user guide, and subscribe to our youtube channel.

Scroll to top