Installazione del widget su Tilda, Webflow e Wix

Tilda

Passo 1. Ottieni il codice del widget

In tikento apri l'evento -> Registrazione -> Widget per il sito. Copia il codice.

Passo 2. Aggiungi un blocco HTML alla pagina

Nell'editor di Tilda:

1. Clicca "+" per aggiungere un nuovo blocco.
2. Vai alla categoria "Altro" -> seleziona il blocco T123 (blocco HTML).
3. Clicca sul blocco per modificarlo e incolla il codice del widget.

Passo 3. Pubblica il sito

Clicca "Pubblica" in Tilda. Il widget apparira sulla pagina pubblicata.

Configurazione CORS per Tilda

Aggiungi il tuo dominio alla lista delle origini consentite di tikento:

• Dominio personalizzato: yourdomain.com
• Dominio Tilda: yoursite.tilda.ws

Istruzioni: Configurazione CORS.

Webflow

Passo 1. Aggiungi un componente Embed

In Webflow Designer:

1. Clicca "+" -> componente "Embed" (sezione "Components" o "Add").
2. Trascina il componente nella posizione desiderata sulla pagina.

Passo 2. Inserisci il codice

Fai doppio clic sul componente Embed, incolla il codice del widget tikento. Clicca "Save".

Passo 3. Pubblica

Clicca "Publish" in Webflow. I componenti Embed vengono visualizzati solo sulle pagine pubblicate, non nell'editor.

CORS per Webflow

Aggiungi in tikento il tuo dominio Webflow (.webflow.io o personalizzato).

Wix

Passo 1. Aggiungi un HTML iFrame

Nell'editor Wix:

1. Clicca "+" -> "Altro" -> "HTML iFrame".
2. Aggiungi l'elemento alla pagina.

Passo 2. Inserisci il codice

Clicca sull'elemento -> "Modifica codice". Incolla il codice del widget. Clicca "Applica".

Wix utilizza un iFrame isolato per il codice HTML, il che puo influenzare l'altezza del widget. Imposta un'altezza sufficiente per l'iFrame (consigliato 800px per moduli multi-step).

CORS per Wix

Aggiungi il tuo dominio Wix (yoursite.wixsite.com o personalizzato).

Framer

1. Apri il progetto -> "Insert" -> "Custom Code" (nella sezione Assets).
2. Incolla il codice del widget nel campo del codice.
3. Posiziona il componente sulla pagina desiderata.

WordPress

Tramite plugin Header Footer Code

1. Installa il plugin "Header Footer Code Manager" o simile.
2. Aggiungi lo script del widget (<script src="...">) nella sezione Footer.
3. Sulla pagina desiderata inserisci uno shortcode o un blocco HTML con il contenitore <div data-tikento-widget="...">.

Tramite Gutenberg

Nell'editor della pagina aggiungi il blocco "HTML personalizzato" e incolla il codice completo del widget (contenitore + script).

HTML universale

Per qualsiasi altro sito, inserisci il codice subito prima del tag </body>:

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