{"id":1307,"date":"2024-11-23T04:58:09","date_gmt":"2024-11-23T04:58:09","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/4904840275741-adding-an-online-booking-to-google-sites\/"},"modified":"2026-03-25T16:42:56","modified_gmt":"2026-03-25T16:42:56","password":"","slug":"4904840275741-adding-an-online-booking-to-google-sites","status":"publish","type":"docs","link":"https:\/\/alteg.io\/en\/support\/knowledge-base\/4904840275741-adding-an-online-booking-to-google-sites\/","title":{"rendered":"Adding an online booking to Google Sites"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">In order to install the online booking widget in <strong>Google Sites<\/strong>, register on <\/span><strong><a href=\"https:\/\/sites.google.com\/\">sites.google.com<\/a><\/strong><span style=\"font-weight: 400;\"> or log in if you already have a <strong>Google<\/strong> account.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_01HJ689JE7W3ZEBAMBHVYHZKDM\"><strong>Button setup<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Create a new site (click <strong>Create<\/strong>, select an option in the <strong>updated interface<\/strong>) or go to an existing site if you have previously worked with <strong>Google Sites<\/strong>.<\/span><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69deb7d46b704&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69deb7d46b704\" 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\/6438071149981-1000x620.png\" alt=\"Screenshot_570.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<p><\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">In the website editor click <strong>Embed<\/strong> (on the right sidebar).<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\"> In the pop-up window select the <strong>Embed code<\/strong> tab. In the input field add the code for the online booking button.<\/span><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_01HJ689JE75XVSZWP22QEN44JF\"><strong>Where can I find the button code?<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">In the <strong>Altegio<\/strong> Administration mode go to <strong>Online Booking > Online booking links<\/strong>. <\/span><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69deb7d46c1e7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69deb7d46c1e7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"352\" height=\"268\" 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-29-at-20.45.50.png\" alt=\"\" class=\"wp-image-233305\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.45.50.png 352w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.45.50-300x228.png 300w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/><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<ol start=\"2\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Open the link&#8217;s configuration page by either clicking on the link name itself or the<strong> Set up<\/strong> button on the right. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Scroll to locate the <strong>Website button<\/strong> section, and be sure to check the <strong>Display the button on the website<\/strong> box.<\/span><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69deb7d46cc17&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69deb7d46cc17\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" 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-29-at-20.47.15-1024x344.png\" alt=\"\" class=\"wp-image-233326\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-1024x344.png 1024w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-300x101.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-768x258.png 768w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-1536x516.png 1536w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-2048x689.png 2048w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-360x121.png 360w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.47.15-1568x527.png 1568w\" 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<ol start=\"4\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Then, from the <strong>Button code<\/strong> field copy the button code and paste it on <strong>Google Sites<\/strong>.&nbsp;<br><\/span><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69deb7d46d5c3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69deb7d46d5c3\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"220\" 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-29-at-20.48.02.png\" alt=\"\" class=\"wp-image-233347\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.48.02.png 556w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.48.02-300x119.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-29-at-20.48.02-360x142.png 360w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><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<ol start=\"5\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Make a change to this code: add the defer attribute and click <strong>Next<\/strong>.<\/span><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69deb7d46d7ef&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69deb7d46d7ef\" 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\/6438175900317-1000x551.png\" alt=\"Screenshot_571.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<ol start=\"6\" class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">When online booking button is displayed, click <strong>Insert<\/strong>.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">In the site editor move the button to select a location on the site. Click the <strong>Publish <\/strong>button.<\/span><span style=\"font-weight: 400;\"><\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In order to install the online booking widget in Google Sites, register on sites.google.com or log in if you already have a Google account. Button setup Where can I find the button code?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[71],"doc_tag":[976],"class_list":["post-1307","docs","type-docs","status-publish","hentry","doc_category-adding-online-booking-to-popular-cms","doc_tag-removefromai","entry"],"aioseo_notices":[],"year_month":"2026-04","word_count":202,"total_views":"218","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 online booking to popular CMS","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/categories\/adding-online-booking-to-popular-cms\/"}],"doc_tag_info":[{"term_name":"RemoveFromAI_Eng","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/removefromai\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1307","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=1307"}],"version-history":[{"count":6,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1307\/revisions"}],"predecessor-version":[{"id":311239,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1307\/revisions\/311239"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/media?parent=1307"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_category?post=1307"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_tag?post=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}