So ändern Sie die Unteretiketten für das Stripe-Kreditkartenfeld

Einführung

Möchten Sie die Unteretiketten für die Felder Ihres Formulars Stripe Credit Card ändern? Sie können die Unteretiketten, die unter den Feldern in Ihrem Formular erscheinen, ändern. In diesem Tutorial zeigen wir Ihnen die Grundlagen, wie Sie die Unteretiketten auf dem Stripe-Kreditkartenfeld mithilfe eines PHP-Code-Snippets ändern können.

In WPForms zeigt das Stripe-Kreditkartenfeld zwei verschiedene Felder an:

  • Kartennummer
  • Name auf der Karte

Speichern der Stripe-Einstellungen

Bevor wir unser Formular erstellen, müssen wir eine Einstellung auf der Registerkarte " Zahlungen" der WPForms-Einstellungen aktivieren. Sie können diese Einstellung finden, indem Sie zu WPForms Einstellungen " Zahlungen navigieren. Wählen Sie unter der Überschrift Stripe die Option Card Element für den Credit Card Field Mode.

Dieses Tutorial funktioniert nur, wenn Sie das Kartenelement verwenden. Wenn Sie das Zahlungselement ausgewählt haben, wird dieses Snippet nicht funktionieren. Zahlungselemente werden über einen iFrame auf die Seite geladen und diese Unteretiketten können nicht über einen iframe geändert werden.

aktivieren Sie das Kartenelement für Ihre Stripe-Verarbeitung

Erstellen des Formulars

Als nächstes müssen Sie ein Formular einrichten, das ein Stripe-Kreditkartenfeld enthält. Wenn Sie Hilfe bei der Erstellung eines Formulars benötigen, das Stripe-Zahlungen akzeptiert, lesen Sie bitte diese Dokumentation.

ein Formular erstellen, das Stripe-Kreditkartenzahlungen akzeptiert

Hinzufügen des Snippets zum Ändern der Unteretiketten

Um die Unteretiketten zu ändern, müssen Sie dieses Snippet zu Ihrer Website hinzufügen. Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, lesen Sie bitte dieses 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 );


Bitte beachten Sie, dass das unten stehende Codeschnipsel nur die Unteretiketten im Feld Stripe Credit Card ändert.

Mit diesem Snippet können Sie jetzt die Unteretiketten von Kreditkartenfeldern für Stripe ändern

Und das war's! Sie haben nun erfolgreich die Unteretiketten geändert. Möchten Sie die Unteretiketten für das Feld Name ändern? Schauen Sie sich unseren Artikel über das Ändern von Unteretiketten für das Feld "Name" an.

Filter-Referenz: wpforms_field_properties