{"id":17525,"date":"2026-01-08T20:01:53","date_gmt":"2026-01-08T20:01:53","guid":{"rendered":"https:\/\/blog.altegio.cloud\/?p=17525"},"modified":"2026-01-15T09:53:43","modified_gmt":"2026-01-15T09:53:43","slug":"booking-widget-integration-ga4","status":"publish","type":"post","link":"https:\/\/alteg.io\/en\/blog\/booking-widget-integration-ga4\/","title":{"rendered":"Altegio booking widgets: integration paths, social\/maps channels, and GA4 analytics"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>This technical hub consolidates authoritative setup paths for Altegio\u2019s online booking widgets across websites, CMS platforms, social networks, and Google Maps, and documents analytics events for GA4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Widget link types and routing<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>General booking link: a single widget where clients pick service and\/or employee. Manage links in Online booking > Online booking links. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903583007517-online-booking-widgets\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking widgets<\/mark><\/a><\/li>\n\n\n\n<li>Employee-specific link: deep-link a widget prefiltered to a specific staff member (ideal for staff bio pages). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904770893981-separate-online-booking-forms-for-each-employee-or-service\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Separate forms per employee\/service<\/mark><\/a><\/li>\n\n\n\n<li>Service-specific link: deep-link a widget prefiltered to a specific service. Parameter conventions in URLs: s = service ID, m = employee ID. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904770893981-separate-online-booking-forms-for-each-employee-or-service\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Separate forms per employee\/service<\/mark><\/a><\/li>\n\n\n\n<li>Core setup options (scheduling windows, field requirements, \u201cAny specialist\u201d mode, buffers, reschedule\/cancel rules) are in Online booking settings. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903629490205-online-booking-setup-and-options\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking setup and options<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Multiple widgets on one page<\/h2>\n\n\n\n<p>If you offer distinct flows (e.g., Services vs. Classes), place multiple widgets\/buttons on the same page. Each button must point to a different booking link via data-url. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904712088477-adding-several-online-booking-widgets-to-one-page\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Adding several widgets to one page<\/mark><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Website embed patterns<\/h2>\n\n\n\n<p>Choose one or combine as needed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standard floating\/round button (opens popup widget);<\/li>\n\n\n\n<li>Custom-designed button that triggers the widget;<\/li>\n\n\n\n<li>Embedded inline form as an on-page element. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904684248477-how-to-add-an-online-booking-to-your-website\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">How to add online booking to your website<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">CMS quick paths<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress: paste the button script in header.php (Theme File Editor) or via your theme\u2019s code injection and publish. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904924831005-adding-an-online-booking-to-cms-wordpress\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">WordPress guide<\/mark><\/a><\/li>\n\n\n\n<li>Tilda (native): add block T123 \u201cEmbed HTML code\u201d and paste your button code. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904968225053-adding-an-online-booking-widget-to-tilda\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Tilda embed<\/mark><\/a><\/li>\n\n\n\n<li>Tilda (custom button): bind your custom CSS class to the Altegio trigger class ms_booking and load the widget script. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904989192733-adding-a-customized-online-booking-button-to-tilda\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Tilda custom button<\/mark><\/a><\/li>\n\n\n\n<li>Google Sites: use Insert > Embed and paste the button code (add defer as noted). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904840275741-adding-an-online-booking-to-google-sites\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Google Sites guide<\/mark><\/a><\/li>\n\n\n\n<li>Wix\/Joomla and more: see the partner\/CMS integration hub for the up-to-date list and steps. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/categories\/setting-up-online-booking-on-partner-sites\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Partner sites\/CMS hub<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Social booking (Instagram\/Facebook) and channel hubs<\/h2>\n\n\n\n<p>Altegio provides direct \u201cBook Now\u201d flows and shareable links optimized for social profiles and posts. Use the social integrations directory for current Meta\/Instagram\/Facebook connection steps and best practices. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/categories\/online-booking-with-social-media\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking with social media hub<\/mark><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Book via Google (Google Maps &amp; Search)<\/h2>\n\n\n\n<p>Enable direct bookings from Google Maps\/Search where supported (Beauty, Sports, Auto verticals). Key requirements and constraints:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Service names must not begin with numbers; add unique descriptions (not identical to the name).<\/li>\n\n\n\n<li>Price is mandatory (min $1 per service) and schedules must be current; data syncs daily.<\/li>\n\n\n\n<li>Statistics and reviews are visible inside Altegio\u2019s integration panel. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904093304605-altegio-online-booking-on-google-maps\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Google Maps integration<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Analytics and GA4 instrumentation<\/h2>\n\n\n\n<p>Connect GA4 per booking form and map conversions to widget events.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>One GA4 data stream per booking link; create additional booking forms if you need multiple streams. Verify via Realtime. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903418881693-setting-the-integration-with-google-analytics\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">GA4 connection<\/mark><\/a><\/li>\n\n\n\n<li>Widget events sent to analytics (examples below). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903410465437-description-of-events-for-analytics\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Event taxonomy<\/mark><\/a>, <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4905099766557-online-booking-analytics\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking analytics notes<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Track promo interactions if you use the new widget\u2019s Promo block; use the clicked_promo_link identifier. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/14563473505181-promotional-section-within-online-booking-widget\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Promo block (new widget)<\/mark><\/a><\/li>\n\n\n\n<li>Data parity: minor discrepancies between analytics tools and Altegio reports are normal when customers book from multiple sources; treat Altegio\u2019s operational data as ground truth. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4905099766557-online-booking-analytics\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Analytics caveats<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fraud prevention and UX controls<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SMS phone verification in the widget: reduce invalid\/test bookings by requiring a one-time SMS code (requires an SMS\/chatbot provider). Message length limits apply (e.g., 69 characters per SMS segment). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/10535903380893-confirmation-of-client-s-phone-number-in-the-online-booking-widget\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Phone confirmation in widget<\/mark><\/a><\/li>\n\n\n\n<li>Membership-only booking: restrict selected services so only clients with valid, active memberships can book online (including mobile app). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/11867465100829-online-booking-with-membership\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking with membership<\/mark><\/a><\/li>\n\n\n\n<li>Core flow hardening: configure \u201cAny specialist\u201d mode, prep buffers, and cutoff windows for reschedule\/cancel. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903629490205-online-booking-setup-and-options\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking setup and options<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Implementation checklist<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create the required booking links (General, Employee, Service) and name them clearly for internal use. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903583007517-online-booking-widgets\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Online booking widgets<\/mark><\/a><\/li>\n\n\n\n<li>Decide the web presentation: floating button, custom button trigger, or embedded inline form. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904684248477-how-to-add-an-online-booking-to-your-website\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Website embed options<\/mark><\/a><\/li>\n\n\n\n<li>Add multiple widgets per page if you need separate flows. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904712088477-adding-several-online-booking-widgets-to-one-page\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Multiple widgets<\/mark><\/a><\/li>\n\n\n\n<li>Install on your CMS of choice (WordPress, Tilda, Google Sites; others via the CMS hub). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904924831005-adding-an-online-booking-to-cms-wordpress\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">WP<\/mark><\/a> \u2022 <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904968225053-adding-an-online-booking-widget-to-tilda\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Tilda embed<\/mark><\/a> \u2022 <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904989192733-adding-a-customized-online-booking-button-to-tilda\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Tilda custom button<\/mark><\/a> \u2022 <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904840275741-adding-an-online-booking-to-google-sites\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Google Sites<\/mark><\/a> \u2022 <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/categories\/setting-up-online-booking-on-partner-sites\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">CMS hub<\/mark><\/a><\/li>\n\n\n\n<li>Connect social booking (Instagram\/Facebook) where relevant. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/categories\/online-booking-with-social-media\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Social booking hub<\/mark><\/a><\/li>\n\n\n\n<li>If eligible, enable Book via Google and satisfy naming\/price\/description rules. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4904093304605-altegio-online-booking-on-google-maps\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Google Maps integration<\/mark><\/a><\/li>\n\n\n\n<li>Wire GA4 for each link and define conversions from key events (e.g., booked, group_record_created). <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903418881693-setting-the-integration-with-google-analytics\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">GA4 connection<\/mark><\/a> \u2022 <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4903410465437-description-of-events-for-analytics\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Events<\/mark><\/a><\/li>\n\n\n\n<li>Optional: require SMS verification and\/or restrict certain services to members only. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/10535903380893-confirmation-of-client-s-phone-number-in-the-online-booking-widget\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">SMS confirm<\/mark><\/a> \u2022 <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/11867465100829-online-booking-with-membership\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Membership-only<\/mark><\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Reference: advanced customization<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Full customization of widget look-and-feel, image\/logo, service grouping, and group booking prepayment options. <a href=\"https:\/\/alteg.io\/support\/en\/knowledge-base\/4897209017757-customizing-the-new-online-booking-widget\/\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffcb00\" class=\"has-inline-color\">Customize the new widget<\/mark><\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Introduction This technical hub consolidates authoritative setup paths for Altegio\u2019s online booking widgets across websites, CMS platforms, social networks, and Google Maps, and documents analytics events for GA4. Widget link types and routing Multiple widgets on one page If you offer distinct flows (e.g., Services vs. Classes), place multiple widgets\/buttons on the same page. Each&hellip; <a class=\"more-link\" href=\"https:\/\/alteg.io\/en\/blog\/booking-widget-integration-ga4\/\">Continue reading <span class=\"screen-reader-text\">Altegio booking widgets: integration paths, social\/maps channels, and GA4 analytics<\/span><\/a><\/p>\n","protected":false},"author":14,"featured_media":17528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[75],"tags":[],"class_list":["post-17525","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/posts\/17525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/comments?post=17525"}],"version-history":[{"count":2,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/posts\/17525\/revisions"}],"predecessor-version":[{"id":17546,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/posts\/17525\/revisions\/17546"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/media\/17528"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/media?parent=17525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/categories?post=17525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alteg.io\/en\/blog\/wp-json\/wp\/v2\/tags?post=17525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}