# 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.

```html
<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](https://wordpress.com/de/support/wordpress-editor/bloecke/individueller-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](https://support.wix.com/de/article/wix-editor-eine-website-oder-ein-widget-einbetten) 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](https://support.squarespace.com/hc/de/articles/206543167-Benutzerdefinierten-Code-zu-einer-Seite-mit-Code-Blöcken-hinzufügen) 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](https://help.shopify.com/de/manual/online-store/themes/theme-structure/sections-and-blocks) 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](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed) 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](/de).