Link to the plugin page:
Demo to preview the plugin:
Introduction
The TikTok Embedder plugin allows you to easily embed TikTok videos into your Bubble app. With this no-code solution, you can showcase TikTok content directly on your website or app without needing to write any code. Simply add the video URL, and the plugin will handle the embedding, providing a seamless integration with TikTok's platform. This plugin is perfect for enhancing user engagement and leveraging popular content from TikTok.
Key Features
Prerequisites
Before using the TikTok Embedder Plugin, ensure you have:
- A Bubble.io application where the plugin will be integrated.
- Installed the TikTok Embedder Plugin from Zeroqode.
- A basic understanding of Bubble workflows and custom states.
Support Our Efforts
👛 Support our mission to keep this plugin free! Your donations allow us to dedicate time and resources to maintaining and improving it for everyone’s benefit. Contribute here: https://zeroqo.de/support.
How to setup
Step 1: Install the Plugin
Step 2: Add the Plugin Element to Your Page
Step 3: Create a Database Structure for Storing TikTok Videos
Step 4: Integrate into Workflows
Plugin Element Properties
Embedded TikTok
Fields:
Title | Description | Type |
Element ID | Unique identifier for the TikTok embed element | Text |
TikTok Video URL | URL of the TikTok video to be embedded | Text |
Width | Width of the embedded video | Number |
Height | Height of the embedded video | Number |
Autoplay | Enable autoplay for the video | Checkbox (yes/no) |
Loop | Enable looping of the video | Checkbox (yes/no) |
Show Controls | Display video controls like play and pause | Checkbox (yes/no) |
Mute | Mute the video by default | Checkbox (yes/no) |
Border Radius | Adjusts the border radius for a rounded display | Number |
Shadow | Enables a shadow effect around the embedded video | Checkbox (yes/no) |
Element Actions
- Load TikTok Video
Loads and embeds a TikTok video dynamically.
Exposed States
Title | Description | Type |
Current Video URL | Returns the URL of the currently loaded TikTok video | Text |
Element Events
Title | Description |
Video Loaded | Triggered when a TikTok video has been successfully embedded |
