Jump to content

Embedding Booking Form Into Website Page

Go to solution Solved by JessicaM,

Recommended Posts

Hello,

I am trying to embed a booking form into a website page: https://www.hillcityvets.co.uk/book-online
(At current, the OLD booking system remnants are displayed which will be deleted once this is resolved)

The new booking link to be integrated is: https://provetcloud.com/5688/onlinebooking/?lang=en-gb 

I have trying to use the embed block, but even though the link is said to be located, it is not displaying the booking page.
Is this something that needs a bit more code or am I doing something incorrectly?

Any help would be much appreciated.

Screenshot 2024-04-10 at 10.31.02.png

Screenshot 2024-04-10 at 10.30.55.png

Link to comment

@MadeByDO You need to get the embed code and then paste it in the "code snippet" section where you added the link in the image in your post (you can remove the link you have).  The code is in the "online booking preview" section of Provet. You can see it above the #4 in the link below 🙂

https://support.provet.cloud/hc/en-gb/articles/10357123431453-Make-Online-Booking-Available-to-Your-Clients

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

Link to comment
1 hour ago, JessicaM said:

@MadeByDO You need to get the embed code and then paste it in the "code snippet" section where you added the link in the image in your post (you can remove the link you have).  The code is in the "online booking preview" section of Provet. You can see it above the #4 in the link below 🙂

https://support.provet.cloud/hc/en-gb/articles/10357123431453-Make-Online-Booking-Available-to-Your-Clients

Hi - thanks for helping with this. I actually didn't have access to the clients account (long story) so this was useful.

However having placing in this code, the iframe only seems to show a slender vertical window despite we playing about with the height parameters. See attachments.

Thanks again 

Screenshot 2024-04-10 at 16.14.14.png

Screenshot 2024-04-10 at 16.16.52.png

Link to comment
  • Solution

@MadeByDO Use this code instead -

<iframe style="border:0px;"
width="100%"
height="1000"
src="https://provetcloud.com/5688/onlinebooking"></iframe>

If this works, please mark it as the solution 🙂

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

Link to comment
37 minutes ago, JessicaM said:

@MadeByDO Use this code instead -

<iframe style="border:0px;"
width="100%"
height="1000"
src="https://provetcloud.com/5688/onlinebooking"></iframe>

If this works, please mark it as the solution 🙂

Thanks for this Jessica - works a treat! Life saver.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.