### [Como Alterar o Ícone de Pré-Carregamento ao Enviar](https://wpforms.com/developers/how-to-change-the-pre-loader-icon-on-submit/)
**Publicado:** 14 de fevereiro de 2020
**Autor:** Equipe Editorial
**Resumo:** Este tutorial irá guiá-lo através dos passos sobre como alterar o ícone de pré-carregamento que aparece em formulários AJAX quando o formulário não é enviado imediatamente.
**Conteúdo:**
## Introdução
Gostaria de alterar o ícone de pré-carregamento no seu WPForms? Existe um ícone de pré-carregamento padrão usado em todos os WPForms quando a configuração **Ativar envio de formulário AJAX** está ativada no seu formulário. Se desejar personalizar este ícone com o seu próprio, você precisará adicionar um pequeno trecho de PHP para fazer isso. Neste tutorial, mostraremos como conseguir isso.
## Criação do formulário
Primeiro, começaremos criando nosso formulário e adicionando nossos campos.
## Ativação do AJAX nas configurações do formulário
Em seguida, você precisará garantir que o AJAX esteja ativado. Para fazer isso, clique em **Configurações** e em **Geral**, clique em **Avançado** para abrir as opções avançadas e ative a opção **Ativar envio de formulário AJAX** para ativar o AJAX.
## Adicionando o trecho
Em seguida, você precisará copiar e colar este trecho no seu site. Se precisar de ajuda sobre como adicionar trechos ao seu site, consulte este tutorial
```
/**
* Altera o ícone de pré-carregamento
*
* @link https://wpforms.com/developers/how-to-change-the-pre-loader-icon-on-submit/
*/
function custom_wpforms_display_submit_spinner_src( $src, $form_data ) {
// Insira o URL da imagem de carregamento entre as aspas simples
return 'http://yoursite.com/your-image.svg';
}
add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
```
Adicionar este trecho alterará o URL de onde encontrar o ícone de carregamento.
E é isso! Você alterou com sucesso o ícone. Gostaria de aprender como posicionar a **Descrição** do campo acima do campo do formulário? Dê uma olhada no artigo sobre [Como Posicionar a Descrição do Campo Acima do Campo do Formulário](https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/ "Como Posicionar a Descrição do Campo Acima do Campo do Formulário").
## Relacionado
Referência de Filtro: [wpforms\_display\_submit\_spinner\_src](https://wpforms.com/developers/wpforms_display_submit_spinner_src/ "Usando o filtro wpforms_display_submit_spinner_src")
**Categorias:** Tutoriais
**Tags:** PHP
---