Personalisierte Hinweise mit einem individuellen Badge in WooCommerce

WordPress und Woocommerce Snippets für Deine Seite (Teil 1) -Skripte -Boost my Shop

In der Welt des E-Commerce ist es wichtig, die Aufmerksamkeit der Kunden auf wichtige Informationen zu lenken, sei es besondere Angebote, Produktmerkmale oder andere relevante Hinweise. Mit einem individuellen Badge in WooCommerce kannst du diese wichtigen Informationen direkt auf den Produktseiten präsentieren.

Was ist das Besondere an diesem Badge? Es bietet eine einfache Möglichkeit, einen personalisierten Text für jedes Produkt einzugeben und anzuzeigen. Sei es ein Hinweis auf besondere Eigenschaften, eine kurze Anleitung zur Verwendung oder ein spezielles Angebot - die Möglichkeiten sind endlos.

Und das Beste daran ist, dass du dieses individuelle Badge ganz einfach in den Produktkonfigurator integrieren kannst. Ein paar Zeilen Code genügen, um ein neues Feld hinzuzufügen, in das du deinen gewünschten Text eingeben kannst.

Hier ist, wie du das individuelle Badge in WooCommerce einrichten kannst:

// Display Fields
add_action( 'woocommerce_product_options_general_product_data', 'woo_add_custom_fields' );

// Save Fields
add_action( 'woocommerce_process_product_meta', 'woo_add_custom_fields_save' );

function woo_add_custom_fields() {

  global $woocommerce, $post;
  
  echo '<div class="options_group">';
  
 // Display Woocommerce product badge box in product edit page
woocommerce_wp_text_input( 
	array( 
		'id'          => '_text_field', 
		'label'       => __( 'Badge text', 'woocommerce' ), 
		'placeholder' => 'Enter your badge text here',
		'desc_tip'    => 'true',
		'description' => __( 'Enter your badge text here', 'woocommerce' ) 
	)
); 
  echo '</div>';	
}
function woo_add_custom_fields_save( $post_id ){
	// Text Field
	$woocommerce_text_field = $_POST['_text_field'];
	if( !empty( $woocommerce_text_field ) )
		update_post_meta( $post_id, '_text_field', esc_attr( $woocommerce_text_field ) );
}

// Display Woocommerce product badge with custom text in single product page
add_action('woocommerce_before_add_to_cart_form', 'display_custom_field_value', 7 );
function display_custom_field_value(){
  $value = get_post_meta( get_the_ID(), '_text_field', true);
  if(strlen($value) != null && strlen($value) > 0) {
	echo '<div class="custom-badge">'.get_post_meta( get_the_ID(), '_text_field', true ).'</div>';
  }
}
 

Mit diesen Schritten kannst du individuelle Badges mit einem Text nach Wahl in WooCommerce integrieren. Nutze diese Möglichkeit, um wichtige Hinweise oder spezielle Angebote auf deinen Produktseiten hervorzuheben und so die Aufmerksamkeit deiner Kunden zu steigern.

 

Disclaimer

Das vorliegende Code-Snippet wurde nach bestem Wissen und Gewissen getestet. Ich stelle es zur freien Verwendung zur Verfügung. Es ist jedoch wichtig zu betonen, dass ich keine Garantie für die einwandfreie Funktionalität dieses Codes in allen denkbaren WordPress-Umgebungen übernehmen kann.

Die Nutzung und der Download dieses Code-Snippets erfolgen auf eigene Gefahr und Verantwortung. Es liegt in der Verantwortung des Nutzers sicherzustellen, dass der Code ordnungsgemäß in seine WordPress-Installation integriert wird und keine negativen Auswirkungen auf seine Website hat.

crossmenu