Das Design und die Anzeige des eingebetteten Formulars bearbeiten

Mit einem eingebetteten Formular melden sich Besucher an, ohne Ihre Website zu verlassen. Das Formular befindet sich direkt auf Ihrer eigenen Seite. Sie stellen es in Laposta zusammen, wählen selbst aus, welche Felder darin enthalten sind, und benötigen dafür keine einzige Zeile Code.

Beispiel für ein eingebettetes Formular mit den Feldern E-Mail-Adresse, Vorname und Nachname sowie einer Schaltfläche Absenden

Sie richten das Formular mit dem Formular-Editor ein. Öffnen Sie diesen aus der zugehörigen Liste heraus: Gehen Sie zu Abonnenten, klicken Sie Ihre Liste an und wählen Sie Erweitern → Anmelden. Klicken Sie unter „Eingebettetes Formular“ auf „Start“, auch wenn Sie ein bestehendes Formular ändern möchten. Klicken Sie danach auf „Konfigurieren“ auf der Basisseite des Formulars.

Arbeiten im Editor

Klicken Sie ein Element des Formulars an, um es zu bearbeiten. Links erscheinen die Einstellungen, aufgeteilt auf zwei Tabs:

Unter „Inhalt“ geben Sie Texte ein, wählen aus, welche Felder sichtbar sind, und wählen ein Bild aus.
Unter „Design“ stellen Sie unter anderem Farben, Schriftarten und Ränder ein.

Auf einem kleinen Bildschirm stehen Elemente oft untereinander und der Text ist größer als auf einem großen Bildschirm. Deshalb wechseln Sie an verschiedenen Stellen im Editor zwischen „Desktop“ und „Mobil“, sodass Sie beide Ansichten getrennt einstellen können.

Oben im Editor finden Sie die Schaltflächen „Rückgängig“ (Schritt zurück), „Wiederholen“ (Schritt vorwärts) und „Vorschau“. Klicken Sie oben rechts auf „Vorschau“, um das Ergebnis anzusehen und zwischen der normalen und der mobilen Ansicht zu wechseln.

Die Leiste über dem Editor mit den Schaltflächen Rückgängig, Wiederholen, Vorschau und Editor schließen

Allgemeine Einstellungen öffnen

Klicken Sie neben dem Formular in die weiße Fläche, um die allgemeinen Einstellungen für das gesamte Formular zu öffnen. Links erscheinen die Tabs „Inhalt“, „Design“ und „Einstellungen“.

Layout wählen

Wählen Sie auf dem Tab „Inhalt“ das globale Layout aus, indem Sie auf eines der Symbole klicken. Damit legen Sie die Position der Felder, des Bildes und der Schaltfläche sowohl für Desktop als auch für Mobil fest.

Breite und abgerundete Ecken einstellen

Gehen Sie zum Tab „Design“. Stellen Sie unter „Widget-Breite“ die Breite in Pixeln ein, getrennt für Desktop und Mobil. Geben Sie unter „Abgerundete Ecke“ an, ob das Formular abgerundete Ecken erhält und wie rund diese sind.

Der Tab Design mit Widget-Breite auf 600 px und Abgerundete Ecke auf 10 px

Wählen Sie auf dem Tab „Einstellungen“ unter „Formularplatzierung“ aus, wie das Formular auf Ihrer Seite erscheint:

„An der Stelle des Codes“ (Standard): zeigt das Formular inline an, genau dort, wo der JavaScript-Code steht.
„Popup“: setzt das Formular mitten auf die Seite, über den Inhalt.
„Einschieben“: lässt das Formular als Slide-in an einer von Ihnen festgelegten Stelle in die Seite gleiten.

Einstellen, wann das Formular erscheint

Standardmäßig erscheint das Formular sofort beim Laden der Seite. Wenn Sie dies anpassen möchten, klicken Sie auf dem Tab „Einstellungen“ unter „Wann das Formular anzeigen?“ auf „Bedingung hinzufügen“.

Das Ausklappmenü unter Bedingung hinzufügen bei Wann das Formular anzeigen?, mit Nach einiger Zeit, Beim Verlassen der Seite und Nach dem Scrollen

Sie wählen aus drei Zeitpunkten:

„Nach einiger Zeit“: eine bestimmte Anzahl von Sekunden nach dem Laden der Seite.
„Beim Verlassen der Seite“: sobald Ihr Besucher die Seite mit der Maus verlässt. Bis zu diesem Zeitpunkt ist das Formular unsichtbar.
„Nach dem Scrollen“: das Formular erscheint erst, wenn Ihr Besucher einen bestimmten Prozentsatz der Seite nach unten gescrollt hat.

Einstellen, wann das Formular nicht mehr erscheint

Standardmäßig wird das Formular nicht mehr angezeigt, sobald es ausgefüllt wurde. Klicken Sie unter „Wann das Formular verbergen?“ auf „Bedingung hinzufügen“, um andere Zeitpunkte einzustellen:

„Nach dem Schließen“: das Formular wurde weggeklickt. Sie können angeben, ob es nach einer bestimmten Zeit wieder angezeigt werden darf.
„Nach dem Anzeigen“: das Formular wurde angesehen. Auch hier können Sie angeben, ob es nach einer bestimmten Zeit wieder angezeigt werden darf.
„Nach einer Anzahl von Malen“: das Formular wurde eine bestimmte Anzahl von Malen angesehen.

Sie können Bedingungen kombinieren, sowohl für das Anzeigen als auch für das Verbergen.

Auswählen, auf welchen Seiten das Formular steht

Standardmäßig ist das Formular auf allen Seiten aktiv, auf denen der Code steht (angegeben mit dem Pfad /*). Auf dem Tab „Einstellungen“ passen Sie dies unter „Auf welchen Seiten Ihrer Website?“ an.

Über „Seiten zum Anzeigen bearbeiten“ geben Sie an, wo das Formular angezeigt werden darf. Über „Seiten zum Verbergen bearbeiten“ geben Sie an, wo dies gerade nicht geschehen soll. Geben Sie hier Pfade ein (Teile der URLs Ihrer Website). Sie können dabei einen Platzhalter (Wildcard) verwenden: kontakt/* steht für alle Seiten, die mit kontakt/ beginnen.

Mit JavaScript anzeigen oder verbergen

Unabhängig von den Einstellungen in Laposta können Sie oder Ihr Webentwickler auch selbst mit JavaScript bestimmen, wann sich das Formular öffnet oder schließt. Die zwei benötigten Funktionen, einschließlich des eindeutigen Codes Ihres Formulars, finden Sie auf dem Tab „Einstellungen“ unter „Mit JavaScript anzeigen/verbergen“.

Der Block Mit JavaScript anzeigen/verbergen mit den Funktionen für open und close

Wie Sie die einzelnen Elemente des Formulars ausfüllen und gestalten, lesen Sie unter Text im eingebetteten Formular, Bild im eingebetteten Formular und Felder im eingebetteten Formular.