Embeds, Links & Sharing

Bookme generates two kinds of links: your booking page URL (shows all your events) and direct event-type URLs (jump straight to one event).

1. Your Booking Page URL

The main link to your booking page is:

bookme.brandid.app/book/your-username

This shows every active event type on a single landing page where invitees pick which one they want.

2. Find It Quickly

• Dashboard top right shows your URL with a one-click Copy button.
• Settings, then Profile, also shows it.
• Settings, then Booking page, has a Share button.

3. Direct Event URLs

Each event type also has its own URL:

bookme.brandid.app/book/your-username/event-slug

This skips the landing page and drops invitees directly into the calendar picker for that specific event.

4. Find An Event URL

Open the event type from the Event types page. The URL is shown at the top with a Copy button.

Or from the event types list, click the three-dot menu and pick Copy URL.

5. When To Use Which

• Booking page URL is best for general sharing: your email signature, business cards, social bio.
• Direct event URL is best for specific contexts: “Here’s a link to book my 30-minute intro call.”

6. UTM Parameters For Tracking

Add UTM tracking to your booking URL to know where invitees came from:

bookme.brandid.app/book/your-username?utm_source=linkedin&utm_medium=bio

UTMs appear in your booking dashboard under the booking detail and in webhook payloads.

7. Short Links

For social or print, use a URL shortener (bit.ly, your own domain redirect). Bookme does not have a built-in shortener.

8. Custom Domains

With a custom domain on Elite, your URLs become: – meet.yourcompany.com (booking page). – meet.yourcompany.com/intro-30 (direct event).

Cleaner branding, same functionality.

Bookme generates an embed code that drops your booking page directly into your website. Two embed styles: inline (full-page) and floating (chat-bubble style).

1. Open The Embed Settings

Settings, then Booking page, then Embed.

2. Pick An Embed Style

• Inline embed. Full booking page renders inside a designated container on your site.
• Floating button. A small button (you pick the position) that opens the booking page as a modal.

3. Copy The Embed Code

Bookme shows the HTML snippet to paste into your site. It looks like:

“html

For the floating button:

“html Book a meeting “

4. Paste Into Your Website

Wherever you want the embed: – WordPress: Custom HTML block. – Webflow: Embed element. – Squarespace: Code block. – Wix: HTML embed. – Plain HTML/Next.js/React: Drop the snippet into your component or template.

5. Customize The Embed

Customization options in the Embed settings: – Background: Transparent, white, or custom hex. – Hide branding (Elite): Remove “Powered by Bookme” footer. – Pre-fill name and email if your site already knows them.

For pre-fill, pass query params: “ data-bookme-embed="inline" data-bookme-prefill-name="Sarah Chen" data-bookme-prefill-email="[email protected]" “

6. Inline vs Floating: Which To Pick

• Inline is best for a dedicated “Book a call” page on your site. Full attention on the booking flow.
• Floating is best for general site presence (“you can book me from any page”). Less intrusive but lower conversion.

7. Mobile Responsiveness

Both embeds are responsive. Inline shrinks to a single-column layout on mobile; floating opens fullscreen on mobile.

8. Verify The Embed Works

After pasting, visit your live site (or preview) and confirm: – The embed renders. – Slots are loading. – A test booking goes through.

Sometimes you want to embed only one specific event (not your whole booking page). Bookme supports event-level embeds.

1. Open The Event Editor

Click the event you want to embed. Click Share & Embed.

2. Pick An Embed Style

• Inline. Just this event’s calendar picker, inline.
• Pop-up. A button on your site that opens this event in a modal.

3. Copy The Snippet

The snippet references the specific event:

“html

4. Use Case Examples

• Demo request landing page: Embed only the “Demo” event inline. No distractions.
• Pricing page CTA: Embed the “30-min strategy call” as a pop-up button.
• Blog post CTA: Embed a single relevant event at the bottom of the post.
• Email signature: Link to the event URL, not the embed (embeds don’t work in email).

5. Hide The Event-Page Header

By default the embed shows the event title, duration, and description. To hide them (when your surrounding page already has the context):

“html data-bookme-hide-header="true" “

6. Pre-Fill Form Fields

Pre-fill the intake form with known data from your site:

“html data-bookme-prefill-name="Sarah Chen" data-bookme-prefill-email="[email protected]" data-bookme-prefill-intake-company="Acme Inc." “

This is useful when invitees come from a logged-in area of your site.

7. Track Conversions

The embed posts a booking.completed event to your dataLayer (for GTM) and dispatches a bookmeBookingCompleted window event you can hook into:

“javascript window.addEventListener('bookmeBookingCompleted', (e) => { console.log('Booking ID:', e.detail.bookingId); }); “

8. Mobile Behavior

On mobile, the pop-up opens fullscreen. The inline embed shrinks to single-column. Both work natively on iOS and Android.

A “Book a meeting” link in your email signature converts inbound conversations into scheduled meetings. Bookme generates the HTML you can paste into Gmail, Outlook, and Apple Mail.

1. Open Signature Helper

Settings, then Booking page, then Email signature.

Bookme provides a styled “Book a meeting” button snippet with: – Your brand color. – A subtle border. – A direct link to your booking page (or a chosen event type).

2. Pick Which Link To Use

• Booking page (all events).
• A specific event type (e.g. “30-min intro”).

3. Copy The Signature HTML

The snippet looks roughly like:

“html Book a meeting → “

4. Paste Into Your Email Client

• Gmail: Settings, General, Signature. Click “Source” or use the rich-text editor to paste.
• Outlook (desktop): File, Options, Mail, Signatures. Paste in the signature editor.
• Outlook (web): Settings, Mail, Compose and reply.
• Apple Mail: Mail, Preferences, Signatures. Paste in the editor.

5. Plain-Text Version

For email clients that strip HTML:

“Book a meeting: https://bookme.brandid.app/book/your-username”

Less visually impressive but works everywhere.

6. Use UTMs To Track

Add UTMs to know which bookings came from email signatures:

“ https://bookme.brandid.app/book/your-username?utm_source=email-signature “

7. Per-Audience Signatures

If you have signatures for different audiences (sales vs personal), point each to a different event: – Personal: booking page URL. – Sales: direct demo event URL. – Recruiting: direct interview event URL.

8. Update When Username Changes

If you change your Bookme username, update your email signature too. Old links will 404.

Social profiles are one of the highest-converting places to put your booking link. Bookme generates rich link previews so your URL looks attractive when shared.

1. Put The Link In Your Bio

• LinkedIn: Profile, Contact info, Website. Pick “Personal” or “Other” and paste your Bookme URL.
• X (Twitter): Profile, Edit profile, Website. Paste your URL.
• Instagram: Profile, Edit profile, Website. Paste. (Instagram only allows one link unless you use a link-in-bio tool.)
• TikTok: Profile, Edit profile, Website. Paste.
• YouTube: Channel customization, Basic info, add a link.

2. Direct-Share A Specific Event

For a campaign or post promoting a specific event, share the direct event URL:

bookme.brandid.app/book/your-username/intro-30

Same rich preview as the booking page.

3. Rich Link Previews

When you paste a Bookme URL, social platforms auto-fetch the page’s Open Graph data: – Title (your name and event title). – Description (your bio or event description). – Image (your profile photo or event cover image).

The preview cards make the link feel native to the platform.

4. Customize OG Images Per Event

For events you want to stand out: – Open the event editor. – Upload a cover image. – It becomes the OG image when that event URL is shared.

The cover image should be: – At least 1200×630 pixels. – PNG or JPG. – Visually clear at small sizes (LinkedIn shrinks images aggressively).

5. Use UTMs To Track Each Channel

Tag each shared URL:

• LinkedIn bio: ?utm_source=linkedin&utm_medium=bio
• X bio: ?utm_source=x&utm_medium=bio
• Instagram bio: ?utm_source=instagram&utm_medium=bio

UTMs persist into your booking dashboard so you can see which channel drove what.

6. Posts About Bookme

When announcing your booking link: – Lead with the value, not the link. “I’m taking 5 free strategy calls this week” beats “Here’s my booking link.” – Pin the post for visibility (LinkedIn and X allow pinning).

7. Stories And Ephemeral Posts

On Instagram Stories, tap the link sticker to attach your Bookme URL. Tap “See more” overlay sends viewers directly to your page.

A QR code is the right format when your booking link needs to live in the physical world: business cards, conference signage, posters, packaging.

1. Open QR Code Generator

Settings, then Booking page, then QR code.

Bookme generates a QR code pointing to your booking page URL.

2. Pick The Format

• PNG. For digital use (presentations, web).
• SVG. For print at any size (business cards, banners).
• PDF. Print-ready with optional bleed and margin.

3. Customize

• Style. Default (square dots) or stylized rounded.
• Color. Your brand color or pure black for max scannability.
• Logo overlay. Optional small logo in the center.

4. Pick The Target URL

• Booking page (default).
• Direct event type.

For events you specifically want booked from the QR (e.g. “Scan to book a 15-min consultation”), use the event-specific code.

5. Use Cases

• Business cards. Print on the back; people scan and book.
• Conference signage. “Visit our booth, scan for a 15-min demo.”
• Restaurants and shops. “Book a tasting” or “Schedule a fitting.”
• Stickers on packaging. Direct customers to a support call.
• Posters and flyers. Event registration.

6. Add UTMs

Bake UTMs into the QR target URL so you can track scan-to-book conversions:

bookme.brandid.app/book/your-username?utm_source=qr_code&utm_medium=business_card

7. Best Print Practices

• Minimum print size: 1 inch (2.5 cm) square. Smaller does not reliably scan.
• Quiet zone: Leave at least a 4-module clear margin around the code.
• Contrast: Dark code on light background. Avoid low-contrast color schemes.

8. Test Before Mass Printing

Print one sample and scan it with: – An iPhone. – An Android. – The native camera app and a QR reader.

If all three scan it cleanly, you are safe to print in bulk.