Procesamiento de etiquetas inteligentes en opciones de campo de casilla de verificación

¿Deseas procesar las etiquetas inteligentes en las opciones del campo Casilla de verificación? Por defecto, las etiquetas inteligentes no se procesarán si se colocan dentro de las opciones individuales del campo Casilla de verificación. Sin embargo, utilizando un pequeño fragmento de código PHP puedes permitirlo fácilmente.

En este tutorial, te guiaremos sobre cómo procesar las etiquetas inteligentes en las opciones del campo Casilla de verificación.

Las etiquetas inteligentes son una excelente manera de extraer y mostrar datos dinámicamente dentro de tu formulario. WPForms también te permite crear etiquetas inteligentes personalizadas que se pueden usar para extender aún más esta funcionalidad.

Creación del formulario

Para este tutorial, agregaremos algunos campos a nuestro formulario de membresía que confirmarán el nombre completo o el nombre para mostrar de la persona que completa el formulario. Esto se extraerá del perfil de WordPress, así como un campo del formulario para ¿Cómo te enteraste de esta oferta?, que también se extraerá de una etiqueta inteligente.

Si necesitas ayuda para crear un formulario, consulta esta útil guía.

Uso de etiquetas inteligentes en las opciones del campo Casilla de verificación

Podemos usar las etiquetas inteligentes, así que introduciremos {user_full_name} en la etiqueta de la primera opción y {user_display} para la segunda opción.

También agregaremos una tercera opción que, cuando se seleccione, mostrará condicionalmente un campo de formulario de una sola línea de texto para que el visitante ingrese el nombre correcto si los registros del perfil son incorrectos.

A continuación, agregaremos otro campo de Casilla de verificación para preguntar al visitante que complete el ¿Cómo te enteraste de esta oferta?, que incluirá la etiqueta inteligente {url_referer} para intentar extraer la URL desde la que el visitante fue referido.

Añadir el fragmento de código

Para procesar cualquier etiqueta inteligente incluida para las opciones del campo Casilla de verificación, necesitarás copiar este fragmento de código a tu sitio.

Si necesitas ayuda para agregar fragmentos de código, revisa este tutorial.

/**
 * Using Smart Tags in Checkboxes.
 *
 * @link   https://wpforms.com/developers/process-smart-tags-in-checkbox-labels/
 */
 
function wpf_dev_checkbox_choices_process_smarttags( $field, $deprecated, $form_data ) {
 
    foreach ( $field[ 'choices' ] as $key => $choice ) {
 
        if ( ! empty( $choice[ 'label' ] ) ) {
 
            $field[ 'choices' ][ $key ][ 'label' ] = apply_filters( 'wpforms_process_smart_tags', $choice[ 'label' ], $form_data );
 
        }
 
    }
 
    return $field;
}
add_filter( 'wpforms_checkbox_field_display', 'wpf_dev_checkbox_choices_process_smarttags', 10, 3 );

El código anterior indica a las opciones de casilla de verificación que procesen el filtro para etiquetas inteligentes con apply_filters( ‘wpforms_process_smart_tags’,. Esto es lo que te permite usar etiquetas inteligentes como etiquetas en el campo Casillas de verificación.

Preguntas frecuentes

Estas son respuestas a algunas de las preguntas más frecuentes que vemos sobre cómo hacer que las etiquetas inteligentes sean utilizables en las etiquetas de los campos de Casilla de verificación.

P: ¿Puedo usar esto también para los campos Desplegable y Opción múltiple?

R: ¡Absolutamente! Usa este fragmento para procesar etiquetas inteligentes dentro de las etiquetas de campo de los campos de formulario Desplegable y Opción múltiple.

/**
 * Using Smart Tags in Multiple Choice and Dropdown choices.
 *
 * @link   https://wpforms.com/developers/process-smart-tags-in-checkbox-labels/
 */
 
function wpf_dev_select_radio_choices_process_smarttags( $field, $deprecated, $form_data ) {
     
    foreach ( $field[ 'choices' ] as $key => $choice ) {
         
        if ( ! empty( $choice[ 'label' ] ) ) {
             
            $label = apply_filters( 'wpforms_process_smart_tags', $choice[ 'label' ], $form_data );
             
            if ( ! empty( $label ) ) {
                 
                $field['choices'][ $key ][ 'label' ] = $label;
             
            } else {
                
                // Remove empty option.
                unset( $field['choices'][ $key ] );
            }
        }
    }
  
    return $field;
}
  
add_filter( 'wpforms_radio_field_display', 'wpf_dev_select_radio_choices_process_smarttags', 10, 3 );
add_filter( 'wpforms_select_field_display', 'wpf_dev_select_radio_choices_process_smarttags', 10, 3 );

¡Eso es todo! Ahora sabes cómo usar etiquetas inteligentes en las etiquetas del campo Casilla de verificación.

A continuación, ¿te gustaría usar también etiquetas inteligentes en el campo de formulario HTML / Código? Echa un vistazo a nuestro tutorial sobre el procesamiento de etiquetas inteligentes en campos HTML.

Relacionado

Referencias de filtros:

• wpforms_process_smart_tags
• wpforms_checkbox_field_display