# Incorporar o formulário

Adicione o formulário de contato do NiceTou.ch a qualquer site.


1. Entre ou cadastre-se.
2. Abra a sua conta.
3. Copie o trecho.

## Instalar no seu site

Cole o trecho onde o formulário deve aparecer.

### HTML

Cole-o no `body` da página.

```html
<head>
  …
</head>
<body>
  <h1>Fale conosco</h1>
  <!-- O seu trecho de formulário -->
  <form accept-charset="UTF-8" method="post">
    <!-- Substitua `YOUR-FORM-ID` pelo identificador único do seu próprio trecho -->
    <script src="https://nicetou.ch/forms/YOUR-FORM-ID.js"></script>
    
    <label for="sender">O seu endereço de e-mail</label>
    <input type="email" id="sender" name="sender" required />

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

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

    <input type="submit" name="commit" value="Enviar mensagem" />
    <p><small class="credit">Formulário protegido pelo <a href="https://nicetou.ch">NiceTou.ch</a></small></p>
  </form>
  …
</body>
```

### WordPress

Os planos gratuito e Personal do WordPress.com não conseguem executar o script. Num site auto-hospedado, o WordPress às vezes remove uma tag `<script>`, a menos que um plugin a adicione. Use um [bloco de HTML personalizado](https://wordpress.com/pt-br/support/editor-do-wordpress/blocos/bloco-html-personalizado/).

1. Abra a página no editor e adicione um bloco de HTML personalizado.
2. Cole o trecho no bloco.
3. Atualize a página.

### Wix

O elemento [Embed HTML](https://support.wix.com/pt/article/editor-wix-incorporando-um-site-ou-widget) precisa ter permissão para executar o script.

1. Abra a página e clique em Adicionar.
2. Escolha Embed code e depois Embed HTML.
3. Cole o trecho e publique.

### Squarespace

É preciso um plano do Squarespace que permita código personalizado.

1. Abra a página e adicione um [bloco de código](https://support.squarespace.com/hc/pt/articles/206543167-Adicione-código-personalizado-a-uma-página-usando-blocos-de-código).
2. Cole o trecho no bloco.
3. Salve a página.

### Shopify

1. Abra o editor de temas.
2. Adicione uma seção [Custom Liquid](https://help.shopify.com/pt-BR/manual/online-store/themes/theme-structure/sections-and-blocks) onde o formulário deve aparecer.
3. Cole o trecho e salve.

### Webflow

É preciso um plano do Webflow que permita código personalizado. A tela do designer não executa o script até você visualizar ou publicar.

1. Adicione um elemento [Code Embed](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed) onde o formulário deve aparecer.
2. Cole o trecho.
3. Visualize ou publique o site.

## Para um desenvolvedor ou um assistente de IA

Copie o trecho da página da conta e mantenha a tag `<script>`. O endereço dela é `https://nicetou.ch/forms/FORM_ID.js`. `FORM_ID` é o identificador desse trecho. Deixe os atributos `name` dos campos como estão. O formulário envia a mensagem para o NiceTou.ch.

## Dúvidas?
[Fale conosco](/pt).