Embedding your online booking form on your website is a great way to make the form look like a part of your website when someone visits your form.
We do this with the help of iframes (inline frame). An inline frame (iframe) is a HTML element that loads another HTML page within the document. It essentially puts another webpage within the parent page.
Embedding an iframe is very simple but adding it to your website will vary depending on the website platform you're your website on.
Adding your online booking form is a great way to make it look like a part of your website when someone visits the form. We will explain the procedure step by step:
First, you'll want to get your online booking link. Navigate to online booking in Servgrow and 'copy link'.
Next, you want to use the following iframe code:
<iframe width="100%" height="1000px" src="YOURONLINEBOOKINGLINK" frameborder="0" allowfullscreen></iframe>.
In the iframe code, replace YOURONLINEBOOKINGLINK with you online booking link that you copied from Servgrow.
For “width” and “height,” you'll want to set this so it fits your website accordingly. You can set the values in relation to the website in percent or pixels.
Now that you have the correct code, you'll want to embed this on your website via an 'embed' widget or place it directly into an HTML site.
Embedding an iframe is very simple but adding it to your website will vary depending on the website platform you're your website on.
Here is a video of us adding the embed to a website built on Webflow.
That's it!
Need help? Start a chat!