Einbetten eines Formulars in eine Web-Kampagne embed-a-form-into-a-web-campaign
Erfahren Sie, wie Sie ein Marketo-Formular in eine Web-Kampagne einbetten können (Dialogfeld, In-Bereich oder Widget).
-
Rechtsklick auf ein genehmigtes Formular. Wählen Sie Einbettungs-Code aus.
-
Kopieren Sie den Code.
-
Navigieren Sie Web Personalization zu Web-Kampagnen.
-
Klicken Sie Neue Kampagne erstellen.
-
Klicken Sie im Rich-Text-Editor auf das HTML-Symbol.
-
Fügen Sie den Einbettungs-Code des Formulars in den HTML Source Editor ein. Klicken Sie auf Aktualisieren.
-
Das Formular wird nicht in der Editor-Ansicht angezeigt, Sie können es jedoch in der Vorschau anzeigen, um zu sehen, wie es in einer Kampagne gerendert wird.
-
Klicken Sie Starten, um die Kampagne zu starten.
note note NOTE Alle Änderungen an den Formularfeldern müssen innerhalb der Marketing-Aktivitäten von Marketo in „Formularentwurf bearbeiten“ vorgenommen werden.
Drei Möglichkeiten zum Hinzufügen eines Hintergrundbilds zu einem Formular three-ways-to-add-a-background-image-to-a-form
Um dem Formular ein Hintergrundbild hinzuzufügen, haben Sie folgende Möglichkeiten:
- Bearbeiten der CSS-Datei eines Formular-Designs
- Ändern der Farben von Dialogfeldern oder Widgets in Campaign Set
- Hinzufügen von CSS-Code zum Skript
Informationen zum Bearbeiten des CSS eines Formulardesigns finden Sie in diesem Artikel.
So ändern Sie die Farben des Dialogfelds oder Widgets in Campaign Set:
-
Wählen Sie im Rich-Text-Editor einen Dialogfeldkampagnentyp und einen Dialogfeldstil, eine Kopfzeilenfarbe und eine Hintergrundfarbe aus, um die Hintergrundfarben des Formulars anzupassen. Klicken Sie auf Speichern.
-
Im Folgenden finden Sie ein Beispiel dafür, wie ein moderner Trimm-Dialogfeldstil mit einer hellvioletten Kopfzeile und einer Hintergrundfarbe aussieht.
So fügen Sie dem Skript CSS-Code hinzu:
-
Klicken Sie im Rich-Text-Editor auf das HTML-Symbol.
-
Fügen Sie den Einbettungs-Code des Formulars mit dem Stil-Code im Hintergrund in den HTML Source Editor ein. Klicken Sie auf Aktualisieren.
-
Klicken Sie Vorschau, um zu sehen, wie es in einer Kampagne gerendert wird (das Formular wird nicht in der Editor-Ansicht angezeigt). Im Folgenden finden Sie ein Beispiel dafür, wie der obige Formular-Code in einer Kampagne mit einem Hintergrundbild gerendert wird.
