Table of Contents
Attract new customers when you let them book new work through your website and Facebook page and receive a notification as soon as it happens.
Online Booking is available on select plans. Learn more.
Our online booking feature allows your clients to request a quote or services through your website, social media, or through the client hub. The online booking form gives your client an option to select a date that works best for them— gathering this information upfront cuts down on back and forth.
Adding your online booking form to your website or social media gives your clients a convenient way to reach you from the comfort of their home, or while out on the go.
Add a request form to your website
At the bottom of the Settings > Requests page, there is a section for Share Request Form. You can use the options provided here to give access to the request form to your company website or Facebook page. To start with, you'll want to toggle the switch to 'ON' for visible to clients and new leads.
The embed options are the best way to integrate the request form into your website. Click View Embed Options to see the two embed styles and customize the button color.
There are two embed options for your request form: an inline form or a popup form. These are each displayed on different tabs.
Inline Form: This will add the full form to a page on your website in the form of a widget. This is a good option if your website is set up on Wix, GoDaddySites, Website.com, hosted Wordpress and Weebly. Note: once you add this to your page, you might want to resize it so that the full form appears without the user having to scroll within the widget.
Popup Form: This will add a “Book Online” button to your website. When a user clicks on this button a pop-up will appear that will walk the client through the request form. Once they complete and submit the form, they will be back on your website page. If you’re using this option, you might want to add text around the button to explain what it is. Note: Many automated web site builders control and modify what kind of code can be embedded on their sites. Even though our code is trusted and secure, they still change the code contained in the snippets we provide which can break the formatting. The dialog version is currently not compatible with automated website builders, including Wix, GoDaddySites, Website.com, hosted Wordpress and Weebly.
For both of these embed options, once you’ve copied the snippet, it’s time to add it to your website. If you have a website administrator be sure to equip them with this information and the snippet of code to add to your website. Here are more instructions for adding custom html code to some of the popular website builders:
- Note: if you have a free Wordpress account, embedded links are not supported.
- Note: Make sure to use a Code Block, not an Embed Block with Squarespace.
Each website builder has its own tools for adding buttons, you will need to reach out to your website support to find the best way to do this.
Button color options for embedded forms
For both the inline and popup form, you can customize the colors to match your website's branding as well as customizing the text on the pop-up form's button.
To change the color of the button or the text, click the color icon for that item. This will bring up other color options. You can also enter the Hex code for that color.
Note: that there is a 30 character limit for the button's text to maintain the button's size.
Share link on social media
To share your request form on social media, you can link to the client hub where the request form is hosted. Click View Link Options to see the shareable links.
There are two options to share your link: a link for social media and a link to add a button to Facebook.
Share Link on social media: This option provides the URL that clients can use to submit a request.
Add a button Facebook: This option will walk you through how to add your request form to your Facebook page.
Create a button or icon
The URL listed under Share link on social media can be used anywhere, even beyond your social media accounts! One use for this URL is to format a button or icon on your website where clicking the button will open the URL. Here is how to add a button on some popular website providers:
This option gives you the freedom to style the button or icon just as you want it. With this method, you have the option to pick your own text for the button to make sure that the wording fits your brand. If you're in need of inspiration, many Jobber users chose wording like Book Now or Request a Quote for their buttons, but you aren't limited to those options.
Add a request form to your Facebook page
When you create a Facebook business page (facebook.com/pages/create) you will have the option to add a button to your page which you can setup to link to your request or online booking form.
1. Start in Jobber and from Settings > Requests > Share Link Options, click Copy URL from the Add a button to Facebook section.
2. Navigate to your business page on Facebook and click + Add a Button. This button will be located under your cover photo.
3. From the list of options, select Contact Us. It's important to use this option since it supports a URL.
4. Paste the URL you copied into the website field. Then click Save.
Your button to link to your request or online booking form is now setup. When potential clients click the Contact Us button on your Facebook page, they will be prompted to fill out a request form.
Check out our Jobber Academy article for more tips on creating a Facebook business page.
Link to your request form on Google My Business
If you have a Google My Business account, you can set up your request form so that potential clients can request a booking with you from the appointments option in your listing.
Start by logging into your Google My Business account. From the sidebar, navigate to the section for Info.
On the info page, there is a section to add an Appointment link. Click the pen to edit this section and add a URL. In this case, the URL we are going to use is the one for social media links that you can find in your Jobber account by going to the Gear Icon > Settings > Requests. Copy the social media link from Jobber and paste it into the appointment links section in Google My Business and save!
Create a QR code
QR codes can be printed on business cards, door hangers, or other marketing materials so that your leads or clients can scan them as a quick way to fill out your request form.
To create a QR code, first start by copying your request URL from Settings > Requests > Share Link Options. From the Share link on social media section, click Copy URL
Next, you'll want to paste the link into a QR code generator website, such as QR Code Generator. The website will create a code that links to your URL. Depending on the website, there may be more customization options to format your QR code to add a frame or a call out for your clients to scan the code.
Once the QR code has been generated, click Download to save the file as a JPG. This can now be added to your marketing materials or anywhere you'd like to have clients scan the code.
How do clients submit a request?
Once the form is set up, your clients can click on the request button now on your social media page, website, or in Client Hub. They can then fill out a form to request work by entering their contact information and service address, and filling out the different fields you've created before clicking 'Send Request'.
Fields that are not set as required will show as (Optional).
Your company name and logo in the Branding section of your account will show on the form in the top left. Your company email, website, and address from the same page will show in the footer below the form.
On the form, name and email are already set as required fields clients must fill out. They have the option to fill in their company name as well. The address that is submitted will be created as a property under the client.
What if my client submits a request and is already in my Jobber account?
Jobber will match up clients based on their email address. If the email address used on the form is the same as an email address already on a client in your account, then the request will be linked to that existing client. If an alternate email address is used, then a new client will be created.