# Insertar el formulario

Añade el formulario de contacto de NiceTou.ch a cualquier sitio web.


1. Inicia sesión o regístrate.
2. Abre tu cuenta.
3. Copia el fragmento.

## Instalar en tu sitio

Pega el fragmento donde deba aparecer el formulario.

### HTML

Pégalo en el `body` de la página.

```html
<head>
  …
</head>
<body>
  <h1>Contáctanos</h1>
  <!-- Tu fragmento de formulario -->
  <form accept-charset="UTF-8" method="post">
    <!-- Sustituye `YOUR-FORM-ID` por el identificador único de tu propio fragmento -->
    <script src="https://nicetou.ch/forms/YOUR-FORM-ID.js"></script>

    <label for="sender">Tu correo electrónico</label>
    <input type="email" id="sender" name="sender" required />

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

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

    <input type="submit" name="commit" value="Enviar mensaje" />
    <p><small class="credit">Formulario protegido por <a href="https://nicetou.ch">NiceTou.ch</a></small></p>
  </form>
  …
</body>
```

### WordPress

Los planes gratuito y Personal de WordPress.com no pueden ejecutar el script. En un sitio autohospedado, WordPress a veces elimina una etiqueta `<script>`, salvo que un plugin la añada. Usa un [bloque HTML personalizado](https://wordpress.com/es/support/editor-wordpress/bloques/bloque-html-personalizado/).

1. Abre la página en el editor y añade un bloque HTML personalizado.
2. Pega el fragmento en el bloque.
3. Actualiza la página.

### Wix

El elemento [Embed HTML](https://support.wix.com/es/article/editor-de-wix-incrustar-un-sitio-o-un-widget) tiene que poder ejecutar el script.

1. Abre la página y haz clic en Añadir.
2. Elige Embed code y luego Embed HTML.
3. Pega el fragmento y publica.

### Squarespace

Hace falta un plan de Squarespace que permita código personalizado.

1. Abre la página y añade un [bloque de código](https://support.squarespace.com/hc/es/articles/206543167-Agrega-código-personalizado-a-una-página-con-bloques-de-código).
2. Pega el fragmento en el bloque.
3. Guarda la página.

### Shopify

1. Abre el editor de temas.
2. Añade una sección [Custom Liquid](https://help.shopify.com/es/manual/online-store/themes/theme-structure/sections-and-blocks) donde deba aparecer el formulario.
3. Pega el fragmento y guarda.

### Webflow

Hace falta un plan de Webflow que permita código personalizado. El lienzo del diseñador no ejecuta el script hasta que previsualizas o publicas.

1. Añade un elemento [Code Embed](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed) donde deba aparecer el formulario.
2. Pega el fragmento.
3. Previsualiza o publica el sitio.

## Para un desarrollador o un asistente de IA

Copia el fragmento de la página de tu cuenta y conserva la etiqueta `<script>`. Su dirección es `https://nicetou.ch/forms/FORM_ID.js`. `FORM_ID` es el identificador de ese fragmento. Deja sin cambiar los atributos `name` de los campos. El formulario envía el mensaje a NiceTou.ch.

## ¿Preguntas?
[Contáctanos](/es).