Skip to main content

i want to ask question why when i insert the code in my website in the first image look like this and how to make look like the second one

 

 

Hi there!

Great question—what you're seeing is the difference between embedding your main Calendly booking page (which shows multiple event types for the user) and embedding a specific event type (which goes straight to booking that one event).

Here's the difference:

  • First Image (Multiple Events View)
    This shows when you embed your main scheduling page (e.g., https://calendly.com/your-username). It displays all public event types connected to your Calendly profile so the invitee can choose one.

  • Second Image (Single Event View)
    This shows when you embed a specific event type (e.g., https://calendly.com/your-username/15min-call). This takes the invitee directly to book that one event.

How to embed just a single event type:

  1. Go to your Calendly dashboard.

  2. Click “Share” next to the event type you want to embed.

  3. Select “Add to Website” and choose your embed style (inline, popup widget, etc.).

  4. Calendly will generate the code specifically for that event type.

  5. Copy and paste that code into your website where you want the embed to appear.

Using this approach, you can control exactly which event type appears—no need for the invitee to choose from a list.

I hope this helps! If you need any extra help setting this up, feel free to reach out to Calendly Support via live chat (available with paid plans) or email us at support@calendly.com.

-Javay
Developer Support, Calendly


Reply