The Pop-up Widget adds a floating booking interface that appears when users interact with your website. It's an easy way to provide access to bookings without interrupting the browsing experience, allowing users to book directly without leaving the page.

Step 1: Navigate to the event types

Step 2: Click on the Share button within the specific event type.

first inline wala share.png


Step 3: Enable the settings Integrate Orufy Bookings to your site?

Step 4: Select Pop-up Widget from one of the three options.

Step 5: Click on Continue.

pop up widget.png


Step 6: You will get an Embed Code that you need to copy and paste this code before the head tag of the web page where you want to integrate bookings.

pop up widget embed code.png


Step 7: Edit Pop-up Widget Settings

  • Button text: Edit the text that will be shown inside the button.
  • Button text color: Select the color of the text in the button.
  • Button background color: Select the background color for the button

Step 8: Edit Booking Page Settings Brand Color: You can select the color according to your brand.

pop up widget settings.png


Step 9: You can toggle the Hide Page Details settings to enable or disable. If you enable it, your company logo, name, event details, and description will be hidden when embedding Orufy Bookings. This helps avoid repeating information already on your webpage. If you disable it, your details will not be hidden.

pop up widget ss.png