HTML
Using HTML Option Type in Tepo
The HTML option type in Tepo allows admins to incorporate custom HTML code, enabling the creation of unique content and options. This feature opens up endless possibilities, such as embedding links or YouTube videos.
Example: Embedding a link
Navigate to the HTML Option Type:
![](https://storage.crisp.chat/users/helpdesk/website/bb892f12e4d9e800/image_12q53o0.png)
Insert Your Preferred Link Embed Code:
![Embedding a link](https://storage.crisp.chat/users/helpdesk/website/bb892f12e4d9e800/image_1d0j91y.png)
Example: Embedding a YouTube Video
To embed a YouTube video using the HTML option type, you can use the following HTML code to embed a YouTube video:
<iframe width="560" height="315" src="https://www.youtube.com/embed/tQXDX_xWTC0" frameborder="0" allowfullscreen></iframe>
![](https://storage.crisp.chat/users/helpdesk/website/bb892f12e4d9e800/image_1no56kt.png)
Feel free to replace https://www.youtube.com/embed/tQXDX_xWTC0 with any YouTube video URL you want to embed.
Custom Class
- Custom Styling:
Utilize the "Custom Class" field to apply custom CSS styling to the option. Enter the CSS class name you want to apply for tailored styling.
Conditional Settings
- Display Rules:
Add rules to display the option based on previous selections made by the customer. This enhances flexibility and customization.
Manage Sales Channels
Hide Option on Online Store: Prevent the option from appearing on your online store.
Hide Option on Point of Sale: Prevent the option from appearing on your point-of-sale system.
![](https://storage.crisp.chat/users/helpdesk/website/bb892f12e4d9e800/image_2rzobm.png)
Additional Resources
For more information about conditional settings, refer to our guide here.
If you have any questions or need assistance, please contact us at support@tepo.app or use the live chat in the in-app. We're here to help!
Updated on: 13/07/2024
Thank you!