C cenaly.com
Kostenlos starten

Tilda · Anfrage von Ihrer Landingpage

Widgets von Cenaly.com für Tilda

Fügen Sie Rückruf, Messenger-Schaltfläche oder Terminbuchung zu bestehenden Tilda-Blöcken hinzu. Wählen Sie die Aufgabe, konfigurieren Sie das Widget und fügen Sie den Code in den HEAD des Projekts ein. Veröffentlichen Sie anschließend die Seiten erneut. Für Consent und Analyse ist unten ein separates Vorgehen beschrieben.

  • Prüfen Sie zunächst den Zugriff auf Fremdcode in Ihrem Tilda-Plan
  • Der gemeinsame HEAD gilt für das Projekt; die Seiteneinstellungen gelten für eine einzelne Seite
  • Bestehende Tilda-Formulare werden nicht automatisch mit Cenaly.com verbunden

Ohne Karte · Registrierung in einer Minute, Tag in einer weiteren · Änderungen an den Einstellungen erreichen die Website in 5 Minuten

Ein Tag für alle Widgets9 von 13 sind kostenlosShadow DOM – bricht das Layout nichtBeschriftungen in der Sprache der SeiteZwei Clouds: AWS und Russland

Was auf Tilda funktioniert

Wählen Sie das gewünschte Widget und konfigurieren Sie es in Ihrem Konto. Normale Widgets verwenden ein gemeinsames Tag; für Consent und Analyse ist eine separate Installationsreihenfolge wichtig.

Das ausgewählte Widget und die Plattform werden bei der Registrierung gespeichert. Richten Sie das Widget anschließend im Konto ein. Lassen Sie diese Anleitung für Tilda geöffnet: Kehren Sie nach der Einrichtung zu den Installationsschritten unten zurück.

Alle 13 Widgets →

Brauchen Sie einen kostenpflichtigen Tilda-Plan

Kostenpflichtiger Plan der Plattform erforderlich

Für fremden HTML-Code orientieren Sie sich an Personal oder Business; verlassen Sie sich nicht auf Free.

Tilda ordnet custom code den Möglichkeiten von Personal zu; Business enthält die Möglichkeiten von Personal. In der Hilfe zur Nichtzahlung ist separat die Deaktivierung des Codes der Blöcke T123/T868 beim Wechsel zu Free angegeben.

Das Fehlen einer Erwähnung des Plans im Artikel über HEAD beweist nicht die kostenlose Verfügbarkeit. Prüfen Sie vor der Zahlung in Ihrem Projekt das Feld zum Einfügen von Code und die aktuelle Tabelle von Tilda. Die Kosten des Widgets Cenaly.com sind separat angegeben.

So fügen Sie den Code auf Tilda ein

Standard-Widgets: Chat, Kontakt-Schaltfläche, Termin

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Beispiel-Tag für gewöhnliche Widgets. Entnehmen Sie Ihren Code Ihrem Konto; er muss nicht durch eine Demo-Domain ersetzt werden. Zur Blockierung der Analyse verwenden Sie die separate Anleitung unten. Cookie-Banner und Analyse: eine separate Regelung →

  1. 1

    Kopieren Sie den Installationscode

    Im Konto von Cenaly.com: Admin-Panel → Marketing → „Meine Website“. Tragen Sie die Adresse der Website in das erste Feld ein und kopieren Sie die Tag-Zeile.

  2. 2

    Öffnen Sie die Website-Einstellungen in Tilda

    Klicken Sie in der Projektliste bei der gewünschten Website auf „Website-Einstellungen“ – dies sind die Einstellungen des gesamten Projekts, nicht einer einzelnen Seite.

  3. 3

    Suchen Sie die Code-Einfügung

    Der Bereich „Mehr“ (bei manchen Konten mit „Code einfügen“ beschriftet) → Feld „HTML-Code zum Einfügen in den head“. Beide Bezeichnungen kommen in der offiziellen Tilda-Hilfe vor.

  4. 4

    Fügen Sie das Tag ein und speichern Sie

    Fügen Sie die Zeile in das Feld ein und speichern Sie die Änderungen. Der Code gelangt in den head aller Seiten des Projekts.

  5. 5

    Veröffentlichen Sie alle Seiten erneut

    Die Tilda-Hilfe verlangt dies ausdrücklich: Ohne erneute Veröffentlichung bleibt der Code nur im Editor. Es werden alle Seiten des Projekts veröffentlicht, nicht nur eine.

  6. 6

    Installation prüfen

    Öffnen Sie die Live-Website und kehren Sie zu „Meine Website“ → „Installation prüfen“ zurück.

Sie brauchen das Tag nur auf einer Seite – „Seiteneinstellungen“ → „Erweitert“ → „HTML-Code zum Einfügen in den head“ – und veröffentlichen Sie diese Seite erneut.

Offizielle Hilfe Tilda ↗

Installationsprüfung

  1. 1

    Veröffentlichen Sie die Website erneut

    In Website-Baukästen lebt die Änderung im Entwurf: Solange die Seiten nicht erneut veröffentlicht wurden, ist das Tag auf der Live-Website nicht vorhanden.

  2. 2

    Öffnen Sie „Meine Website“ in Ihrem Konto

    Admin-Bereich → Marketing → „Meine Website“. Im ersten Feld steht die Adresse Ihrer Website, daneben „Installation prüfen“.

  3. 3

    Sehen Sie sich an, was gefunden wurde

    Die Prüfung liest den HTML-Quelltext der Seite und zeigt die gefundenen Widgets an. Ein Tag, das über Google Tag Manager eingebunden wurde, erkennt sie nicht – das ist eine Einschränkung der Prüfung, nicht der Installation.

Fehlerbehebung bei der Installation – in der Hilfe Installationsanleitung →

Besonderheiten von Tilda

  • Speichern und veröffentlichen sind verschiedene Aktionen

    Veröffentlichen Sie nach der Änderung des gemeinsamen HEAD alle benötigten Seiten erneut. Prüfen Sie die Adresse der veröffentlichten Website, nicht den Editor.

  • Tilda-Formulare sind ein eigener Kanal

    Das Einfügen des Tags ändert nicht den Empfänger bestehender Formulare. Die Anbindung eines Formulars an Cenaly.com erfordert eine separate Einrichtung und Prüfung; beginnen Sie mit einer Anfrage über das Widget selbst.

  • Schaltflächen und Pop-up-Blöcke

    Prüfen Sie, ob das Widget die Kaufschaltfläche, die native Multischaltfläche oder das Banner überdeckt. Auf dem Mobilbildschirm ist weniger Platz – lassen Sie nur die benötigten Elemente stehen.

  • GTM und Analytics

    Die serverseitige Prüfung der Installation sieht das dynamische Tag aus GTM nicht. Ein normales Widget lässt sich auf der veröffentlichten Seite prüfen; für consent ist der Start vor der Analytics wichtig, einschließlich der Integrationen von Tilda.

Fragen und Antworten

Ist Free geeignet?

Verlassen Sie sich bei fremdem Code nicht darauf: Tilda führt custom code unter Personal auf, und der Code von T123/T868 wird beim Wechsel zu Free deaktiviert. Prüfen Sie zuerst die Möglichkeiten des Plans in Ihrem Projekt.

Kann man es nur auf einer Seite einbauen?

Ja: Seiteneinstellungen → Erweitert → HTML-Code zum Einfügen in den HEAD. Veröffentlichen Sie dann diese Seite und prüfen Sie das ausgewählte Widget.

Ist der Block T123 geeignet?

Für ein normales Widget auf einer separaten Seite – bei im Plan verfügbarem fremdem Code. Für consent mit Sperre bis zur Einwilligung ersetzt T123 nicht das erste Skript im head vor den Trackern.

Der Code ist gespeichert, aber das Widget fehlt – was prüfen?

Den Zugriff auf den Code im Plan, die Veröffentlichung der benötigten Seiten, die Aktivierung des Widgets und die Domain aus dem Konto. Prüfen Sie die Website auf dem Telefon und ohne Browser-Erweiterungen.

Was passiert mit Formularen und Design?

Die Formulare funktionieren weiterhin mit Ihren Einstellungen. Shadow DOM isoliert die Stile des Widgets, aber die Position der Schaltflächen und das Verhalten der Blöcke müssen auf Ihrer Website geprüft werden.

Eignet sich für das Cookie-Banner ein normales async-Tag?

Zum Blockieren von Trackern vor der Einwilligung ist eine separate consent/v1.js als erstes im head ohne async/defer erforderlich. Prüfen Sie das Laden vor der Auswahl, nach der Ablehnung und nach der Annahme. Die integrierte Analyse der Plattform kann eine separate Einrichtung erfordern; das Erscheinen des Banners bestätigt nicht die Gesetzeskonformität.

Mehr dazu – Installation nach Plattformen, Einrichtung und Fehlerbehebung – finden Sie in der Hilfe. Installationsanleitung →

Platzieren Sie die Widgets auf Ihrer Tilda-Website

Wählen Sie die Aufgabe für die Landingpage und konfigurieren Sie das Widget. Veröffentlichen Sie nach dem Einfügen des Codes die Seiten erneut und senden Sie eine Testanfrage.

Widget auswählen

Ohne Karte · Registrierung in einer Minute, Tag in einer weiteren · Änderungen an den Einstellungen erreichen die Website in 5 Minuten