Merchan Webdesign
Email Template für Elementor Formular

Email Template für Elementor Formular

Von Natur aus bringt das Elementor Formular keine Funktion mit sich, halbwegs schön designte Email Tempates an eure Besucher zu versenden. Die Bestätigungsemails sind rein in Textform gehalten und überzeugen durch Fließtext.

Mit ein ganz klein wenig HTML lässt sich das allerdings umgehen.

Email Template anlegen

Zuerst legt ihr einfach ein neues Seiten-Template an. Templates -> Neu hinzufügen -> Single Page

In dieses Template zieht ihr den Texteditor und fangt auch schon zu schreiben. Ihr könnt Überschriften, Text, Bilder, Links einfügen. So wie ihr es kennt. Seid bitte dennoch sparsam mit Bildern. Die Art und Weise, wie wir unsere Bestätigungsemail erstellen ersetzt nicht ein Newsletter Tool. Bilder und aufwändige Formatierungen können die Anzeige der einzelnen Email Programme schnell überfordern.

Zurück zum Seiten Template. Wenn ihr im Texteditor alles eingetragen habt, was notwendig ist, denkt daran die Shortcodes aus dem Formular noch zu verbauen (falls das für euer Anliegen wichtig ist). Die Shortcodes erhaltet ihr aus dem Formular:

Formular Shortcodes

Wie das von mir gestaltete Template aussieht, siehst du hier: Formular Template

HTML bearbeiten

Wenn ihr mit der Gestaltung fertig seid, wechselt vom Visuell Tab in den Text Tab.

Textmodus

Der Text im Textmodus ist unformatiert. Das bedeutet, überall wo ihr Abstände benötigt setzt einfach Absatzmarken. Am Anfang des Absatzes, Bildes, Überschrift usw kommt <p>. Am Ende wird der Absatz mit </p> geschlossen.

Wie der formatierte Text aussieht, könnt ihr euch ebenfalls hier ansehen.

Den formatierten Text kopiert ihr.

Ab ins Formular

Wir wechseln in euer Formular. Fügt zuerst E-Mail-2 hinzu.

Email Email 2

E-Mail geht an den Besucher. E-Mail-2 geht an euch.

Den kopierten, formatierten Text fügt ihr unter Nachricht in E-Mail ein. Vergesst nicht, den Email Shortcode in das An Feld einzugeben, damit der Besucher auch die Mail erhält.

Nachrichtenfeld

In das E-Mail-2 Feld kommen eure Daten, damit ihr über abgesendete Formulare informiert werdet.

Eine weitere Möglichkeit mit Shortcodes

Was ebenfalls funktioniert, aber etwas hakeliger ist, ist das komplette Template einzufügen. Beachtet bitte, dass dann die Shortcodes aus dem Formular nicht funktionieren werden. Das ganze Template via Shortcode einzufügen, funktioniert also nur ohne direkte Anrede.

Kopiert dazu aus der Templateübersicht den Shortcode des Templates raus und fügt den Shortcode in das Nachrichtenfeld des Formulars ein.

Shortcode
Shortcode Formular

Bei dieser Methode müsst ihr unbedingt Testmails an euch senden, um zu schauen, dass das Design passt.

Probiert es aus

Gern könnt ihr mein Formular ausprobieren.

Facebook
Twitter
LinkedIn
WhatsApp
Telegram

Fragen?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert