NOTE: Add 'squarespace.com' to the domain list in your Tool Scripts tab for testing the widget in Squarespace's website editor. This will whitelist the editor URL so you can test without deploying.
Slideout Install (Globally)
- Go to Settings -> Advanced -> Code Injection
- Paste the code snippet in the Header section and Save
Slideout Install (Page Specific)
- Go to the desired page
- Go to Settings (gear) icon -> Advanced
- Paste the code snippet in the Header section and Save
Full Page Embedded Install
- Go to the desired page
- Click Add Section -> Blank Section
- Select Add Block -> Code
- Expand the block size to the complete width of the grid (see screenshot)
- Click the Edit Pencil Icon
- Paste in the Snippet (be sure there are no “curly quotes”, they must be straight HTML quotes).
<script src="https://app.roofle.com/roof-quote-pro-embedded-widget.js?id=XXX-YOUR-TOOL-ID-HERE" async></script>
<div id="roof-quote-pro-embedded"></div> - Click Save
