How to make Appointments Booking embed larger on my Wordpress site?

When I embed the Online Booking widget to my Wordpress site it's small and customers have to scroll within the embed widget. This can be confusing to some customers. Is it possible to make the embedded widget larger so customers won't have to scroll to see content?

 

I saw in another discussion that a user using Squarespace posted a fix, but the given code didn't seem to work on my WP site. Here's the link to the fix I'm referring to: https://www.sellercommunity.com/t5/Product-Updates/Embed-the-Appointments-Booking-Widget-on-your-Web...

 

Bonus Feature Request: It would be awesome to be able to embed specific services on specific pages. For example, to create a landing page for a service and only show online booking options for that specific service.

849 Views
Message 1 of 3
Report
2 REPLIES 2

HI, after a quick Google search, here are a few Wordpress Support pages.  

 

https://wordpress.org/plugins/wp-embed-widgets/

 

https://wordpress.org/support/topic/embed-widget-code-from-another-website/

 

 

Hope This Helps!
TERRI
796 Views
Message 2 of 3
Report

Thank you for the reply. My apologies, perhaps I wasn't clear enough. I have no problem embedding the Online Booking, I just need to change the height so it's all visible on the page instead of inside of a tiny window. The link I posted showed a commenter that added some code to the code given by Square to extend the height to 2000px on a Squarespace site. I am unable to replicate this on a WP site. The linked plugin doesn't appear to be capable of solving this issue. If anyone familiar with coding could show me how to integrate the linked commentor's code into the embed code from Square, that would help tremendously.

 

div#block-yui_3_17_2_1_1556[Redacted]15 iframe {
    height: 2000px !Important;
}
748 Views
Message 3 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.