(000) 000 0000 support@helpjuice.com

How can we help you?

    Sorry, we didn't find any relevant articles for you.

    Please contact support@phorest.com and we'll get back to you with an answer as soon as possible.

    How to embed the booking widget into a responsive website

    If you have a responsive designed website created for the optimum viewing experience across a wide range of devices then it's possible to embed the Phorest online booking iframe so it too will resize itself to provide easy navigation and reading on any sized device.

    To make embedded content responsive, you need to add a containing wrapper around the iframe. Your markup would be as follows:

    Responsive iframe

    <!DOCTYPE html>




          iframe testing


        <meta name="description"/>

        <meta name="author"/>


          .iframe-container {

            position: relative;

            height: 800px;

            overflow: hidden;


          .iframe-container iframe {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;







          <div class="iframe-container">

            <iframe src="https://subdomain.phorest.me/book" width="900" height="800" frameborder="0"></iframe>






    Having done this, the online booking widget will now resize with the screen’s width. 

    Was this article helpful?