{"id":22831,"date":"2026-08-29T10:17:57","date_gmt":"2026-08-29T08:17:57","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22831"},"modified":"2026-08-29T10:17:58","modified_gmt":"2026-08-29T08:17:58","password":"","slug":"kopage-formulare-erstellen","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/fr\/hilfe\/website-baukasten\/kopage-formulare-erstellen\/","title":{"rendered":"Cr\u00e9er des formulaires et des formulaires de contact avec Kopage"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Mit einem Formular k\u00f6nnen Besucher direkt \u00fcber deine Kopage Website Kontakt aufnehmen, eine Anfrage senden oder andere Informationen \u00fcbermitteln.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der klassische Kopage Website Builder bietet daf\u00fcr eine Formularfunktion, mit der du neben einfachen Kontaktformularen auch Formulare mit individuell ben\u00f6tigten Feldern erstellen kannst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dieser Anleitung zeigen wir dir, wie du ein Formular sinnvoll planst, auf deiner Website einf\u00fcgst, die ben\u00f6tigten Felder festlegst und anschlie\u00dfend kontrollierst, ob Anfragen korrekt \u00fcbermittelt werden.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Ein gutes Kontaktformular fragt nur die Informationen ab, die du f\u00fcr die Bearbeitung einer Anfrage tats\u00e4chlich ben\u00f6tigst. Je einfacher und verst\u00e4ndlicher das Formular ist, desto leichter k\u00f6nnen Besucher es ausf\u00fcllen.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Wof\u00fcr kann ich Formulare in Kopage verwenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein klassisches Kontaktformular ist nur eine m\u00f6gliche Anwendung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Website k\u00f6nnen Formulare beispielsweise f\u00fcr folgende Zwecke eingesetzt werden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>allgemeine Kontaktanfragen,<\/li>\n\n\n\n<li>Offertanfragen,<\/li>\n\n\n\n<li>Reservierungs- oder Terminanfragen,<\/li>\n\n\n\n<li>Anmeldungen,<\/li>\n\n\n\n<li>R\u00fcckrufw\u00fcnsche,<\/li>\n\n\n\n<li>Feedback,<\/li>\n\n\n\n<li>oder andere strukturierte Anfragen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Felder du ben\u00f6tigst, h\u00e4ngt deshalb immer vom konkreten Zweck des Formulars ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular vor der Erstellung planen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bevor du im Kopage Editor m\u00f6glichst viele Formularfelder hinzuf\u00fcgst, solltest du \u00fcberlegen, welche Informationen du tats\u00e4chlich ben\u00f6tigst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr ein einfaches Kontaktformular reichen h\u00e4ufig bereits wenige Angaben:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Name\nE-Mail-Adresse\nNachricht<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Anwendungsfall k\u00f6nnen weitere Informationen sinnvoll sein, beispielsweise eine Telefonnummer, Firma oder die Auswahl einer bestimmten Dienstleistung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vermeide Felder, die du f\u00fcr die Bearbeitung der Anfrage gar nicht ben\u00f6tigst.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Je l\u00e4nger ein Formular ist, desto mehr Aufwand bedeutet es f\u00fcr den Besucher. Frage deshalb nicht vorsorglich alles ab, was irgendwann einmal interessant sein k\u00f6nnte.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Formular zu einer Kopage Seite hinzuf\u00fcgen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne im Kopage Editor zun\u00e4chst die Seite, auf der das Formular erscheinen soll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4hle anschlie\u00dfend \u00fcber die daf\u00fcr vorgesehene Funktion das Formular beziehungsweise den Formular-Builder aus und f\u00fcge es an der gew\u00fcnschten Stelle deiner Seite ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Aufbau deiner Website kann das Formular beispielsweise auf einer eigenen Kontaktseite oder innerhalb eines passenden Inhaltsbereichs verwendet werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du mit dem grundlegenden Aufbau von Seiten und Content Blocks noch nicht vertraut bist, findest du weitere Informationen unter <a href=\"\/fr\/aide\/createur-de-site-web\/modifier-les-blocs-de-contenu-kopage\/\">Cr\u00e9er du contenu avec Kopage : modifier les blocs de contenu, les textes et les images<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Formularfelder ben\u00f6tige ich?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Formularfelder bestimmen, welche Informationen Besucher eingeben k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr ein Kontaktformular ist beispielsweise eine E-Mail-Adresse wichtig, wenn du auf die Anfrage per E-Mail antworten m\u00f6chtest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Nachrichtenfeld erm\u00f6glicht dagegen die Eingabe eines l\u00e4ngeren freien Textes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Feldtypen dir im Formular-Builder zur Verf\u00fcgung stehen, richtet sich nach den entsprechenden Funktionen des Builders. W\u00e4hle jeweils einen Feldtyp, der zur erwarteten Eingabe passt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Felder eindeutig beschriften<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jedes Feld sollte so bezeichnet sein, dass Besucher sofort verstehen, welche Information erwartet wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Klare Bezeichnungen sind beispielsweise:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Vorname und Nachname\nE-Mail-Adresse\nTelefonnummer\nFirma\nIhre Nachricht<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Vermeide interne Abk\u00fcrzungen oder Fachbegriffe, die deine Besucher m\u00f6glicherweise nicht kennen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn f\u00fcr ein Feld zus\u00e4tzliche Erkl\u00e4rungen notwendig sind, sollten diese m\u00f6glichst kurz und verst\u00e4ndlich formuliert werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pflichtfelder sinnvoll einsetzen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jedes Formularfeld muss zwingend ausgef\u00fcllt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als Pflichtfeld solltest du insbesondere Informationen definieren, ohne die du die Anfrage nicht sinnvoll bearbeiten kannst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem normalen Kontaktformular k\u00f6nnten beispielsweise Name, E-Mail-Adresse und Nachricht erforderlich sein, w\u00e4hrend eine Telefonnummer freiwillig bleiben kann.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Mache ein Feld nicht allein deshalb zum Pflichtfeld, weil die Information f\u00fcr dich interessant w\u00e4re. Entscheidend ist, ob sie f\u00fcr den jeweiligen Zweck tats\u00e4chlich ben\u00f6tigt wird.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">E-Mail-Adresse korrekt abfragen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du dem Absender antworten m\u00f6chtest, sollte das Formular eine E-Mail-Adresse erfassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beschrifte das Feld eindeutig und verwende den daf\u00fcr vorgesehenen Feldtyp, sofern dieser im Formular-Builder verf\u00fcgbar ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine falsch eingegebene E-Mail-Adresse kann dazu f\u00fchren, dass du zwar eine Anfrage erh\u00e4ltst, dem Absender aber nicht antworten kannst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei wichtigen Anfragen kann deshalb zus\u00e4tzlich eine Telefonnummer sinnvoll sein \u2013 sofern diese f\u00fcr den jeweiligen Zweck ben\u00f6tigt wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nachrichtenfeld verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr freie Anfragen eignet sich ein mehrzeiliges Nachrichtenfeld.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit k\u00f6nnen Besucher ihr Anliegen ausf\u00fchrlicher beschreiben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine verst\u00e4ndliche Beschriftung wie:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Wie k\u00f6nnen wir Ihnen helfen?<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">kann je nach Website hilfreicher sein als eine technische oder unklare Feldbezeichnung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Ansprache sollte dabei nat\u00fcrlich zum Sprachstil deiner Website passen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Auswahlfelder verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Besucher zwischen mehreren festgelegten M\u00f6glichkeiten ausw\u00e4hlen sollen, kann ein entsprechendes Auswahlfeld sinnvoll sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem Dienstleistungsunternehmen k\u00f6nnte eine Auswahl beispielsweise so aussehen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Ich interessiere mich f\u00fcr:\n\nBeratung\nPlanung\nUmsetzung\nSupport\nSonstiges<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch erh\u00e4ltst du strukturiertere Anfragen und kannst h\u00e4ufig bereits vor dem Lesen der Nachricht erkennen, worum es geht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende Auswahlm\u00f6glichkeiten jedoch nur dort, wo sie dem Besucher tats\u00e4chlich helfen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular nicht unn\u00f6tig kompliziert machen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein h\u00e4ufiger Fehler besteht darin, ein einfaches Kontaktformular wie einen umfangreichen Fragebogen aufzubauen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr eine erste Kontaktaufnahme musst du normalerweise nicht bereits s\u00e4mtliche Informationen erfassen, die m\u00f6glicherweise erst sp\u00e4ter im Gespr\u00e4ch ben\u00f6tigt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein \u00fcbersichtliches Formular k\u00f6nnte beispielsweise so aufgebaut sein:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Name *\nE-Mail-Adresse *\nTelefon\nBetreff\nNachricht *\n\n&#91;Nachricht senden]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Das Sternchen kann dabei \u2013 sofern du diese Darstellung verwendest \u2013 auf ein Pflichtfeld hinweisen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Empf\u00e4nger der Formularanfrage festlegen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Kontaktformular ist nur hilfreich, wenn die \u00fcbermittelten Anfragen an der richtigen Stelle ankommen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe deshalb in den Formular-Einstellungen, an welche E-Mail-Adresse beziehungsweise welches vorgesehene Ziel die Formularnachrichten \u00fcbermittelt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende eine Adresse, die regelm\u00e4\u00dfig kontrolliert wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr eine Unternehmenswebsite ist beispielsweise eine Adresse wie:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>info@example.ch<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">oft sinnvoller als ein pers\u00f6nliches Postfach eines Mitarbeiters, wenn mehrere Personen Anfragen bearbeiten sollen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Ver\u00f6ffentliche ein Formular nicht, ohne anschlie\u00dfend eine echte Testanfrage zu senden. Nur so stellst du fest, ob die Nachricht tats\u00e4chlich am vorgesehenen Ziel ankommt.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Formular absenden und Best\u00e4tigung f\u00fcr Besucher<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nach dem Absenden sollte f\u00fcr den Besucher erkennbar sein, dass seine Anfrage \u00fcbermittelt wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine verst\u00e4ndliche Best\u00e4tigung verhindert, dass das Formular mehrfach abgesendet wird, weil der Besucher nicht wei\u00df, ob der erste Versuch funktioniert hat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn deine verwendete Formular-Konfiguration eine entsprechende Best\u00e4tigung oder Erfolgsmeldung vorsieht, sollte sie kurz und eindeutig formuliert sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Vielen Dank. Ihre Nachricht wurde \u00fcbermittelt.<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Versprich dabei keine Reaktionszeit, die du nicht zuverl\u00e4ssig einhalten kannst.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Button sinnvoll beschriften<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Auch der Absende-Button sollte verst\u00e4ndlich sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Beschriftung wie:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Nachricht senden<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">beschreibt die Aktion klar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem anderen Formulartyp kann eine passendere Beschriftung verwendet werden, beispielsweise:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Anfrage senden\nAnmeldung absenden\nR\u00fcckruf anfragen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Der Button sollte dem Besucher m\u00f6glichst klar vermitteln, was beim Anklicken passiert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular optisch in die Website integrieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Formular sollte zum restlichen Design deiner Website passen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Achte insbesondere darauf, dass Beschriftungen gut lesbar sind, Eingabefelder ausreichend Platz bieten und der Absende-Button eindeutig erkennbar ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vermeide zu geringe Farbkontraste zwischen Text, Eingabefeldern und Hintergrund.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die allgemeinen Gestaltungsm\u00f6glichkeiten behandeln wir unter <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-template-design-anpassen\/\">Personnaliser le mod\u00e8le et le design Kopage : couleurs, polices, en-t\u00eate et pied de page<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Spam \u00fcber Kontaktformulare<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffentlich erreichbare Formulare k\u00f6nnen automatisiert von Bots angesprochen werden. Dadurch k\u00f6nnen unerw\u00fcnschte Formularnachrichten entstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage bietet Funktionen beziehungsweise Integrationen zum Schutz von Formularen vor automatisierten Eingaben. Welche Schutzoption f\u00fcr dein konkretes Formular verwendet wird, solltest du innerhalb der aktuellen Formular-Konfiguration pr\u00fcfen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein solcher Schutz soll automatisierte \u00dcbermittlungen erschweren, ohne echten Besuchern die Kontaktaufnahme unn\u00f6tig schwer zu machen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Wenn pl\u00f6tzlich viele offensichtlich automatisierte Formularnachrichten eintreffen, pr\u00fcfe zuerst die vorhandenen Spam-Schutzfunktionen des Formulars, bevor du das gesamte Formular neu erstellst.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Formular und SpamExperts nicht verwechseln<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Schutz eines Website-Formulars und der Spamfilter deines E-Mail-Postfachs sind zwei unterschiedliche Ebenen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SpamExperts sch\u00fctzt den E-Mail-Verkehr. Ein Formular wird dagegen zun\u00e4chst \u00fcber deine Website ausgef\u00fcllt und verarbeitet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn eine Formularnachricht per E-Mail zugestellt wird, kann anschlie\u00dfend zus\u00e4tzlich die normale E-Mail-Verarbeitung relevant sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Problemen solltest du deshalb zuerst unterscheiden, ob das Formular selbst nicht funktioniert oder ob eine bereits versendete Formularnachricht lediglich nicht im erwarteten Posteingang erscheint.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular und Datenschutz<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcber ein Kontaktformular werden Daten von Besuchern \u00fcbermittelt. Deshalb solltest du nur Informationen abfragen, die f\u00fcr den jeweiligen Zweck notwendig sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au\u00dferdem sollte deine Website transparent dar\u00fcber informieren, wie personenbezogene Daten verarbeitet werden. Welche rechtlichen Informationen konkret erforderlich sind, h\u00e4ngt von deinem Unternehmen, dem Zweck des Formulars, den erhobenen Daten und den anwendbaren rechtlichen Vorgaben ab.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Ein technisch funktionierendes Formular bedeutet nicht automatisch, dass s\u00e4mtliche datenschutzrechtlichen Anforderungen erf\u00fcllt sind. Pr\u00fcfe die f\u00fcr deine Website und deinen Anwendungsfall geltenden Vorgaben.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Sensible Daten nicht unn\u00f6tig \u00fcber ein normales Kontaktformular abfragen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein gew\u00f6hnliches Kontaktformular sollte nicht ohne Not zur \u00dcbermittlung besonders sensibler oder vertraulicher Informationen verwendet werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberlege deshalb vor der Erstellung, welche Daten tats\u00e4chlich ben\u00f6tigt werden und ob ein normales Website-Formular f\u00fcr den vorgesehenen Zweck geeignet ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr eine allgemeine Anfrage reichen normalerweise grundlegende Kontaktinformationen und die eigentliche Nachricht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular vor der Ver\u00f6ffentlichung testen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Formular sollte immer vollst\u00e4ndig getestet werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fclle es dabei so aus, wie es sp\u00e4ter ein echter Besucher tun w\u00fcrde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez ensuite :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Lassen sich alle ben\u00f6tigten Felder ausf\u00fcllen?\n        \u2193\nFunktionieren Pflichtfelder?\n        \u2193\nKann das Formular abgesendet werden?\n        \u2193\nErscheint eine Best\u00e4tigung?\n        \u2193\nKommt die Anfrage beim richtigen Empf\u00e4nger an?\n        \u2193\nSind Absenderdaten und Nachricht lesbar?\n        \u2193\nKann auf die Anfrage sinnvoll reagiert werden?<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Teste auch, was passiert, wenn ein Pflichtfeld nicht ausgef\u00fcllt wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular auf dem Smartphone testen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Viele Besucher werden dein Formular \u00fcber ein Smartphone verwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere deshalb nicht nur die Desktop-Ansicht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Achte darauf, dass Felder gut erkennbar und bedienbar sind, Beschriftungen nicht ung\u00fcnstig umbrechen und der Absende-Button problemlos verwendet werden kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sehr umfangreiche Formulare k\u00f6nnen auf kleinen Displays besonders m\u00fchsam werden. Das ist ein weiterer Grund, nur wirklich ben\u00f6tigte Felder abzufragen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous trouverez de plus amples informations sur <a href=\"\/fr\/aide\/createur-de-site-web\/design-adaptatif-kopage\/\">Design adaptatif : Optimiser le site web Kopage pour smartphones et tablettes<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun, wenn keine Formularnachricht ankommt?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn eine Testanfrage erfolgreich abgesendet werden kann, aber keine Nachricht am erwarteten Ziel ankommt, solltest du systematisch vorgehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe zuerst, ob die Empf\u00e4ngeradresse im Formular korrekt eingetragen ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere anschlie\u00dfend auch den Spam- beziehungsweise Junk-Ordner des betreffenden Postfachs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn dort ebenfalls keine Nachricht vorhanden ist, sollte gekl\u00e4rt werden, ob das Problem bei der Formular\u00fcbermittlung oder bei der anschlie\u00dfenden E-Mail-Zustellung entsteht.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Notiere bei einem Zustellproblem den ungef\u00e4hren Zeitpunkt deiner Testanfrage, die verwendete Absenderadresse und die vorgesehene Empf\u00e4ngeradresse. Diese Angaben erleichtern eine sp\u00e4tere technische Pr\u00fcfung erheblich.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun, wenn das Formular nicht abgesendet werden kann?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn bereits das Absenden des Formulars fehlschl\u00e4gt, kontrolliere zun\u00e4chst die sichtbaren Hinweise beziehungsweise Fehlermeldungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe au\u00dferdem, ob alle erforderlichen Pflichtfelder korrekt ausgef\u00fcllt wurden und ob eine vorhandene Schutzfunktion die \u00dcbermittlung verhindert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste das Formular bei Bedarf zus\u00e4tzlich in einem anderen Browser beziehungsweise in einem privaten Browserfenster.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn der Fehler weiterhin auftritt, ist ein Screenshot der Meldung f\u00fcr die weitere Fehlersuche hilfreich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun, wenn Formularnachrichten im Spam landen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn die Nachricht tats\u00e4chlich versendet wurde, aber im Spam-Ordner des Empf\u00e4ngerpostfachs landet, solltest du nicht sofort s\u00e4mtliche Spamfilter-Einstellungen ver\u00e4ndern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe zun\u00e4chst die betreffende Nachricht und die vorhandenen Protokoll- beziehungsweise Analyseinformationen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei CURIAWEB empfehlen wir grunds\u00e4tzlich, die Standardkonfiguration von SpamExperts nicht ohne konkreten Grund zu ver\u00e4ndern. Der Filter ist bereits entsprechend vorkonfiguriert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Weitere Informationen zu E-Mail und Spamfilter findest du in unserer Knowledgebase im Bereich E-Mail &amp; SpamExperts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular nach \u00c4nderungen erneut testen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du sp\u00e4ter Felder hinzuf\u00fcgst, Pflichtfelder \u00e4nderst, den Empf\u00e4nger wechselst oder andere Einstellungen am Formular anpasst, solltest du erneut eine Testanfrage senden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verlasse dich nicht darauf, dass ein Formular weiterhin funktioniert, nur weil es vor mehreren Monaten einmal getestet wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Besonders nach gr\u00f6\u00dferen \u00c4nderungen an einer Website ist ein erneuter Funktionstest sinnvoll.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mehrere Formulare auf einer Website<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Website kann unterschiedliche Formulare f\u00fcr verschiedene Zwecke ben\u00f6tigen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Kontakt\n\u2192 allgemeine Anfrage\n\nDienstleistung\n\u2192 konkrete Offertanfrage\n\nVeranstaltung\n\u2192 Anmeldung<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Erstelle aber nicht f\u00fcr jede Unterseite ein nahezu identisches Formular, wenn ein gemeinsames Kontaktformular denselben Zweck erf\u00fcllt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mehrere Formulare sind vor allem dann sinnvoll, wenn tats\u00e4chlich unterschiedliche Informationen ben\u00f6tigt werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular oder normale E-Mail-Adresse?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Beide Kontaktm\u00f6glichkeiten haben Vorteile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Formular kann die ben\u00f6tigten Informationen strukturiert abfragen und dem Besucher eine direkte Kontaktm\u00f6glichkeit innerhalb der Website bieten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine ver\u00f6ffentlichte E-Mail-Adresse erm\u00f6glicht dagegen die Kontaktaufnahme \u00fcber das eigene E-Mail-Programm.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Website k\u00f6nnen auch beide M\u00f6glichkeiten angeboten werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formular mit Standortinformationen kombinieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Auf einer Kontaktseite k\u00f6nnen neben dem Formular auch Anschrift, \u00d6ffnungszeiten oder eine Karte hilfreich sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Besucher einen physischen Standort finden sollen, kannst du eine entsprechende Kartenfunktion erg\u00e4nzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous traitons Google Maps et d'autres contenus externes sous <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-cartes-youtube-reseaux-sociaux\/\">Int\u00e9grer Google Maps, YouTube et les r\u00e9seaux sociaux dans Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Typische Fehler bei Kontaktformularen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zu den h\u00e4ufigsten Problemen geh\u00f6ren zu viele Pflichtfelder, unklare Feldbezeichnungen, eine falsche Empf\u00e4ngeradresse und ein Formular, das nach der Einrichtung nie getestet wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auch sehr lange Formulare k\u00f6nnen Besucher von einer Kontaktaufnahme abhalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein weiterer Fehler besteht darin, nach dem Absenden keine verst\u00e4ndliche R\u00fcckmeldung zu geben, sodass Besucher nicht wissen, ob ihre Anfrage \u00fcbermittelt wurde.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Checkliste f\u00fcr ein fertiges Kontaktformular<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>Zweck des Formulars klar?\n        \u2193\nNur notwendige Felder vorhanden?\n        \u2193\nPflichtfelder sinnvoll?\n        \u2193\nFeldbezeichnungen verst\u00e4ndlich?\n        \u2193\nEmpf\u00e4ngeradresse korrekt?\n        \u2193\nSpam-Schutz gepr\u00fcft?\n        \u2193\nDatenschutz ber\u00fccksichtigt?\n        \u2193\nTestanfrage erfolgreich?\n        \u2193\nNachricht angekommen?\n        \u2193\nSmartphone-Darstellung gepr\u00fcft?<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Quelle est la suite ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Kontaktformular ist h\u00e4ufig Teil einer vollst\u00e4ndigen Kontaktseite. Zus\u00e4tzlich k\u00f6nnen dort beispielsweise Standortinformationen, eine Karte oder andere externe Inhalte eingebunden werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi nous continuons avec <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-cartes-youtube-reseaux-sociaux\/\">Int\u00e9grer Google Maps, YouTube et les r\u00e9seaux sociaux dans Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9sum\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mit der Formularfunktion des klassischen Kopage Website Builders kannst du Kontaktformulare und weitere Formulare f\u00fcr strukturierte Anfragen erstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Plane zuerst, welche Informationen du tats\u00e4chlich ben\u00f6tigst, und halte das Formular m\u00f6glichst \u00fcbersichtlich. Verwende eindeutige Feldbezeichnungen und definiere nur wirklich notwendige Angaben als Pflichtfelder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe die vorgesehene Empf\u00e4ngeradresse und sende vor der Ver\u00f6ffentlichung immer eine echte Testanfrage. Kontrolliere dabei nicht nur das Absenden des Formulars, sondern auch, ob die Nachricht tats\u00e4chlich beim richtigen Empf\u00e4nger ankommt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ber\u00fccksichtige au\u00dferdem Spam-Schutz, mobile Bedienbarkeit und die f\u00fcr deinen Anwendungsfall geltenden Datenschutzanforderungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ein Kontaktformular ist erst dann fertig eingerichtet, wenn eine vollst\u00e4ndige Testanfrage erfolgreich vom Besucherformular bis zum vorgesehenen Empf\u00e4nger funktioniert.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Mit einem Formular k\u00f6nnen Besucher direkt \u00fcber deine Kopage Website Kontakt aufnehmen, eine Anfrage senden oder andere Informationen \u00fcbermitteln. Der klassische Kopage Website Builder bietet daf\u00fcr eine Formularfunktion, mit der du neben einfachen Kontaktformularen auch Formulare mit individuell ben\u00f6tigten Feldern erstellen kannst. In dieser Anleitung zeigen wir dir, wie du ein Formular sinnvoll planst, auf [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22831","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-09","word_count":2388,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/fr\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/fr\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/comments?post=22831"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22831\/revisions"}],"predecessor-version":[{"id":22833,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22831\/revisions\/22833"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/media?parent=22831"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_category?post=22831"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_tag?post=22831"}],"curies":[{"name":"Bien jou\u00e9","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}