{"id":1433,"date":"2024-11-23T04:58:30","date_gmt":"2024-11-23T04:58:30","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/4904712088477-adding-several-online-booking-widgets-to-one-page\/"},"modified":"2026-03-25T16:39:27","modified_gmt":"2026-03-25T16:39:27","password":"","slug":"4904712088477-adding-several-online-booking-widgets-to-one-page","status":"publish","type":"docs","link":"https:\/\/alteg.io\/en\/support\/knowledge-base\/4904712088477-adding-several-online-booking-widgets-to-one-page\/","title":{"rendered":"Adding several online booking widgets to one page"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Use this instruction if you need to add <strong>different online booking widgets<\/strong> to one page, for example, booking for different types of services.<\/span><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d888ee82b28&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d888ee82b28\" class=\"wp-block-image wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/12\/6416397299741-1000x619.png\" alt=\"Screenshot_338.png\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_01HJ6A8W9DEBWTE186MP4SQ5DA\"><strong>Setup<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Add any script to the site, for example:<\/span><br><\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;script type=\"text\/javascript\" src=\"\/\/w11352.alteg.io\/widgetJS\" charset=\"UTF-8\"&gt;&lt;\/script&gt;<\/span><\/code><\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Add a code with different data-URL values to each button.<\/span><\/li>\n<\/ol>\n\n\n\n<p><span style=\"font-weight: 400;\"><strong>For example:<\/strong><\/span><\/p>\n\n\n\n<p><strong>Button 1.<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;a href=\"#\" class=\"ms_booking\" data-url=\"<strong>https:\/\/w13423.alteg.io<\/strong>\"&gt;&lt;\/a&gt;<\/span><\/code><\/pre>\n\n\n\n<p><strong>Button 2.<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;a href=\"#\" class=\"ms_booking\" data-url=\"<strong>https:\/\/w16156.alteg.io<\/strong>\"&gt;&lt;\/a&gt;<\/span><\/code><\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">The value of data-URL is a link to the online booking form. Replace the bold parts of the code with the links of the different forms of your company\u2019s online booking. To get them go to the <strong>Online booking > Online booking links<\/strong><\/span>.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/alteg.io\/support\/support\/en\/knowledge-base\/4904712088477-adding-several-online-booking-widgets-to-one-page\/screen-shot-2025-12-23-at-12-45-11-2\/\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"356\" src=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-12.45.11-1.png\" alt=\"\" class=\"wp-image-226795\" style=\"width:297px;height:auto\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-12.45.11-1.png 390w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-12.45.11-1-300x274.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-12.45.11-1-360x329.png 360w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">A link of the format <\/span><strong><a href=\"https:%20\/\/nXXXX.alteg.io\/\" target=\"_self\" rel=\"noopener\">https: \/\/nXXXXXX.alteg.io\/<\/a><\/strong><span style=\"font-weight: 400;\">is located to the right of the name of the online booking form.<\/span><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d888ee83c12&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d888ee83c12\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-1024x552.png\" alt=\"\" class=\"wp-image-226768\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-1024x552.png 1024w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-300x162.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-768x414.png 768w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-1536x828.png 1536w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-360x194.png 360w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22-1568x845.png 1568w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-23-at-13.32.22.png 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use this instruction if you need to add different online booking widgets to one page, for example, booking for different types of services. Setup For example: Button 1. Button 2.<\/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-1433","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":157,"total_views":"247","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\/1433","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=1433"}],"version-history":[{"count":3,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1433\/revisions"}],"predecessor-version":[{"id":311233,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1433\/revisions\/311233"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/media?parent=1433"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_category?post=1433"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_tag?post=1433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}