> For clean Markdown of any page, append .md to the page URL. > For a complete documentation index, see https://docs.laposta.org/llms.txt. > For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server. # Das Design und die Anzeige des eingebetteten Formulars bearbeiten > Konfigurieren Sie für Ihr eingebettetes Formular die Aufteilung, die Breite und die Anzeige (Inline, Pop-up oder Slide-in) und legen Sie fest, wann es erscheint. 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](file:assets/images/schermen-de/b9-07.png) 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](/hoe-plaats-ik-het-ingebedde-aanmeldformulier). ## 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](file:assets/images/schermen-de/b13-06.png) ## 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. ![Das Bedienfeld Global auf dem Tab Inhalt mit den Symbolen unter Layout wählen](file:assets/images/schermen-de/b14-10.png) ### 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](file:assets/images/schermen-de/b4-01.png) ### Zwischen Inline, Popup oder Slide-in wählen 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. ![Der Tab Einstellungen mit den Optionen An der Stelle des Codes, Popup und Einschieben unter Formularplatzierung](file:assets/images/schermen-de/b2-05.png) ### 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](file:assets/images/schermen-de/b2-09.png) 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. > **Note** > > 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](file:assets/images/schermen-de/b2-08.png) Wie Sie die einzelnen Elemente des Formulars ausfüllen und gestalten, lesen Sie unter [Text im eingebetteten Formular](/inhoud-en-vormgeving-tekst), [Bild im eingebetteten Formular](/invoeren-en-vormgeven-afbeelding) und [Felder im eingebetteten Formular](/weergave-en-vormgeving-velden). ## Verwandte Artikel #### [Den Text im eingebetteten Formular bearbeiten](/inhoud-en-vormgeving-tekst) Passen Sie Titel, Text, Textgröße, Innenabstand und Hintergrundfarbe des Textblocks in… #### [Das Bearbeitungsformular bearbeiten](/waar-vind-ik-het-wijzigingsformulier) Das Bearbeitungsformular finden Sie unter Abonnenten → Erweitern → Bearbeiten. Dort… #### [Das Standalone-Anmeldeformular verwenden und bearbeiten](/hoe-pas-ik-het-zelfstandig-aanmeldformulier-aan) Teilen Sie Ihr Formular über einen Anmeldelink und passen Sie die Felder, den Text, das… #### [Selbst ein Anmeldeformular mit HTML erstellen](/kan-ik-helemaal-zelf-een-aanmeldformulier-vormgeven-optie-3) Nutzen Sie das reine HTML von Laposta, um ohne die API ein eigenes Anmeldeformular für…