### [Usando trechos de código do WPForms](https://wpforms.com/docs/using-wpforms-code-snippets/)

**Publicado:** 7 de novembro de 2023
**Autor:** Umair Majeed

**Trecho:** Aprenda a aprimorar o WPForms usando trechos de código do WPCode.

**Conteúdo:**

Gostaria de uma solução simples, com um clique, para adicionar trechos de código personalizados aos seus formulários? Com o WPForms e o plugin WPCode, você pode usar facilmente trechos de código para seus formulários sem editar o arquivo `function.php` do seu tema.

Neste guia, mostraremos como instalar e usar o plugin WPCode com apenas alguns cliques, aprimorando seu WPForms com funcionalidades adicionais sem esforço.

---

### Introdução ao WPCode

Para começar, vá para **WPForms » Ferramentas**. Uma vez lá, selecione a guia **Trechos de código**.

![Guia Code Snippets no WPForms](https://wpforms.com/wp-content/uploads/2023/10/code-snippets-tab.png)

Ao navegar até a guia Code Snippets, você verá uma mensagem solicitando que instale e ative o plugin WPCode.

Basta clicar no botão **Instalar + Ativar WPCode** para acessar todos os trechos de código do WPForms através do plugin WPCode.

![Botão Instalar e Ativar para WPCode](https://wpforms.com/wp-content/uploads/2023/10/install-activate-WPCode.png)

### Adicionando trechos de código do WPForms

Depois que o WPCode estiver instalado, você verá todos os trechos de código do WPForms disponíveis. Ao instalá-los, suas funcionalidades serão ativadas em todos os seus formulários.

![Lista de trechos na guia Trechos de código](https://wpforms.com/wp-content/uploads/2023/11/available-code-snippets.png)

Todos os trechos de código são exibidos com um título e uma breve descrição que descreve sua funcionalidade ou as alterações que eles introduzirão nos formulários.

Para implementar um recurso desejado, basta revisar seus detalhes e clicar no botão **Instalar trecho** correspondente a esse trecho.

![Botão Instalar trecho](https://wpforms.com/wp-content/uploads/2023/11/install-snippet.png)

Depois de selecionar Instalar trecho, você será redirecionado para a página WPCode que exibe os detalhes do trecho.

![Visualização detalhada de um snippet](https://wpforms.com/wp-content/uploads/2023/11/code-snippet-preview.png)

Aqui, você pode visualizar a pré-visualização do código, ajustar as configurações de inserção e especificar o tipo de dispositivo no qual o snippet deve ser executado. Além disso, você pode utilizar a lógica condicional inteligente para determinar páginas específicas para inserção automática.

 **Observação:** para uma compreensão mais profunda das configurações disponíveis e da funcionalidade detalhada, consulte a [documentação oficial do WPCode](https://wpcode.com/docs/).

Para sua conveniência, as melhores configurações adequadas para o seu site foram aplicadas por padrão. Embora não haja necessidade de fazer alterações, você tem a flexibilidade de ajustar qualquer configuração, se desejar.

Após fazer as alterações, certifique-se de ativar a opção **Ativo**.

![Ative o snippet para torná-lo ativo](https://wpforms.com/wp-content/uploads/2023/11/activate-snippet.png)

Em seguida, basta clicar no botão **Atualizar** para ativar o snippet em seu site, aplicando as modificações especificadas aos seus formulários.

![Clique no botão Atualizar para ativar o trecho de código](https://wpforms.com/wp-content/uploads/2023/11/update-snippet.png)

### Editando ou excluindo um snippet de código

Com o WPForms, você tem acesso simplificado aos snippets do WPCode. Gerenciar esses snippets é fácil, e você pode editá-los ou excluí-los facilmente, conforme necessário.

#### Editando um snippet de código

Para editar um trecho de código instalado, vá para a guia **Trechos de código** e clique no botão **Editar trecho** correspondente ao trecho que você deseja ajustar.

![Botão Editar trecho](https://wpforms.com/wp-content/uploads/2023/11/edit-snippet.png)

Isso o levará à página detalhada, onde você poderá fazer as modificações necessárias no trecho.

#### Excluindo um trecho de código

Para excluir um trecho de código, clique em **Trechos de código** **»** **Trechos de código** no menu lateral do WordPress. Isso exibirá uma lista de todos os trechos instalados, indicando quais estão ativos.

![Lista de trechos de código instalados no WPCode](https://wpforms.com/wp-content/uploads/2023/11/all-code-snippets-wpcode-1.png)

Para remover um trecho, passe o mouse sobre ele e clique em **Lixeira**. Isso removerá o trecho e sua funcionalidade do seu site.

![Clique em Lixeira para excluir um snippet de código](https://wpforms.com/wp-content/uploads/2023/11/trash-snippet.png)

É isso! Agora você sabe como o WPForms facilita o uso do plugin WPCode e a aplicação de snippets de código para melhorar as funcionalidades dos formulários

Em seguida, você gostaria de ainda mais opções de personalização? Não deixe de conferir nosso tutorial sobre [como personalizar o botão enviar](https://wpforms.com/docs/how-to-customize-the-submit-button/ "Como personalizar o botão enviar").

**Categorias:** Funcionalidade, Ampliação da funcionalidade

---