{"id":1463,"date":"2024-11-23T04:58:35","date_gmt":"2024-11-23T04:58:35","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/4904742132509-adding-an-online-booking-form-inside-one-of-the-website-pages\/"},"modified":"2026-03-25T16:41:04","modified_gmt":"2026-03-25T16:41:04","password":"","slug":"4904742132509-adding-an-online-booking-form-inside-one-of-the-website-pages","status":"publish","type":"docs","link":"https:\/\/alteg.io\/en\/support\/knowledge-base\/4904742132509-adding-an-online-booking-form-inside-one-of-the-website-pages\/","title":{"rendered":"Adding an online booking form to website pages"},"content":{"rendered":"\n

Use this instruction of setting an online booking up if you need the online booking widget to be embedded in the site as an interface element. In this case, the online booking form will be immediately visible on the page, and not in the pop-up window when you click the button<\/span><\/p>\n\n\n\n

This is the way Online booking<\/strong> may look like in the main menu of the website, leading to a page with an online booking form.<\/span><\/p>\n\n\n\n


In this case the booking form will look like part of the site, but the booking is available only on one page. <\/span>
<\/p>\n\n\n\n

Setup<\/h1>\n\n\n\n
    \n
  1. In the required place of your site code add the following code:<\/span><\/li>\n<\/ol>\n\n\n\n
    <iframe height=\"545px\" width=\"320px\" scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" id=\"ms_booking_iframe\" src=\"https:\/\/w1234.alteg.io\/\"><\/iframe><\/span><\/code><\/pre>\n\n\n\n
      \n
    1. In the main menu go to Administration<\/strong> mode Online booking > Online booking links<\/strong>.<\/span><\/li>\n<\/ol>\n\n\n\n
      \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
        \n
      1.  Copy the link to the online booking form (link as https:\/\/nXXXX.alteg.io\/<\/a><\/strong> is located to the right of the name of the online booking form).<\/span><\/li>\n<\/ol>\n\n\n\n
        \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
          \n
        1. Replace the bold<\/strong> part of the code with the link to your company\u2019s online booking form.<\/li>\n<\/ol>\n\n\n\n
          \n
          Note<\/strong><\/p>\n\n\n\n
          1. If you want to add an online booking form to a narrow site block, then use the mobile version.<\/span><\/p>\n\n\n\n
          2. To adjust the width and height of the mobile booking form, change the width<\/strong> and height<\/strong> parameters of the iframe<\/strong> element. The width and height of the full booking form are fixed: 545 * 780 px. <\/span><\/p>\n\n\n\n
          3. We do not guarantee normal operation of the widget that is installed on the site using the iframe<\/strong> element. <\/span><\/p>\n\n\n\n
          We recommend setting up the button for online booking according to our instructions<\/strong><\/a>. You can also use the API methods<\/strong><\/a> and develop your widget for online booking by posting it on your website. <\/span><\/p>\n<\/blockquote>\n\n\n\n
          <\/p>\n","protected":false},"excerpt":{"rendered":"
          Use this instruction of setting an online booking up if you need the online booking widget to be embedded in the site as an interface element. In this case, the online booking form will be immediately visible on the page, and not in the pop-up window when you click the button This is the way… Continue reading Adding an online booking form to website pages<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[70],"doc_tag":[1609],"class_list":["post-1463","docs","type-docs","status-publish","hentry","doc_category-adding-an-online-booking-to-website","doc_tag-online-booking-en","entry"],"aioseo_notices":[],"year_month":"2026-04","word_count":300,"total_views":"283","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ivan.k","author_nicename":"altegio","author_url":"https:\/\/alteg.io\/en\/author\/altegio\/"},"doc_category_info":[{"term_name":"Adding an online booking to website","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/categories\/adding-an-online-booking-to-website\/"}],"doc_tag_info":[{"term_name":"Online Booking","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/online-booking-en\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/comments?post=1463"}],"version-history":[{"count":3,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1463\/revisions"}],"predecessor-version":[{"id":311236,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1463\/revisions\/311236"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/media?parent=1463"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_category?post=1463"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_tag?post=1463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}