❮ Documentation

Embed the form

Add the NiceTou.ch contact form to any website.

  1. Log in or sign up.
  2. Navigate to your account.
  3. Copy the snippet.

Install on your site

Paste the snippet where the form should appear.

HTML

Paste it into the body of the page.

<head>
  …
</head>
<body>
  <h1>Contact us</h1>
  <!-- Your form snippet -->
  <form accept-charset="UTF-8" method="post">
    <!-- Replace `YOUR-FORM-ID` with the unique id of your own code snippet -->
    <script src="https://nicetou.ch/forms/YOUR-FORM-ID.js"></script>

    <label for="sender">Your email address</label>
    <input type="email" id="sender" name="sender" required />

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

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

    <input type="submit" name="commit" value="Send message" />
    <p><small class="credit">Form protected by <a href="https://nicetou.ch">NiceTou.ch</a></small></p>
  </form>
  …
</body>

WordPress

WordPress.com free and Personal plans cannot run the script. On a self-hosted site, WordPress sometimes removes a <script> tag unless a plugin adds it. Use a Custom HTML block.

  1. Go to your site’s dashboard and select the page, post, or template you want to add the HTML to.
  2. Click the + Block Inserter and search for “HTML”.
  3. Click the Custom HTML block to add it to your content.
  4. Click the “Edit HTML” button.
  5. Paste the snippet.
  6. Update the page.

Wix

The Embed HTML element has to be allowed to run the script.

  1. Open the page and click Add.
  2. Choose Embed code, then Embed HTML.
  3. Paste the snippet and publish.

Squarespace

This needs a Squarespace plan that allows custom code.

  1. Open the page and add a Code block.
  2. Paste the snippet into the block.
  3. Save the page.

Shopify

  1. Open the theme editor.
  2. Add a Custom Liquid section where the form should appear.
  3. Paste the snippet and save.

Webflow

This needs a Webflow plan that allows custom code. The designer canvas does not run the script until you preview or publish.

  1. Add a Code Embed element where the form should appear.
  2. Paste the snippet.
  3. Preview or publish the site.

For a developer or an AI assistant

Copy the snippet from the account page and keep the <script> tag. Its address is https://nicetou.ch/forms/FORM_ID.js. FORM_ID is the id in that snippet. Leave the input name attributes unchanged. The form sends the message to NiceTou.ch.

Questions?

Contact us.