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

```html
<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](https://wordpress.com/support/wordpress-editor/blocks/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](https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget) 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](https://support.squarespace.com/hc/en-us/articles/206543167-Add-custom-code-to-a-page-with-code-blocks).
2. Paste the snippet into the block.
3. Save the page.

### Shopify

1. Open the theme editor.
2. Add a [Custom Liquid](https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks) 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](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-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](/en).