# Intégrer le formulaire

Ajoutez le formulaire de contact NiceTou.ch à n'importe quel site.


1. Connectez-vous ou inscrivez-vous.
2. Ouvrez votre compte.
3. Copiez le code.

## Installer sur votre site

Collez le code à l'endroit où le formulaire doit apparaître.

### HTML

Collez-le dans le `body` de la page.

```html
<head>
  …
</head>
<body>
  <h1>Contactez-nous</h1>
  <!-- Votre code de formulaire -->
  <form accept-charset="UTF-8" method="post">
    <!-- Remplacez `YOUR-FORM-ID` par l'identifiant unique de votre propre code -->
    <script src="https://nicetou.ch/forms/YOUR-FORM-ID.js"></script>


    <label for="sender">Votre adresse email</label>
    <input type="email" id="sender" name="sender" required />

    <label for="subject">Objet</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="Envoyer le message" />
    <p><small class="credit">Formulaire protégé par <a href="https://nicetou.ch">NiceTou.ch</a></small></p>
  </form>
  …
</body>
```

### WordPress

Les offres gratuite et Personal de WordPress.com ne peuvent pas exécuter le script. Sur un site auto-hébergé, WordPress retire parfois une balise `<script>`, sauf si une extension l'ajoute elle-même. Utilisez un [bloc HTML personnalisé](https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-html-personnalise/).

1. Ouvrez la page dans l'éditeur et ajoutez un bloc HTML personnalisé.
2. Collez le code dans le bloc.
3. Mettez la page à jour.

### Wix

L'élément [Embed HTML](https://support.wix.com/fr/article/éditeur-wix-intégrer-un-site-ou-un-widget) doit être autorisé à exécuter le script.

1. Ouvrez la page et cliquez sur Ajouter.
2. Choisissez Embed code, puis Embed HTML.
3. Collez le code et publiez.

### Squarespace

Il faut une offre Squarespace qui autorise le code personnalisé.

1. Ouvrez la page et ajoutez un [bloc Code](https://support.squarespace.com/hc/fr-fr/articles/206543167-Ajouter-du-code-personnalisé-à-une-page-à-l-aide-de-blocs-Code).
2. Collez le code dans le bloc.
3. Enregistrez la page.

### Shopify

1. Ouvrez l'éditeur de thème.
2. Ajoutez une section [Custom Liquid](https://help.shopify.com/fr/manual/online-store/themes/theme-structure/sections-and-blocks) à l'endroit où le formulaire doit apparaître.
3. Collez le code et enregistrez.

### Webflow

Il faut une offre Webflow qui autorise le code personnalisé. Le canevas du designer n'exécute le script qu'à l'aperçu ou à la publication.

1. Ajoutez un élément [Code Embed](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed) à l'endroit où le formulaire doit apparaître.
2. Collez le code.
3. Prévisualisez ou publiez le site.

## Pour un développeur ou un assistant IA

Copiez le code depuis la page du compte et gardez la balise `<script>`. Son adresse est `https://nicetou.ch/forms/FORM_ID.js`. `FORM_ID` est l'identifiant présent dans ce code. Laissez les attributs `name` des champs inchangés. Le formulaire envoie le message à NiceTou.ch.

## Des questions ?
[Contactez-nous](/fr).