Ändern der Unteretiketten des Adressfeldes

Möchten Sie die Sublabels der Adressfelder in WPForms ändern? Diese Sublabels lassen die Benutzer wissen, welche Art von Informationen der Benutzer ausfüllen soll. In diesem Tutorial zeigen wir Ihnen, wie Sie diese Sublabels mit PHP ändern können.

Im Formularfeld Adresse werden standardmäßig zusätzliche Felder angezeigt. Jedes dieser Felder hat seine eigenen Beschriftungen, die so genannten Unterbeschriftungen.

Erstellen des Formulars

Wir beginnen mit der Erstellung des Formulars und fügen unsere Felder hinzu, zu denen auch das Formularfeld " Adresse" gehören wird.

Wenn Sie Hilfe bei der Erstellung Ihres Formulars benötigen, sehen Sie sich bitte diese Dokumentation an.

Ändern der Adressunteretiketten

Jetzt ist es an der Zeit, das Snippet zu Ihrer Website hinzuzufügen.

Wenn Sie wissen möchten, wo und wie Sie Snippets zu Ihrer Website hinzufügen können, lesen Sie bitte diese Anleitung.

Nur US-Adressschema

Mit dem folgenden Codeschnipsel können Sie die Unteretiketten im Feld Adresse für das US-Schema ändern.

/**
 * Change the sublabels for the Address field for the US Address Scheme.
 *
 * @link https://wpforms.com/developers/how-to-change-the-address-field-sublabels/
 */

function wpf_dev_address_field_properties_usa( $properties, $field, $form_data ) {
  
  // check for address scheme
  if ( $field[ 'scheme' ] === 'us' ){

	  // Change sublabel values
	  $properties[ 'inputs' ][ 'address1' ][ 'sublabel' ][ 'value' ] = __( 'Street Address' );
	  $properties[ 'inputs' ][ 'address2' ][ 'sublabel' ][ 'value' ] = __( 'Apartment #' );
	  $properties[ 'inputs' ][ 'city' ][ 'sublabel' ][ 'value' ] = __( 'City' );
	  $properties[ 'inputs' ][ 'state' ][ 'sublabel' ][ 'value' ] = __( 'State' );
	  $properties[ 'inputs' ][ 'postal' ][ 'sublabel' ][ 'value' ] = __( 'Zip' );
  	}

    return $properties;
}

add_filter( 'wpforms_field_properties_address', 'wpf_dev_address_field_properties_usa', 10, 3 );

Nur internationales Adressschema

Mit dem folgenden Codeschnipsel können Sie die Unteretiketten in Ihrem Adressfeld für das internationale Schema ändern.

/**
 * Change the sublabels for the Address field for the International Address Scheme.
 *
 * @link https://wpforms.com/developers/how-to-change-the-address-field-sublabels/
 */

function wpf_dev_address_field_properties_international( $properties, $field, $form_data ) {
  
  // check for address scheme
  if ( $field['scheme'] === 'international' ){

	  // Change sublabel values
	  $properties[ 'inputs' ][ 'address1' ][ 'sublabel' ][ 'value' ] = __( 'Address' );
	  $properties[ 'inputs' ][ 'address2' ][ 'sublabel' ][ 'value' ] = __( 'Apartment / Suite #' );
	  $properties[ 'inputs' ][ 'city' ][ 'sublabel' ][ 'value' ] = __( 'City' );
	  $properties[ 'inputs' ][ 'state' ][ 'sublabel' ][ 'value' ] = __( 'State / Province / Region' );
	  $properties[ 'inputs' ][ 'postal' ][ 'sublabel' ][ 'value' ] = __( 'Postal Code' );
	  $properties[ 'inputs' ][ 'country' ][ 'sublabel' ][ 'value' ] = __( 'Country' );
  	}

    return $properties;
}

add_filter( 'wpforms_field_properties_address', 'wpf_dev_address_field_properties_international', 10, 3 );

Und das war's! Möchten Sie weitere Adressschemata für Ihr Adressfeld erstellen? Schauen Sie sich unseren Artikel über die Erstellung zusätzlicher Schemata für das Adressfeld an.

Referenzfilter

wpforms_field_properties

FAQ

F: Kann ich diese nur für ein Formular ändern?

A: Natürlich, wenn Sie diese Unteretiketten nur für ein bestimmtes Formular ändern möchten, verwenden Sie stattdessen dieses Snippet und denken Sie daran, die Formular-ID 123 zu aktualisieren, damit sie Ihrer eigenen Formular-ID entspricht. Wenn Sie Hilfe bei der Suche nach Ihrer Formular-ID benötigen, lesen Sie bitte diese hilfreiche Anleitung.

/**
 * Change the sublabels for the Address field for the US Address Scheme.
 *
 * @link https://wpforms.com/developers/how-to-change-the-address-field-sublabels/
 */
 
function wpf_dev_address_field_properties_usa( $properties, $field, $form_data ) {
	
	// Only process this snippet on the form ID 123
    if ( absint( $form_data[ 'id' ] ) !== 123 ) {

        return $properties;
    } 
   
  // check for address scheme
  if ( $field[ 'scheme' ] === 'us' ){
 
      // Change sublabel values
      $properties[ 'inputs' ][ 'address1' ][ 'sublabel' ][ 'value' ] = __( 'Street Address' );
      $properties[ 'inputs' ][ 'address2' ][ 'sublabel' ][ 'value' ] = __( 'Apartment #' );
      $properties[ 'inputs' ][ 'city' ][ 'sublabel' ][ 'value' ] = __( 'City' );
      $properties[ 'inputs' ][ 'state' ][ 'sublabel' ][ 'value' ] = __( 'State' );
      $properties[ 'inputs' ][ 'postal' ][ 'sublabel' ][ 'value' ] = __( 'Zip' );
    }
 
    return $properties;
}
 
add_filter( 'wpforms_field_properties_address' , 'wpf_dev_address_field_properties_usa', 10, 3 );

Wie Sie in dem Schnipsel sehen können, müssen wir nur noch die Prüfung der Formular-ID mit if ( absint( $form_data[ 'id' ] ) !== 123 ) { return $properties; } Der Rest des Schnipsels bleibt genau so wie im Beispiel mit allen Formularen.