Put it on your website
1. List your websites
Section titled “1. List your websites”On Settings → ShedTech OnSite, list every website the quoter may appear on, for example sheds.example.com.au, or *.example.com.au for a domain and all its subdomains. Anywhere else, the browser refuses to show it.
2. Make a website key
Section titled “2. Make a website key”Make a website key (it starts pk_live_). It’s meant to be in your page for anyone to read: what keeps it safe is your list of websites, rate limits and the bot check.
3. Paste the snippet
Section titled “3. Paste the snippet”Copy the snippet from the settings page; it has your app address and key filled in. There are three:
The script (most websites)
Section titled “The script (most websites)”<script src="https://<app address>/embed.js" data-key="pk_live_..." async></script>It puts the quoter where the script is, and the frame grows with the quoter, so there’s never a second scroll bar. Moving to the next step scrolls the quoter’s top into view.
| Attribute | What it does |
|---|---|
data-target="#id" |
Put the quoter in that element instead |
data-theme="auto" |
Follow the visitor’s dark mode ("dark": always dark; leave it out: light) |
data-height="900" |
Fix the height instead of growing |
data-mode="simple" or "full" |
Ask for a style, where you let pages choose |
The web component
Section titled “The web component”<script src="https://<app address>/embed.js" async></script><shedtech-quoter key="pk_live_..." mode="simple"></shedtech-quoter>A plain iframe
Section titled “A plain iframe”<iframe src="https://<app address>/quoter/pk_live_...?mode=simple" style="width:100%;height:1150px;border:0" allow="fullscreen"></iframe>A plain iframe can’t grow by itself, so give it room.
Site builders
Section titled “Site builders”- WordPress: paste the script into a Custom HTML block.
- Squarespace or a builder that only takes an iframe: use the plain iframe.
- Wix puts embedded HTML inside its own frame on another domain. Add
*.filesusr.comto your websites as well as your own.
Replacing or revoking a key
Section titled “Replacing or revoking a key”Replace makes a new key; the old one keeps working for the hours you choose (0 to 720), so you can change your website over. Revoke stops a key at once. Each key shows who made it, when it was last used and how often.