Atenção!

Este artigo contém código PHP e destina-se a desenvolvedores. Oferecemos este código como uma cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação extra, consulte o tutorial do WPBeginner sobre como adicionar código personalizado.

Dispensar

Descrição

O filtro wpforms_display_submit_spinner_src é acionado somente se Habilitar envio de formulário AJAX estiver ativado nas configurações do formulário e o formulário for enviado.

Parâmetros

$src
(string) A origem (URL) da imagem usada para o spinner
$form_data
(array) Configurações/dados do formulário processados, preparados para serem usados posteriormente.

Fonte

wpforms/src/Frontend/Frontend.php

Mais Informações

O filtro wpforms_display_submit_spinner_src pode ser usado para alterar o ícone/imagem que é mostrado enquanto o formulário está sendo enviado quando o AJAX está ativado nas configurações do formulário.

Habilitar ou Desabilitar AJAX na aba Geral da tela de Configurações do construtor de formulários

Exemplo

Este exemplo alteraria a origem do spinner para todos os formulários.

/**
 * Filter for changing the spinning loader icon shown as the form is submitted.
 *
 * @link    https://wpforms.com/developers/wpforms_display_submit_spinner_src/
 *
 * @param   string  $src        Source of the image used for the spinner.
 * @param   array   $form_data  Processed form settings/data, prepared to be used later.
 *
 * @return  string
 */

function custom_wpforms_display_submit_spinner_src(  $src ) {
  
    return 'https://yoursite.com/your-image.svg';
}

add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );

Neste exemplo, estamos segmentando um formulário específico. O ID do formulário 42

/**
 * Filter for changing the spinning loader icon shown as the form is submitted for a specific form.
 *
 * @link    https://wpforms.com/developers/wpforms_display_submit_spinner_src/
 *
 * @param   string  $src        Source of the image used for the spinner.
 * @param   array   $form_data  Processed form settings/data, prepared to be used later.
 *
 * @return  string
 */

function custom_wpforms_display_submit_spinner_src( $src, $form_data ) {

    if ( $form_data[ 'id' ] === '42' ) {

        $src = 'https://yoursite.com/your-image.svg';

    }

    return $src;
}
add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );

O tamanho recomendado da imagem é 26×26. Alternativamente, você pode usar CSS para definir o tamanho segmentando a classe CSS .wpforms-submit-spinner, mas qualquer CSS adicionado precisaria do uso de !important para substituir a estilização inline padrão.

Referência do Artigo: Como Alterar o Ícone de Pré-Carregamento ao Enviar