Installing the Widget on Tilda, Webflow, and Wix

Tilda

Step 1. Get the Widget Code

In tikento, open the event -> Registration -> Widget for Website. Copy the code.

Step 2. Add an HTML Block to the Page

In the Tilda editor:

1. Click "+" to add a new block.
2. Go to the "Other" category -> select the T123 block (HTML block).
3. Click on the block to edit and paste the widget code.

Step 3. Publish the Site

Click "Publish" in Tilda. The widget will appear on the published page.

CORS Setup for Tilda

Add your domain to the tikento allowed origins list:

• Custom domain: yourdomain.com
• Tilda domain: yoursite.tilda.ws

Instructions: CORS Setup.

Webflow

Step 1. Add an Embed Component

In Webflow Designer:

1. Click "+" -> "Embed" component (under "Components" or "Add").
2. Drag the component to the desired location on the page.

Step 2. Paste the Code

Double-click the Embed component, paste the tikento widget code. Click "Save".

Step 3. Publish

Click "Publish" in Webflow. Embed components are only displayed on published pages, not in the editor.

CORS for Webflow

Add your Webflow domain (.webflow.io or custom) to tikento.

Wix

Step 1. Add an HTML iFrame

In the Wix editor:

1. Click "+" -> "More" -> "HTML iFrame".
2. Add the element to the page.

Step 2. Paste the Code

Click the element -> "Edit Code". Paste the widget code. Click "Apply".

Wix uses an isolated iFrame for HTML code, which may affect the widget's height. Set a sufficient iFrame height (800px is recommended for multi-step forms).

CORS for Wix

Add your Wix domain (yoursite.wixsite.com or custom).

Framer

1. Open your project -> "Insert" -> "Custom Code" (in the Assets section).
2. Paste the widget code into the code field.
3. Place the component on the desired page.

WordPress

Via Header Footer Code Plugin

1. Install the "Header Footer Code Manager" plugin or a similar one.
2. Add the widget script (<script src="...">) to the Footer section.
3. On the desired page, insert a shortcode or HTML block with the container <div data-tikento-widget="...">.

Via Gutenberg

In the page editor, add a "Custom HTML" block and paste the full widget code (container + script).

Generic HTML

For any other website, paste the code right before the </body> tag:

<div data-tikento-widget="YOUR_EVENT_ID"></div>
<script src="https://tikento.com/widget.js" async defer></script>