## How to install Jammed booking widget
The customer booking form can be installed on any website
The Jammed widget is fully compatible with all websites and all modern web browsers. It is easy to install and use, and it is free for all subscribers. The customer is redirected to the Jammed reservation page after making a time and space selection.
![[mini booking.png]]
### Install on (nearly) all websites
To install it, you need to find how to **edit the HTML source code** of your website.
> For **Wordpress** and **Drupal** you can usually edit the theme or the template files directly to add content into the HTML <head> and then add the page script on the page you'd like it to appear. It might be you have a custom template engine that you can use to add the script.
1. Add this script into the HTML <head>
```
<script type="text/javascript" src="https://mini.jammedapp.com/jammed-bookings.min.js"></script>
```
2. On the same page, edit the HTML markup where you want the form to appear.
```<jammed-bookings account="demo-studios" />```
> Please not this won't work on **Wix,** we have seperate instructions for that below
#### Install on Wix websites
Wix is a special case, as they limit how widgets can be added to their websites.
To add the widget to your website, you need to add the following script to the HTML
1. Login to your **Wix account,** and 'Edit Site' & wait for the editor to load
2. Find the page that you're wanting Jammed to be added to
3. Next, click the + 'Add Elements' button to the left of the preview screen. This will bring up this dialog box.
Under **'Embed code'** select the **'Custom element'**
4. Once the custom element is on the page, click the **'Choose Source' button** that appears above it. Then this next setting screen will appear.
For Server URL use:
```https://mini.jammedapp.com/jammed-bookings.min.js```
For Tag Name use:
```jammed-bookings```
Close the dialog box and the editor will reload with the new widget.
5. Next, click the **'Set Attributes' button** that appears above the Jammed bookings widget. Then this next setting screen will appear.
Click on the button that says **'Set attributes'**
6. Add a new attribute to link this to your account.
For Attribute name use:
```account```
For Value use:
```demo-studio``` (your jammed subdomain)
Close the dialog box and the editor will reload with the new widget.
7. Save and publish the page. You're done!
### Install on Squarespace
1. Login to your **Squarespace account,** and 'Edit Site' & wait for the editor to load
2. Find the page that you're wanting Jammed to be added to
3. Click 'Add Section' to create a section
4. Once the section is created, click the 'Add Block' button.
![[CleanShot 2024-07-11 at 15.45.46@2x.png]]
5. From the menu choose 'Code'
![[CleanShot 2024-07-11 at 15.46.17@2x.png]]
6. Resize the code block to be the full width of the page (you'll need to do this on mobile views as well).
7. Double click the code block, and choose 'HTML' as the source code. Then add **both** ```<script>``` and ```<jammed-booking>``` tags into the box, like so
![[CleanShot 2024-07-11 at 15.47.57@2x.png]]
8. **Note: the preview won't fully work**. Just save the page, and preview it by going to the page normally as a customer - you'll see the booking widget appear.