{"id":1354,"date":"2024-11-23T04:58:17","date_gmt":"2024-11-23T04:58:17","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/4904852388125-adding-an-online-booking-to-cms-wix\/"},"modified":"2026-03-25T16:45:26","modified_gmt":"2026-03-25T16:45:26","password":"","slug":"4904852388125-adding-an-online-booking-to-cms-wix","status":"publish","type":"docs","link":"https:\/\/alteg.io\/en\/support\/knowledge-base\/4904852388125-adding-an-online-booking-to-cms-wix\/","title":{"rendered":"Adding an online booking to CMS WIX"},"content":{"rendered":"\n

WIX Free plan<\/h2>\n\n\n\n

The WIX builder has limitations on the free plan, and it\u2019s not possible to embed the Altegio widget in its standard view. One of the most relevant options is to install the widget via an <iframe><\/code>.<\/p>\n\n\n\n

Step-by-step instructions<\/h2>\n\n\n\n
    \n
  1. Open the WIX editor and go to the Store<\/strong> section. Click Embed a Site<\/strong>.<\/li>\n\n\n\n
  2. An area for creating the site will open.<\/li>\n\n\n\n
  3. To add the widget link to this block, click it to reveal the Enter website address<\/strong> button. Click this button.<\/li>\n\n\n\n
  4. Paste the Altegio widget link and click Update<\/strong>.<\/li>\n\n\n\n
  5. Save the site in the builder and publish it.<\/li>\n<\/ol>\n\n\n\n

    WIX Paid plan<\/h2>\n\n\n\n

    To add an Altegio button or online booking to a custom button on WIX, your site must have a custom domain connected.<\/p>\n\n\n\n

    Adding online booking to WIX (Altegio button)<\/h2>\n\n\n\n
      \n
    1. Open the site editing mode (Manage and Edit<\/strong>). Go to Settings<\/strong> > Custom code<\/strong>.<\/li>\n\n\n\n
    2. Click + Add Code<\/strong>.<\/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. In the code snippet field, paste the standard button code taken from Online booking<\/strong> > Online booking links<\/strong>. More details on where to find the online booking button code in Altegio are provided below in this article.<\/li>\n\n\n\n
      2. Under Where to place the code?<\/strong>, select Body \u2013 end<\/strong>. Click Add<\/strong>.<\/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. Save and publish the site.<\/li>\n<\/ol>\n\n\n\n

          Adding online booking to a custom button in WIX<\/h2>\n\n\n\n
            \n
          1. Add a button in the website builder \u2014 this will be your online booking button.<\/li>\n\n\n\n
          2. In the link settings, set Where does this element link to<\/strong> \u2192 Web address<\/strong>, and enter the link to your online booking form in the format https:\/\/nXXXXXX.alteg.io<\/code>.<\/li>\n<\/ol>\n\n\n\n

            You can find the link in Online booking<\/strong> > Online booking links<\/strong>, to the right of the online booking form name.<\/p>\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. Save and publish the site.<\/li>\n\n\n\n
            2. Open the site editing mode. In the top menu, select Settings<\/strong> > Analytics codes<\/strong>. Click + New Tool<\/strong>, and in the dropdown menu select New code<\/strong>.<\/li>\n\n\n\n
            3. In the code snippet field, paste the following code:<\/li>\n<\/ol>\n\n\n\n
              <script async src=\"https:\/\/wXXXXXX.alteg.io\/widgetJS\"><\/script>\n<script>\nlet elem = document.querySelectorAll('[href^=\"https:\/\/nXXXXXX.alteg.io\"]');\nfor (i = 0; i < elem.length; i++) {\nelem[i].classList.add('ms_booking');    \n}\n<\/script>\n<\/code><\/pre>\n\n\n\n
              For example, in the link https:\/\/n193246.alteg.io\/<\/code>, the identifier is the digits 193246<\/code>. Example of the final code:<\/p>\n\n\n\n
              <script async src=\"https:\/\/w193246.alteg.io\/widgetJS\"><\/script>\n<script>\nlet elem = document.querySelectorAll('[href^=\"https:\/\/n193246.alteg.io\"]');\nfor (i = 0; i < elem.length; i++) {\nelem[i].classList.add('ms_booking');    \n}\n<\/script>\n<\/code><\/pre>\n\n\n\n
                \n
              1. Under Where to place the code?<\/strong>, select Body \u2013 end<\/strong>. Click Add<\/strong>.<\/li>\n\n\n\n
              2. Save and publish the site.<\/li>\n<\/ol>\n\n\n\n
                Where to find the button code in Altegio<\/h2>\n\n\n\n
                  \n
                1. In the Administration<\/strong> mode, go to Online booking<\/strong> > Online booking links<\/strong>.<\/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. Select the required form and click its name or Set up<\/strong>.<\/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. Scroll down to the If you have your own website<\/strong> section and click Add a button to your website<\/strong>. Enable Show button on website<\/strong>.<\/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\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 <\/strong>the button code.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
                        WIX Free plan The WIX builder has limitations on the free plan, and it\u2019s not possible to embed the Altegio widget in its standard view. One of the most relevant options is to install the widget via an <iframe>. Step-by-step instructions WIX Paid plan To add an Altegio button or online booking to a custom… Continue reading Adding an online booking to CMS WIX<\/span><\/a><\/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-1354","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":493,"total_views":"216","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\/1354","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=1354"}],"version-history":[{"count":4,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1354\/revisions"}],"predecessor-version":[{"id":311242,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/docs\/1354\/revisions\/311242"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/media?parent=1354"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_category?post=1354"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/alteg.io\/en\/support\/wp-json\/wp\/v2\/doc_tag?post=1354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}