{"id":1127,"date":"2025-02-16T06:14:48","date_gmt":"2025-02-16T06:14:48","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/18538581870237-how-to-integrate-the-book-now-button-for-instagram-and-facebook\/"},"modified":"2026-03-25T16:02:18","modified_gmt":"2026-03-25T16:02:18","password":"","slug":"18538581870237-how-to-integrate-the-book-now-button-for-instagram-and-facebook","status":"publish","type":"docs","link":"https:\/\/alteg.io\/en\/support\/knowledge-base\/18538581870237-how-to-integrate-the-book-now-button-for-instagram-and-facebook\/","title":{"rendered":"How to Integrate the “Book Now” Button for Instagram and Facebook"},"content":{"rendered":"\n

This guide will help you connect your Instagram and Facebook accounts to Altegio enabling the Book Now<\/strong> button on your social media profiles. Follow these steps to set up the integration:<\/p>\n\n\n\n

Connect the App from the Marketplace<\/h3>\n\n\n\n
    \n
  1. Log in to your Altegio<\/strong> account and navigate to the Integrations <\/strong>section within the Administration mode<\/strong> from panel on the left side.<\/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 search bar enter the ‘book’ keyword<\/strong> to locate and add the app to your account.<\/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

      Connect to App<\/h3>\n\n\n\n
        \n
      1. Open the app within Altegio and click the Connect<\/strong> button on the right.<\/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. You will be redirected to the Settings<\/strong> tab. <\/li>\n\n\n\n
        2. Click Activate<\/strong> and choose the online booking form<\/strong> you wish your clients to see on your Facebook or Instagram page.<\/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

          Note<\/strong>

          Booking button cannot be placed on personal pages.<\/strong> To add a “Book Now” button to your Instagram or Facebook, you must have a business account<\/strong> Facebook.<\/strong> If you don’t have one, create an account here<\/strong><\/a> before connecting this integration.<\/p>\n<\/blockquote>\n\n\n\n

            \n
          1. Once you have selected your online booking form, click Next<\/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. You will be redirected to Facebook.<\/strong><\/li>\n\n\n\n
            2. Click the Next<\/strong> button to allow the connection.<\/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

              Choose Your Social Media Account<\/h3>\n\n\n\n
                \n
              1. Select whether you want to add the “Book Now”<\/strong> button to your Facebook or Instagram accounts. Select the accounts you want to run the integration for. Follow the onscreen instructions provided by Facebook. On the final step, confirm the account selection<\/strong> and proceed.<\/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. Allow a few minutes before the integration connection takes place. Don’t close the window<\/strong> you might be seeing below.<\/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. Later, you will see a success page, notifying you about integration being all set.<\/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

                    What should I do if the integration was not connected?<\/h3>\n\n\n\n

                    If you have problems with the integration, you need to set it up again. To do this:<\/p>\n\n\n\n

                      \n
                    1. Clicking the Disconnect<\/strong> button in the Integrations<\/strong> section is not enough to fully remove the Altegio and Meta connection.<\/li>\n\n\n\n
                    2. Go to Integrations > Connected apps<\/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 Altegio<\/strong> from the list of connected apps and click Remove app<\/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. Confirm your choice.<\/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. After that, Altegio will appear in the Removed<\/strong> list, and you will be able to set up the integration again.<\/li>\n<\/ol>\n\n\n\n

                            Finalize the Button Setup on Facebook<\/h3>\n\n\n\n

                            If you are setting up for Facebook<\/strong>, visit your Facebook page.<\/p>\n\n\n\n

                              \n
                            1. Click on the three dotted menu on the right and select “Edit Action Button”<\/strong> from the drop down list.<\/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. Choose the appropriate button to finalize the setup.<\/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. Click the “Change Button”<\/strong> button, select the “Book now”<\/strong> option and click Next.<\/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. You will be redirected to another screen with a preselected Altegio-powered Scheduling tool. <\/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. Click the Save<\/strong> button to conform the changes.<\/li>\n<\/ol>\n\n\n\n

                                      Viewing the button<\/h3>\n\n\n\n

                                      To see how the button looks on your Facebook:<\/p>\n\n\n\n

                                        \n
                                      1. Go to the tree dotted menu<\/strong> on the right and select the View As<\/strong> mode.
                                        <\/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. You will see theBook Now<\/strong> button from your page visitor’s perspective. <\/li>\n\n\n\n
                                        2. Don’t forget to click the Exit View As<\/strong> button above to exit the mode.<\/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

                                          Activating the Action Button on Instagram<\/h3>\n\n\n\n

                                          Activating the action button on your Instagram profile can significantly enhance your business\u2019s ability to connect with customers and streamline the booking process. Here\u2019s a step-by-step guide on how to activate the action button using Altegio:<\/p>\n\n\n\n

                                            \n
                                          1. Open Instagram and navigate to your profile. Access the \u201cProfessional dashboard<\/strong>\u201d at the top of your profile page. On the Professional dashboard and select \u201cEdit profile.\u201d <\/strong>In this section, you will see options to add links, business information,<\/strong> and action buttons.<\/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 \u201cPublic business information\u201d<\/strong> section and select Contact Options<\/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. Find and add an action button<\/strong> from the list.<\/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. After selecting the action button, a list of service providers will appear. Look for Altegio<\/strong> in the list.
                                                  <\/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. Click on Altegio<\/strong> to proceed. Choose between “Connect Book Now button”<\/strong> or “Login into Altegio account”<\/strong> options based on your login status at the time.<\/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. If you want to log in, you will be redirected to the Altegio login page<\/strong>. Enter your phone number or email and password, then click \u201cSign in<\/strong>.\u201d
                                                      After logging in, you will need to connect your Altegio account to your Instagram profile. Click on \u201cContinue as [your Instagram username]\u201d<\/strong> to confirm the connection.
                                                      <\/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. Once connected, you will see the \u201cConfirm settings\u201d<\/strong> page.
                                                        <\/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. Press the Continue<\/strong> button below. The system will now connect Altegio<\/strong> to your Instagram<\/strong> profile. This process may take a few moments, so please be patient.<\/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. Once the connection is complete, you will see the status of your current action button. <\/strong>Confirm that the \u201cBook now\u201d<\/strong> button is active and linked to Altegio.
                                                            <\/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. Go back to your Instagram profile to see the \u201cBook now\u201d<\/strong> button. Test the button to ensure it directs users to your Altegio booking page.<\/li>\n<\/ol>\n\n\n\n

                                                              Test the Integration<\/h3>\n\n\n\n

                                                              Upon successful connection you will notice a green “Connected”<\/strong> badge under Integrations> Installed Apps<\/strong> section.<\/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

                                                              Once everything is set up, test the “Book now”<\/strong> button to ensure it functions correctly and redirects to the appropriate booking widget in Altegio.<\/p>\n\n\n\n

                                                              By following these steps, you can enhance your social media presence and make it easier for clients to book appointments directly from Instagram or Facebook. If you encounter any issues during the setup process, contact Altegio support for further assistance.<\/p>\n\n\n\n

                                                              \n

                                                              Note
                                                              <\/strong>
                                                              If the button displays normally, then you don\u2019t need to do anything. On some devices, only the \u201cContact us\u201d<\/strong> button is visible; it is better to hide it (people usually don\u2019t use it) so that the \u201cBook now\u201d<\/strong> button is displayed without additional ones in a drop-down menu.<\/p>\n<\/blockquote>\n\n\n\n

                                                                \n
                                                              • Click on Edit profile;<\/strong><\/li>\n\n\n\n
                                                              • Next to Contact options;<\/strong><\/li>\n\n\n\n
                                                              • Turn off Display of contact information;<\/strong><\/li>\n\n\n\n
                                                              • Disable other options if they were enabled (for example, calls via Instagram).<\/li>\n<\/ul>\n\n\n\n

                                                                Hide the Contact<\/strong> button<\/h2>\n\n\n\n

                                                                If the Book<\/strong> button is displayed correctly, no action is needed. However, on some devices only the Contact<\/strong> button may be visible, and it can cover the Book<\/strong> button. In this case, you can hide it (it is usually used less often) so that the Book<\/strong> button is displayed without an additional menu. To do this:<\/p>\n\n\n\n

                                                                  \n
                                                                1. Click Edit profile<\/strong>;<\/li>\n\n\n\n
                                                                2. Then go to Contact options<\/strong>;<\/li>\n\n\n\n
                                                                3. Turn off Display contact info<\/strong>;<\/li>\n\n\n\n
                                                                4. Disable any other options if they are enabled (for example, Instagram calling).<\/li>\n<\/ol>\n\n\n\n

                                                                  For more details, see the tutorial videos:<\/strong><\/p>\n\n\n\n

                                                                  \n