Cómo cambiar las subetiquetas del campo de tarjeta de crédito de Stripe

Introducción

¿Desea cambiar las sub-etiquetas de los campos de su formulario de Tarjeta de Crédito Stripe? Puede cambiar las sub-etiquetas que aparecen debajo de los campos de su formulario. En este tutorial, le mostraremos los conceptos básicos de cómo puede cambiar las sub-etiquetas en el campo de tarjeta de crédito Stripe utilizando un fragmento de código PHP.

En WPForms, el campo Tarjeta de crédito Stripe muestra dos campos diferentes:

• Número de tarjeta
• Nombre en la tarjeta

Guardar la configuración de Stripe

Antes de crear nuestro formulario, necesitaremos habilitar una opción en la pestaña Pagos de la configuración de WPForms. Puede encontrar esta configuración navegando a Configuración de WPForms " Pagos. Bajo el encabezado Stripe, seleccione Card Element para el Credit Card Field Mode.

Creación del formulario

A continuación, tendrá que configurar un formulario que tenga un campo de tarjeta de crédito de Stripe. Si necesitas ayuda para crear un formulario que acepte pagos con Stripe, consulta esta documentación.

Añadir el fragmento para cambiar las sub-etiquetas

Para cambiar las sub-etiquetas necesitará añadir este snippet a su sitio. Si necesitas ayuda para añadir snippets a tu sitio, consulta este tutorial.

/**
 * Customize Stripe credit card field properties.
 *
 * @link https://wpforms.com/developers/how-to-change-sublabels-for-the-credit-card-field
 */
 
function wpf_dev_creditcard_field_properties( $properties, $field, $form_data ) {
      
    // Change sub-label text on the Card Number field
    $properties[ 'inputs' ][ 'number' ][ 'sublabel' ][ 'value' ] = __( 'Enter your card number', 'text-domain' );
  
    // Change sub-label text on the Card Name field
    $properties[ 'inputs' ][ 'name' ][ 'sublabel' ][ 'value' ] = __( 'Name as it appears on the card', 'text-domain' );
      
    return $properties;
}
  
add_filter( 'wpforms_field_properties_stripe-credit-card' , 'wpf_dev_creditcard_field_properties', 10, 3 );

Y ya está. Ya ha cambiado con éxito las sub-etiquetas. ¿Desea cambiar las subetiquetas del campo Nombre? Eche un vistazo a nuestro artículo sobre Cómo cambiar las subetiquetas del campo Nombre.

Relacionado

Referencia del filtro: wpforms_field_properties