Website markup
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.
Setting up trigger markup
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 |
|---|---|---|
ft-trigger |
| Required Sets the element to display a specific flow |
ft-trigger-step |
| Optional Defines a specific step to display for the flow. If not set, the visitor will start on the default first step. |
ft-property |
| 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 |
| Required Provides a class name for additional styling if needed. |
style |
| Required If Discovery should fail to load, the markup CTA will be hidden. |
Scenarios
Show Discovery
Show Discovery at the experiences list step
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.
Show Discovery for a specific property (for sites with multiple properties)
Show Discovery at the router step (for sites with multiple properties)
The ft-property attribute must not be set for this markup.
Setting up content 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.
Last updated