Skip to main content

Embed Your Calendar or Service Menu on a Website in Alvéya

Make your calendars bookable from your website — grab the booking link or embed code, embed as a full-page widget, or add it as a Book Now button, then test the booking flow.

Once your calendars are set up, you can make them bookable directly from your website. Depending on your setup, you can either:

  • Embed a single calendar → for one service or appointment type.

  • Embed a service menu → to display a list of multiple services in one booking page.

Step 1: Get Your Link or Embed Code

  1. Log into Alvéya.

  2. Go to Settings → Calendars.

  3. Select either a Calendar (for a single service) or a Service Menu (to group multiple services).

  4. Copy the Booking Link or Embed Code.

Step 2: Embed as a Widget (Full Page Display)

  1. Open your website editor (e.g., Squarespace, WordPress, Showit).

  2. Add a Code/Embed Block to the page where you want the booking calendar to appear.

  3. Paste the Embed Code from Alvéya.

  4. Save and publish your page.

👉 Use this option if you want the calendar or service menu to appear fully on a page within your website rather than a link that opens a new browser tab.

Step 3: Add as a Button or Link (Optional)

Instead of embedding, you can simply link to the booking page.

  • Example: Add a "Book Now" button on your homepage.

  • Paste the Booking Link into the button settings.

  • Clients will be redirected to the booking page (single service or service menu).

👉 Use this option if you want a clean look without embedding the full calendar on your site.

Step 4: Test the Booking Flow

  1. Visit your live website.

  2. Click the button or use the embedded calendar/service menu.

  3. Make a test booking to confirm the booking form works correctly, the booking appears in your calendar, and notifications are sent to both you and the client.

Troubleshooting

  • Booking form not showing? Double-check you pasted the correct embed code.

  • Layout looks off? Adjust the width/height settings in your website editor.

  • Mobile display issues? Consider using the Booking Link instead of embed for a smoother mobile experience.

Did this answer your question?