Inline vs Popup Embed

Choose the embed style that best fits your website design.

Inline Embed

What It Looks Like

The full booking calendar displays directly on your page, scrolling with the content.

Best For

• Dedicated "Book Now" pages

• Service pages with booking at the bottom

• Single-page websites

Pros

• Always visible

• No extra click needed

• Better for SEO

Cons

• Takes up page space

• Page loads slower

Code Example

```html

<div id="calendarpa-embed"></div>

<script src="https://calendarpa.com/embed.js"

data-username="yourname"

data-event="meeting-slug">

</script>

```

Popup Embed

What It Looks Like

A button or link that opens the booking calendar in a modal overlay.

Best For

• Call-to-action buttons

• Multiple booking options on one page

• Minimal design impact

Pros

• Doesn't affect page layout

• Fast page load

• Clean design

Cons

• Requires extra click

• Can be blocked by popup blockers

Code Example

```html

<button onclick="CalendarPA.popup('yourname/meeting')">Book Now</button>

<script src="https://calendarpa.com/embed.js"></script>

```

Recommendation

• Dedicated booking page: Use inline

• Homepage or blog: Use popup

• Multiple booking types: Use popup buttons for each