---
title: How do I add the Booking Widget(s) to my website?
description: Add your customized widget to your website to and start to streamline your booking requests.
---
[Skip to content](https://support.gathr.com/how-do-i-add-the-widget-to-my-website#main-content)
English
Show submenu for translations
![gathr\_logo\_hubspot.png\]](https://support.gathr.com/hs-fs/hubfs/gathr_logo_hubspot.png?height=50&name=gathr_logo_hubspot.png)
Open main navigation
Close main navigation
- English
Show submenu for translations
- [Go to gathr.com](https://gathr.com/)
[Go to gathr.com](https://gathr.com/)
Your Guide to Using GATHR
- There are no suggestions because the search field is empty.
1. [Help Center](https://support.gathr.com/?hsLang=en)
2. [Talent Booking & Management](https://support.gathr.com/talent-booking-management?hsLang=en)
3. [About Bookings](https://support.gathr.com/talent-booking-management?hsLang=en#about-bookings)
# How do I add the Booking Widget(s) to my website?
## Add your customized widget to your website to and start to streamline your booking requests.
#### **Installing The BOOK ME Button and Form embed • For WordPress sites. **
Here are the steps
1\. After you have copied the code, go into the dashboard of your website
2\. Scroll down to **Appearances.**
3\. Choose **Widgets.** (NOTE: Depending on what theme you use on your WordPress site, there might be different methods for adding a widget.)
4\. Decide where on your website you want to add the widget (the header, the footer, etc)
5\. Click the cross (+)
6\. Paste the code.
7\. You can preview your button
8\. Click **update button**
9\. It should now appear on your site and be ready to go!
****
Here is what the form will look like
**
For Squarespace sites.**
1\. After you have copied the code, open your Squarespace website and click **Edit** on the page where you want to display the widget.
2\. Click** +Add/Edit** block.
3\. Select **Code.**
****
4\. **Paste** your copied embed code into the content box (make sure that the Display Source Code is toggled in off position)
5\. **Save/Update** the changes and refresh your chosen webpage.
6\. The **BOOK ME Widget** is now live on your Squarespace website and you are ready to go!
**
For WIX sites.
NOTE: You have to be on their premium plan to be able to embed this booking widget**
1. Click **Add **on the left side of the Editor.
2. Click **Embed**.
3. Drag the **Custom Element** onto your page or click **+ **near it.
4. Click **Choose Source**.
5. Select **Server URL **and enter the URL, including the file name.
6. Enter the **Tag Name**. All elements must be defined in the customElements registry for the page. The tag name is the name used when registering the element. You can find the tag name in the customElements.define() line in the JavaScript file.
After adding the code through the Custom Elements, you need to set the attributes:
1. Click **Set Attributes** on the custom element.
2. Click **New Attribute**.
3. Name the attribute, for example, "rotation" or "width". [Learn More](https://www.w3.org/TR/2011/WD-html5-20110525/syntax.html#attributes-0)
4. Assign the value for the attribute, for example, 45.
---
**Installing The BOOK ME Embed.**
For Wordpress sites.
For all other sites, follow the same embed instructions above.
1\. Follow the directions for [customizing your form.](https://support.gathr.com/how-do-i-create-and-customize-my-booking-widget?hsLang=en)
2\. Copy the code and add it to your website (see instructions above)
3\. Clicking on the BOOK ME button(s) will open to a customized booking form that will go straight to you via email and to your Gathr dashboard.
---
**Installing The BOOK ME Link**
Use this in emails, tweets and all social media.
**
TIP: For websites where you cannot embed a widget, use the Book Me link**
****
Here are some examples for how you can use this link on your websites.
• As an image. Make a screengrab of the button and add it to your site linking to the URL
• As text, with a link to this URL
• Create a button and link to this URL
- [Filmmaker Resources](https://support.gathr.com/filmmaker-resources?hsLang=en)
- [Film Screening Host Toolkit](https://support.gathr.com/film-screening-host-toolkit?hsLang=en)
- [Video on Demand (VOD) Setup & Viewing](https://support.gathr.com/video-on-demand-vod-setup-viewing?hsLang=en#main-content)
- [Watching a VOD](https://support.gathr.com/video-on-demand-vod-setup-viewing?hsLang=en#watching-a-vod)
- [Creating a VOD](https://support.gathr.com/video-on-demand-vod-setup-viewing?hsLang=en#creating-a-vod)
- [Event Creation & Management](https://support.gathr.com/event-creation-management?hsLang=en#main-content)
- [Payments and Fees](https://support.gathr.com/event-creation-management?hsLang=en#payments-and-fees)
- [Why Gathr?](https://support.gathr.com/event-creation-management?hsLang=en#why-gathr)
- [Fundraising](https://support.gathr.com/event-creation-management?hsLang=en#fundraising)
- [Policies & Misc](https://support.gathr.com/event-creation-management?hsLang=en#policies-misc)
- [Marketing & PR](https://support.gathr.com/event-creation-management?hsLang=en#marketing-pr)
- [Your Account Settings](https://support.gathr.com/your-account-settings?hsLang=en#main-content)
- [Account Settings](https://support.gathr.com/your-account-settings?hsLang=en#account-settings)
- [Profile Preferences](https://support.gathr.com/your-account-settings?hsLang=en#profile-preferences)
- [Managing Profiles](https://support.gathr.com/your-account-settings?hsLang=en#managing-profiles)
- [Booking Preferences](https://support.gathr.com/your-account-settings?hsLang=en#booking-preferences)
- [Attending Events](https://support.gathr.com/attending-events?hsLang=en#main-content)
- [Ticket Holders](https://support.gathr.com/attending-events?hsLang=en#ticket-holders)
- [Managing Your Event](https://support.gathr.com/managing-your-event?hsLang=en#main-content)
- [Virtual Event Settings](https://support.gathr.com/managing-your-event?hsLang=en#virtual-event-settings)
- [Event Creation](https://support.gathr.com/managing-your-event?hsLang=en#event-creation)
- [About Events](https://support.gathr.com/managing-your-event?hsLang=en#about-events)
- [Event Page Management](https://support.gathr.com/managing-your-event?hsLang=en#event-page-management)
- [Cancellations](https://support.gathr.com/managing-your-event?hsLang=en#cancellations)
- [Event Marketing](https://support.gathr.com/managing-your-event?hsLang=en#event-marketing)
- [Talent Booking & Management](https://support.gathr.com/talent-booking-management?hsLang=en#main-content)
- [Booking Talent](https://support.gathr.com/talent-booking-management?hsLang=en#booking-talent)
- [Booking FAQ](https://support.gathr.com/talent-booking-management?hsLang=en#booking-faq)
- [About Bookings](https://support.gathr.com/talent-booking-management?hsLang=en#about-bookings)
- [Manage Your Bookings](https://support.gathr.com/talent-booking-management?hsLang=en#manage-your-bookings)
- [Talent & Venue Setup](https://support.gathr.com/talent-venue-setup?hsLang=en#main-content)
- [Profiles](https://support.gathr.com/talent-venue-setup?hsLang=en#profiles)
- [Marketing & PR](https://support.gathr.com/talent-venue-setup?hsLang=en#marketing-pr)
- [Offerings](https://support.gathr.com/talent-venue-setup?hsLang=en#offerings)
- [Policies, Payments, & Communication](https://support.gathr.com/policies-payments-communication?hsLang=en#main-content)
- [Transactions & Payments](https://support.gathr.com/policies-payments-communication?hsLang=en#transactions-payments)
- [Communication](https://support.gathr.com/policies-payments-communication?hsLang=en#communication)
- [Off-Platform Policy](https://support.gathr.com/policies-payments-communication?hsLang=en#off-platform-policy)
- [Host Profile Resources](https://support.gathr.com/host-profile-resources?hsLang=en#main-content)
- [Marketing & PR](https://support.gathr.com/host-profile-resources?hsLang=en#marketing-pr)
- [General](https://support.gathr.com/host-profile-resources?hsLang=en#general)
- [Theatrical On Demand](https://support.gathr.com/theatrical-on-demand?hsLang=en)
- [Gathr At Home™](https://support.gathr.com/gathr-at-home?hsLang=en)
- [Coming Soon](https://support.gathr.com/coming-soon?hsLang=en)
- [Features](https://support.gathr.com/features?hsLang=en)
- [Zoom](https://support.gathr.com/zoom?hsLang=en)
- [Events On Demand™](https://support.gathr.com/events-on-demand?hsLang=en)
[](http://gathr.com)
Help Center
Copyright © 2026, Gathr®