Klonen von Webform Landing Pages

Einleitung

In der nachstehenden Anleitung wird Schritt für Schritt durch das Duplizieren einer Webform Landing Page geführt. Für eine Webform Landing Page werden folgende Elemente verwendet:

1. Frontend Landing Page (hier sind die editierbaren Inhalte gespeichert)
2. Navigations-Menueintrag (meist aufgrund des Einsatzgebiets des Kunden nicht verwendet)
3. Event und Event Ticket (Zur Prozesssteuerung und als Sammeltopf für die Anmeldungen)
4. Formular (als Eingabemaske)
5. Formularfelder und Logik

Vorbereitung

Die duplizierten Elemente müssen mit neuen Bezeichnungen und Übersetzungen versehen werden. Es empfiehlt sich die Bezeichnungen der Originale vorgängig auszulesen und neue Bezeichnungen in derselben Nomenklatur festzulegen. Folgende Bezeichnungen werden benötigt:

Element	Original	Neues Duplikat
Eventname	E-Tech 24h Landing Page	Schulung Landing Page
Eventname Übersetzungen*	E-Tech 24h Landing Page	Schulung Landing Page
Event Ticket	etech24	Schulung Ticket
Event Ticket Übersetzungen*	etech24	Schulung Ticket
Formularname	E-Tech form	Schulung Form
Landing Page Name	E-Tech Hybrid 24-Stunden-Probefahrt	Schulung
URL Landing Page Name	/etech24h	/schulung
Dankesseite Name	E-Tech Hybrid 24-Stunden-Probefahrt: Bestätigung	Dankesseite Schulung
URL Dankesseite	/thank-you-etech-24h	/thank-you-schulung
SEO Bezeichnung	Renault E-Tech 24-Stunden-Probefahrt	Schulung
SEO Bezeichnung Übersetzungen F	Course d’essai Renault E-Tech 24 heures	Formation
SEO Bezeichnung Übersetzungen I	Giro di prova di 24 ore Renault E-Tech	Formazione
Technische Herkunftsbezeichnung**	REN-HYBRID-24H-1120	REN-SCHULUNG
Technische Interessenbezeichnung Newsletter **	1200_1	1200_1
Technische Interessenbezeichnung  Renault Captur E-Tech Plug-in Hybrid **	303_2	-
Technische Interessenbezeichnung  Renault Clio E-Tech Hybrid **	289_2	-
Technische Interessenbezeichnung Schulungsfahrzeug 1**	-	999_2
Technische Interessenbezeichnung Schulungsfahrzeug 2**	-	998_2

* In diesem Einsatzszenario werden diese Bezeichnungen nur im Backend verwendet und eine Übersetzung ist daher nur notwendig, wenn das Backend mehrsprachig verwendet wird.

Achtung

Beim Klonen werden auch die Übersetzungen dupliziert. Es empfielt sich daher die Übersetzungen zu kontrollieren und ggf. anzupassen um das System übersichtlich zu halten.

** Alle technischen Bezeichnungen müssen durch pdc erstellt werden.

Die gute Vorbereitung spart viel Zeit in der Umsetzung!

40% geschafft!

Klone-Vorgang

Die Reihenfolge des Klonvorgangs ist zwingend einzuhalten! Für die Durchführung des Klones wird empfohlen, den Benutzer für die Dauer des Vorgangs auf die englische Sprache umzustellen.

1. Event klonen

Als Benutzer mit den benötigten Berechtigungen einloggen.

Im Backend Events>Events gewünschter Vorlage-Event öffnen und über Action>Duplicate duplizieren.


Dem soeben erstellten Event sofort einen aussagekräftigen Namen geben und auch den Event Ticket Namen anpassen, so dass Original und Klone bei der weiteren Bearbeitung klar erkennbar sind. 

Achtung

Auch die Namen gleich in den Übersetzungen anpassen. Ebenso sind die restlichen Einstellungen, z.B. Start- und End-Datum zu überprüfen und ggf. anzupassen. Ist der Event feritg eingerichtet kann dieser auf Status CONFIRMED gesetzt werden.

Beim Speichern werden die neuen Bezeichnungen des Klones übernommen.

Das war einfach.

50% geschafft

2. Modellvarianten einrichten

Werden im Formular neue Modellvarianten benötigt müssen diese vorgängig erstellt werden. Dazu können beliebige Werte in einer Gruppe zusammengestellt, welche dann als Variable im Formular angezogen werden.

In Events>Configuration>HTML Variables kann eine neue Gruppe erstellt werden. Zuerst wird der Gruppenname erstellt.




Danach können die verschiedenen Variablen erstellt und der Gruppe zugewiesen werden.

Den Variablen können auch hier Übersetzungen beinhalten.

Die Variablen sind nun erstellt. Um sie später den korrekten technischen Bezeichnungen zuzuordnen empfiehlt sich deren ID gleich zu notieren.

Wir kommen gut voran.

60% geschafft

3. Formular klonen

In Events>Configuration>HTML Forms das Vorlage-Formular öffnen und über Action>Duplicate klonen. Dem soeben erstellten Formular sofort einen aussagekräftigen Namen geben und speichern. Für die weiteren Anpassungen das Formular via EDIT wie folgt bearbeiten:Im Register Fields and Logic im Absatz Default Values via Referenz und Auswahl das korrekte Event und Event Ticket auswählen. Dieser Vorgang erstellt automatisch die Event ID und Ticket ID als Default Values. Die Technische Bezeichnung der Herkunft muss als Value eingetragen werden.



Im Register Webform als Return URL die Dankesseite eintragen.

Achtung

Je nach Einsatzgebiet müssen im Formular weitere Anpassungen an Feldern und Logik durchgeführt werden! Diese bedingen zum Teil tiefergehendes technisches Know How und sollten durch pdc erstellt oder zumindest überrüft werden. Falsche Einstellungen im Formular können zu einem Fehlerhaften System führen!

In diesem Beispiel fügen wir die beiden neu erstellten Modelle ein. Dazu geben wir den erstellten Gruppennamen in den Domainfilter des Feldes Variable 05 ein. 




Damit werden die beiden Modelle im Formular angezeigt. Nun muss noch die Formularlogik angepasst werden, damit die richtigen technischen Interessenwerte übermittelt werden. Dazu benötigen wir die ID der beiden erstellten HTML Variablen und passen das Form Javascript entsprechend an.

Den schwierigsten Teil des Duplizieren haben wir nun überwunden!

75% geschafft

4. Webseiten klonen

Wir wechseln zum Frontend via Website>Go to Website und haben via Seiten>Seiten>Seiten verwalten eine Liste aller Webseiten. Mit dem Knopf auf der rechten Seiten erstellen wir einen Klone unserer Vorlageseite.




Das System erstellt den Klone und öffnet diese neu erstellte Seite gleich im Editiermodus. Zur Kennung ändern wir vorerst nur eine Textzeile. Die restlichen inhaltlichen Anpassungen erfolgen nach der gesamte Klone Vorgang abgeschlossen ist.



Durch Speichern verlassen wir den Editiermodus.

Achtung

Bevor diese Seite verlassen wird müssen deren Seiteneigenschaften angepasst werden!

Über Seiten>Seiteneigenschaften Seitenname und Seiten-URL anpassen.



Speichern und den Vorgang mit der Dankesseite wiederholen.Nun noch via Werbung > SEO Optimieren um den Page Title für die Suchmaschienen eintragen. Für die anderen Sprachen die Webseitensprache umstellen und die Keywords anpassen.

Die inhaltlichen Anpassungen nehmen wir später vor.

90% geschafft

5. Elemente zusammenhängen

Mit dem Zusammenhängen der Elemente schliessen wir den Klone Prozess ab. Wir öffnen via Events>Configuration>HTML Forms das vorgängig dupliziertes Formular und wählen im Register Webform die soeben erstellte aus, damit diese mit dem Formula verlinkt wird.




Nach dem speichern ist der Klone ist nun funktional erstellt und Inhalte können angepasst werden. Nach dem Testen und dem Aufsetzen der Schnittstelle, können die Seiten publiziert werden.

Der Klone ist nun funktional erstellt und kann getestet werden!

95% geschafft

6. Schnittstelle einrichten und Aktivierung

Damit die Schnittstelle richtig aufgesetzt ist, braucht es die richtig eingestellten Herkunft und Interessen Codes im HTML Formular sowie die Aktivierung des Schnittstelle im Event mit dem korrekten Endpoint, APPL und Schema.



Damit die Datensätze der Schnittstelle übermittet werden muss der Event mit allfälligen Ausschluss-Attributen in den Technischen Trigger eingefügt werden. Danach ist die Schnittstelle scharf gestellt!

Achtung

Fehlmanipulationen in diesen Elementen können zum Systemabsturz und Datenverlust führen und dürfen nur durch qualifiziertes Personal bei pdc erstellt werden!

Mit guter Vorbereitung ist der Klone Prozess in 30 Minuten durchführbar!

100% geschafft