Landingpage auf einer externen Website

Schritt 1 — Die Website unter Domains hinzufügen

Gehen Sie zu Domains → Domain hinzufügen → Externe Website hinzufügen und geben Sie die Domain der Website ein (z. B. shop.de oder promo.shop.de).

Zu den Domains ↗

📌 Liegt die Domain schon bei Cloudflare und haben Sie sie importiert? Dann müssen Sie sie nicht erneut hinzufügen: Öffnen Sie ihre Einstellungen (Zahnrad) und wählen Sie Externe Website als Website-Typ. Sie ist sofort verifiziert — weiter mit Schritt 3.

Schritt 2 — Bestätigen, dass die Domain Ihnen gehört

RoyLead zeigt Ihnen einen TXT-Eintrag, den Sie im DNS-Panel der Domain hinzufügen (dort, wo Sie sie gekauft haben, oder bei Cloudflare):

Speichern Sie ihn und klicken Sie auf Verifizieren. Der Eintrag kann ein paar Minuten brauchen, bis er sichtbar ist: Findet RoyLead ihn nicht, versuchen Sie es später über das Badge Zu verifizieren in der Zeile der Domain erneut.

⚠️ Solange die Domain nicht verifiziert ist, werden Clicks und Leads ihrer Seiten nicht erfasst. So kann niemand Ihren Code auf einer fremden Website verwenden.

💡 Wenn das DNS-Panel die Domain selbst ans Ende des Namens setzt, geben Sie nur den ersten Teil ein: _roylead (oder _roylead.promo bei einer Subdomain).

Schritt 3 — Dankeseite und Datenschutz

In der Zeile der Domain, Spalte Servicesseiten, klicken Sie auf TY und geben die Adresse der Dankeseite Ihrer Website ein; mit PRIV die der Datenschutzerklärung.

🚨 Die Dankeseite ist Pflicht: Nach der Bestellung wird der Besucher dorthin geschickt. Ohne sie landet er auf einer Seite, die es auf Ihrer Website nicht gibt.

Sie können beide jederzeit ändern: Sie gelten ab dem nächsten Besuch, ohne den Code in Ihren Seiten anzufassen.

Schritt 4 — Die Landingpage registrieren

Gehen Sie zu Landing Pages → Landing Page verbinden → Landingpage auf externer Website. Wählen Sie die Domain, fügen Sie die Adresse der Seite ein und geben Sie ihr einen Namen.

Zu den Landing Pages ↗

Die Adresse muss auf der gewählten Domain liegen: Eine Seite auf einer anderen Website wird nicht akzeptiert.

Schritt 5 — Den Code einfügen

Sobald die Landingpage erstellt ist, gibt Ihnen RoyLead zwei Code-Stücke (Sie finden sie jederzeit über das Symbol </> in der Zeile der Landingpage):

1. Den Formular-Container — dort einfügen, wo das Bestellformular erscheinen soll:

<div class="lp-form-container"></div>

2. Den Tracker — einmal einfügen, direkt vor </body>. Er enthält bereits den Schlüssel und die ID der Landingpage: Sie müssen nichts ändern.

💡 Das Formular erzeugt der Tracker, mit Telefonprüfung je Land und Spamschutz. Mehrere Formulare auf der Seite? Wiederholen Sie den Container: Ein Tracker genügt.

Die Farben des Formulars wählen Sie in RoyLead: pro Domain (Domains → Palettensymbol) oder pro Landingpage (Landing Pages → Palettensymbol).

Selbst geschriebenes Formular (optional)

Statt des Containers können Sie das <form> selbst schreiben: mit dem Attribut data-roylead-form, ohne action, und mit diesen name-Werten:

Das Styling liegt in diesem Fall bei Ihnen.

Preiskarten (Angebote mit mehreren Mengen)

Hat das Angebot mehrere Mengen (1 / 2 / 3 Packungen), füllt der Tracker die Karten aus, die Sie mit diesen Attributen markieren:

Schritt 6 — Testen

Öffnen Sie die Seite mit einem Testparameter, z. B. https://shop.de/angebot?fbclid=test123&utm_source=facebook, und senden Sie eine Testbestellung: Nach wenigen Sekunden finden Sie sie unter Leads, mit den Kampagnenparametern.

Zu den Leads ↗

Fehlerbehebung

• Es kommt nichts an → die Domain ist noch Zu verifizieren (Schritt 2), oder der Tracker fehlt auf der Seite oder ist doppelt eingefügt.
• Das Formular erscheint nicht → der <div class="lp-form-container"></div> fehlt oder liegt in einem verborgenen Element.
• Nach der Bestellung erscheint eine Fehlerseite → die Dankeseite fehlt (Schritt 3).
• Sie haben die Seite auf eine andere Domain kopiert → registrieren Sie auch diese Domain (Schritte 1-2) und die Landingpage mit ihrer Adresse: Der Code funktioniert nur auf der Domain der Landingpage.
• Wer die Domain verwaltet hat, hat das Team verlassen → kopieren Sie den Tracker erneut aus der Zeile der Landingpage (Symbol </>): Der alte nutzte dessen Schlüssel.