Installation

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/pricing is saved as example.com
• Entering www.example.com is saved as example.com
• Entering shop.example.com is saved as shop.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.

Local addresses such as localhost or 127.0.0.1 can't be added. To try the script before you publish, add your site builder's staging domain (for example your-site.webflow.io) and remove it when you no longer need it.

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="full"
  defer
></script>

Replace pk_dom_your_public_key with your Website SDK public key.

data-tiquo-consent="full" links analytics to signed-in customers, which is also the default when the attribute is left out. If your website shows a consent banner, see Consent banners.

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.version

If the script loaded, it returns the Hosted Package version.

Automatic marketing forms, indexed profile contacts and addresses, profile phone-country fields, and authentication form events require 1.3.0 or newer. The script URL must serve that deployed version before using those bindings. An npm DOM Package update is not required. See HTML form bindings.

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.