❮ Dokumentation

Formular einbetten

Füge das NiceTou.ch-Kontaktformular auf einer beliebigen Website ein.

  1. Melde dich an oder registriere dich.
  2. Öffne dein Konto.
  3. Kopiere den Code.

Auf deiner Website installieren

Füge den Code dort ein, wo das Formular erscheinen soll.

HTML

Füge ihn in den body der Seite ein.

<head>
  …
</head>
<body>
  <h1>Kontakt</h1>
  <!-- Dein Formular-Snippet -->
  <form accept-charset="UTF-8" method="post">
    <!-- Ersetze `YOUR-FORM-ID` durch die eindeutige ID deines eigenen Code-Snippets -->
    <script src="https://nicetou.ch/forms/YOUR-FORM-ID.js"></script>

    <label for="sender">Deine E-Mail-Adresse</label>
    <input type="email" id="sender" name="sender" required />

    <label for="subject">Betreff</label>
    <input type="text" id="subject" name="subject" minlength="6" required />

    <label for="body">Nachricht</label>
    <textarea id="body" name="body" cols="60" rows="5" required></textarea>

    <input type="submit" name="commit" value="Nachricht senden" />
    <p><small class="credit">Formular geschützt durch <a href="https://nicetou.ch">NiceTou.ch</a></small></p>
  </form>
  …
</body>

WordPress

Die Tarife Free und Personal von WordPress.com können das Skript nicht ausführen. Auf einer selbst gehosteten Website entfernt WordPress manchmal ein <script>-Tag, außer ein Plugin fügt es selbst ein. Verwende einen individuellen HTML-Block.

  1. Öffne die Seite im Editor und füge einen individuellen HTML-Block hinzu.
  2. Füge den Code in den Block ein.
  3. Aktualisiere die Seite.

Wix

Das Element Embed HTML muss das Skript ausführen dürfen.

  1. Öffne die Seite und klicke auf Hinzufügen.
  2. Wähle Embed code und dann Embed HTML.
  3. Füge den Code ein und veröffentliche die Seite.

Squarespace

Dafür brauchst du einen Squarespace-Tarif, der eigenen Code erlaubt.

  1. Öffne die Seite und füge einen Code-Block hinzu.
  2. Füge den Code in den Block ein.
  3. Speichere die Seite.

Shopify

  1. Öffne den Theme-Editor.
  2. Füge einen Abschnitt Custom Liquid dort ein, wo das Formular erscheinen soll.
  3. Füge den Code ein und speichere.

Webflow

Dafür brauchst du einen Webflow-Tarif, der eigenen Code erlaubt. Die Designer-Fläche führt das Skript erst in der Vorschau oder nach dem Veröffentlichen aus.

  1. Füge ein Code-Embed-Element dort ein, wo das Formular erscheinen soll.
  2. Füge den Code ein.
  3. Sieh dir die Vorschau an oder veröffentliche die Website.

Für eine Entwicklerin, einen Entwickler oder einen KI-Assistenten

Kopiere den Code von der Kontoseite und behalte das <script>-Tag. Seine Adresse ist https://nicetou.ch/forms/FORM_ID.js. FORM_ID ist die ID in diesem Code. Lass die name-Attribute der Felder unverändert. Das Formular sendet die Nachricht an NiceTou.ch.

Fragen?

Kontaktiere uns.