Formular einbetten
Füge das NiceTou.ch-Kontaktformular auf einer beliebigen Website ein.
- Melde dich an oder registriere dich.
- Öffne dein Konto.
- 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.
- Öffne die Seite im Editor und füge einen individuellen HTML-Block hinzu.
- Füge den Code in den Block ein.
- Aktualisiere die Seite.
Wix
Das Element Embed HTML muss das Skript ausführen dürfen.
- Öffne die Seite und klicke auf Hinzufügen.
- Wähle Embed code und dann Embed HTML.
- Füge den Code ein und veröffentliche die Seite.
Squarespace
Dafür brauchst du einen Squarespace-Tarif, der eigenen Code erlaubt.
- Öffne die Seite und füge einen Code-Block hinzu.
- Füge den Code in den Block ein.
- Speichere die Seite.
Shopify
- Öffne den Theme-Editor.
- Füge einen Abschnitt Custom Liquid dort ein, wo das Formular erscheinen soll.
- 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.
- Füge ein Code-Embed-Element dort ein, wo das Formular erscheinen soll.
- Füge den Code ein.
- 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.