Installation
Install the Tiquo Hosted Package on Webflow and other website builders that support custom code
Installation
For a working reference, explore the Tiquo Example Hosted Package Project.
1. Enable Website SDK
In Tiquo, go to Settings > Website SDK.
Enable Website SDK and copy your public key.
2. Add your website domain
Add the website domain where the script will run.
Examples:
- Entering
https://www.example.com/pricingis saved asexample.com - Entering
www.example.comis saved asexample.com - Entering
shop.example.comis saved asshop.example.com
If you enter the root domain, Tiquo treats the root domain and www version as the same website. Other subdomains are treated separately.
3. Add the Hosted Package to the site head
Paste the complete block inside the site <head>, or in the head custom-code area provided by your website builder.
The Hosted Package is compatible with Webflow and other website builders, including Wix, Squarespace, Framer, Shopify, and any builder that lets you add custom code.
<style>
html:not([data-tiquo-auth-ready="true"]) [data-tiquo-show],
html:not([data-tiquo-auth-ready="true"]) [data-tiquo-customer],
html:not([data-tiquo-auth-ready="true"]) [data-tiquo-form="passwordless-login"],
html:not([data-tiquo-auth-ready="true"]) [data-tiquo-form="passwordless-signup"] {
visibility: hidden !important;
}
</style>
<script
src="https://tiquo.app/tiquo/v1/tiquo.js"
data-tiquo-public-key="pk_dom_your_public_key"
data-tiquo-consent="anonymous"
defer
></script>Replace pk_dom_your_public_key with your Website SDK public key.
Use the script URL shown above. It loads the current Hosted Package behavior, including session restoration without a logged-out flash, passwordless form handling, profile-photo image data attributes, memberships, customer-flow service catalogs, locked service-booking embeds, secure authenticated iframe handoff, automatically resizing embeds, formatted order and booking fields, and hidden list templates.
Webflow notes
Add the complete block in:
- Project Settings > Custom Code > Head Code
- Page Settings > Inside
<head>tag
Publish the site after saving.
Check that it installed correctly
Open the website in a browser and run this in the console:
window.Tiquo.versionIf the script loaded, it returns the Hosted Package version.
To send a test event:
window.Tiquo.track("test_event", {
eventName: "Hosted Package Test"
});If the domain and public key are configured correctly, the event appears in Tiquo website analytics.
Hosted Package Overview
Add Tiquo analytics, passwordless login, customer data, service catalogs, and bookings to Webflow and other website builders with one hosted script
Data attributes and JavaScript API
Use HTML attributes or JavaScript methods to add Tiquo login, customer fields, service catalogs, bookings, and analytics events