¡Atención!

Este artículo contiene código PHP y está destinado a desarrolladores. Ofrecemos este código como cortesía, pero no proporcionamos soporte para personalizaciones de código o desarrollo de terceros.

Para obtener ayuda adicional, consulta el tutorial de WPBeginner sobre cómo añadir código personalizado.

Descartar

Descripción

El filtro wpforms_display_submit_spinner_src se activa solo si Habilitar envío de formularios AJAX está activado en la configuración del formulario y el formulario se envía.

Parámetros

$src
(string) La fuente (URL) de la imagen utilizada para el spinner
$form_data
(array) Configuración/datos del formulario procesados, preparados para ser utilizados posteriormente.

Origen

wpforms/src/Frontend/Frontend.php

Más Información

El filtro wpforms_display_submit_spinner_src se puede utilizar para cambiar el icono/imagen que se muestra mientras el formulario se está enviando cuando AJAX está activado en la configuración del formulario.

Habilitar o deshabilitar AJAX en la pestaña General de la pantalla de Configuración del constructor de formularios

Ejemplo

Este ejemplo cambiaría la fuente del spinner para todos los formularios.

/**
 * 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 );

En este ejemplo, nos dirigimos a un formulario específico. El ID del formulario 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 );

El tamaño de imagen recomendado es 26x26. Alternativamente, puede usar CSS para definir el tamaño apuntando a la clase CSS .wpforms-submit-spinner, pero cualquier CSS agregado necesitaría el uso de !important para sobrescribir el estilo en línea predeterminado.

Referencia del artículo: Cómo cambiar el icono del pre-cargador al enviar