{"id":1360,"date":"2024-11-23T04:58:18","date_gmt":"2024-11-23T04:58:18","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/4903583007517-online-booking-widgets\/"},"modified":"2026-03-25T13:52:15","modified_gmt":"2026-03-25T13:52:15","password":"","slug":"4903583007517-online-booking-widgets","status":"publish","type":"docs","link":"https:\/\/alteg.io\/en\/support\/knowledge-base\/4903583007517-online-booking-widgets\/","title":{"rendered":"Online booking widgets"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What is it, and why is it needed?<\/h2>\n\n\n\n<p>The word <strong>\u201cwidget\u201d<\/strong> refers to a small software application. Widgets can be icons, drop-down menus, forms, scroll bars, or information pop-ups. Often, people use \u201cwidget\u201d to mean not the app itself, but a visual or text element.<\/p>\n\n\n\n<p>Many websites use widgets to improve their interface and make things as convenient as possible for users.<\/p>\n\n\n\n<p>The <strong>Altegio online booking widget<\/strong> is a form that lets clients choose a convenient date and time, an employee, and\/or a service. You can embed the widget on your website and on social media, and its appearance can be easily customized to fit your business needs.<\/p>\n\n\n\n<p>The online booking widget may also be called the <strong>online booking form<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1f2536666f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1f2536666f\" class=\"wp-block-image size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"1024\" 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-15-at-18.26.20-501x1024.png\" alt=\"\" class=\"wp-image-212176\" style=\"width:275px;height:auto\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.26.20-501x1024.png 501w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.26.20-147x300.png 147w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.26.20-768x1569.png 768w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.26.20-752x1536.png 752w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.26.20-251x512.png 251w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.26.20.png 792w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><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>An <strong>online booking link<\/strong> is a link that opens the online booking widget. You can place these links on your website, on social media, or send them to clients in notifications.<\/p>\n\n\n\n<p>For example, you can add an online booking link to your website as a button, or place it on Instagram using the <strong>Book now<\/strong> button.<\/p>\n\n\n\n<p>For more details on how to add the link to your website and Instagram, see the articles <strong><a href=\"https:\/\/alteg.io\/en\/support\/knowledge-base\/4903691580061-button-settings\/\">Installing online booking on a website (custom button)<\/a><\/strong> and <a href=\"https:\/\/alteg.io\/en\/support\/knowledge-base\/18538581870237-how-to-integrate-the-book-now-button-for-instagram-and-facebook\/\"><strong>Altegio integration for booking via Instagram and Facebook<\/strong>.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setup and editing<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To add a new online booking link, go to Administration mode go to <strong>Online booking > Online booking links<\/strong> and click <strong>New link<\/strong>. You can find a more detailed description <strong><a href=\"https:\/\/alteg.io\/en\/support\/knowledge-base\/4903629490205-online-booking-setup-and-options\/\">here<\/a>.<\/strong><\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1f25367422&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1f25367422\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" 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-2026-03-25-at-17.11.48-1024x639.png\" alt=\"\" class=\"wp-image-310924\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-1024x639.png 1024w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-300x187.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-768x479.png 768w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-1536x958.png 1536w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-2048x1277.png 2048w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-360x224.png 360w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.11.48-1568x978.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=\"2\" class=\"wp-block-list\">\n<li>To edit the information in the online booking form, click its name or click <strong>Set up<\/strong> on the right. In the window that opens, make the necessary changes and click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1f25367edf&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1f25367edf\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" 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-15-at-18.30.21-1024x520.png\" alt=\"\" class=\"wp-image-212194\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21-1024x520.png 1024w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21-300x152.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21-768x390.png 768w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21-1536x780.png 1536w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21-360x183.png 360w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21-1568x796.png 1568w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2025-12-15-at-18.30.21.png 1820w\" 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=\"3\" class=\"wp-block-list\">\n<li>To delete a form, click the <strong>trash<\/strong> icon.<\/li>\n\n\n\n<li>If you want to preview the online booking widget, simply click the link under the <strong>Link<\/strong> heading.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e1f253688d6&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e1f253688d6\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" 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-2026-03-25-at-17.13.21-1024x515.png\" alt=\"\" class=\"wp-image-310981\" srcset=\"https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21-1024x515.png 1024w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21-300x151.png 300w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21-768x387.png 768w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21-1536x773.png 1536w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21-360x181.png 360w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21-1568x789.png 1568w, https:\/\/alteg.io\/support\/wp-content\/uploads\/2024\/11\/Screen-Shot-2026-03-25-at-17.13.21.png 1760w\" 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","protected":false},"excerpt":{"rendered":"<p>What is it, and why is it needed? The word \u201cwidget\u201d refers to a small software application. Widgets can be icons, drop-down menus, forms, scroll bars, or information pop-ups. Often, people use \u201cwidget\u201d to mean not the app itself, but a visual or text element. Many websites use widgets to improve their interface and make&hellip; <a class=\"more-link\" href=\"https:\/\/alteg.io\/en\/support\/knowledge-base\/4903583007517-online-booking-widgets\/\">Continue reading <span class=\"screen-reader-text\">Online booking widgets<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[67],"doc_tag":[1462,1507,1252,1609,1372,1297],"class_list":["post-1360","docs","type-docs","status-publish","hentry","doc_category-online-booking-settings","doc_tag-appointment-en","doc_tag-client-en","doc_tag-location-en","doc_tag-online-booking-en","doc_tag-professional-en","doc_tag-service-en","entry"],"aioseo_notices":[],"year_month":"2026-04","word_count":300,"total_views":"243","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":"Online booking settings","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/categories\/online-booking-settings\/"}],"doc_tag_info":[{"term_name":"Appointment","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/appointment-en\/"},{"term_name":"Client","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/client-en\/"},{"term_name":"Location","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/location-en\/"},{"term_name":"Online Booking","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/online-booking-en\/"},{"term_name":"Professional","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/professional-en\/"},{"term_name":"Service","term_url":"https:\/\/alteg.io\/en\/support\/knowledge-base\/docs-tag\/service-en\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1360","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=1360"}],"version-history":[{"count":3,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1360\/revisions"}],"predecessor-version":[{"id":311029,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1360\/revisions\/311029"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/media?parent=1360"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_category?post=1360"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_tag?post=1360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}