Website markup
Last updated
Last updated
If you're aiming to create entirely bespoke website experiences, you can add markup to your site to have fine-tuned control over how the Flip.to platform blends into your site.
The markup tells the Flip.to platform whether your element should trigger a flow or display content.
This markup allows you to set up links, buttons, or other elements to initiate actions through the Flip.to platform. Jump to scenarios for example markup that you can use.
| Attribute | Value | Description |
|---|---|---|
The ft-property attribute is required for this markup on sites with multiple properties. It is not required on sites that have only one property set up for Discovery.
The ft-property attribute must not be set for this markup.
This markup allows you to display content on your website.
Content markup is currently in beta. Please reach out to our Customer Success team for more details.
ft-trigger
discovery
Required Sets the element to display a specific flow
ft-trigger-step
experiences-list
router
Optional Defines a specific step to display for the flow.
If not set, the visitor will start on the default first step.
ft-property
{property-slug}
Optional Defines a specific property for the flow.
Find your property-slug in your Flip.to account.
If not set, the platform may detect the property automatically if it can be identified from the element href or from signals provided by the page.
class
ft-trigger-discovery
Required Provides a class name for additional styling if needed.
style
display:none;
Required If Discovery should fail to load, the markup CTA will be hidden.