How to embed your Meeting Scheduler into your website

Step 1: Add the embed script

Include the Pipeback embed script in your website's <head> section or before the closing </body> tag:

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

Step 2: Add the scheduler container

Place this div element wherever you want the scheduler to appear on your page:

<div data-pipeback-url="https://meet.pipeback.com/your-username"></div>

Replace your-username with your actual Pipeback Meeting URL slug.

That's it! The scheduler will automatically load and display on your page.

Customizing the theme

By default, the scheduler uses auto theme, which automatically adapts to your visitor's system preferences. You can override this behavior using the data-theme attribute:

Dark theme:

<div data-pipeback-url="https://meet.pipeback.com/your-username" data-theme="dark"></div>

Light theme:

<div data-pipeback-url="https://meet.pipeback.com/your-username" data-theme="light"></div>

If no theme is specified, the scheduler will use the default theme.

Full example

<!DOCTYPE html>
<html>
<head>
  <title>Book a Meeting</title>
  <script src="https://meet.pipeback.com/embed.js"></script>
</head>
<body>
  <h1>Schedule a call with us</h1>
  <div data-pipeback-url="https://meet.pipeback.com/demo" data-theme="light"></div>
</body>
</html>