Dans les sites de commerce électronique, chaque produit a des caractéristiques et des descriptions uniques.WooCommerce En tant que puissant plugin de commerce électronique, bien qu'il offre de nombreuses options pour les attributs des produits, il arrive que ces champs par défaut ne répondent pas aux besoins de toutes les boutiques. Afin de mieux afficher les informations sur les produits et d'améliorer l'expérience de l'utilisateur, le pluginChamps de produits personnalisésC'est devenu une nécessité pour de nombreux propriétaires de magasins. Dans cet article, nous allons détailler comment mettre en place l'application WooCommerce Store Add Custom Product Fields (Boutique WooCommerce Ajouter des champs de produits personnalisés)Il vous aide à créer une boutique en ligne plus personnalisée et plus professionnelle.
Qu'est-ce qu'un champ de produit personnalisé ?
Champs de produits personnaliséssont des champs de saisie supplémentaires spécifiques à un produit, ajoutés aux pages produit de WooCommerce. Ils peuvent êtrezone de texteetCases à cocher, boîtes de sélection, sélecteurs de dateetc. pourstockrépondre en chantantAfficher des informations supplémentaires sur des produits spécifiquesPar exemple, les produitsMatériau, taille, couleur, fabricantetc.
Pourquoi ai-je besoin de champs de produits personnalisés ?
- Fournir plus d'informations sur les produitsLes champs personnalisés : En ajoutant des champs personnalisés, les commerçants peuvent fournir des informations plus détaillées sur les produits afin d'aider les clients à prendre des décisions d'achat plus éclairées.
- Améliorer l'expérience de l'utilisateurLes informations plus riches sur les produits améliorent l'expérience de l'utilisateur et renforcent la confiance du client dans le magasin.
- Répondre aux besoins spécifiques des entreprisesLes informations sur les produits : Certaines entreprises peuvent avoir besoin d'informations spécifiques sur les produits, telles que des exigences particulières pour les produits personnalisés, les options de personnalisation, etc.
Façons d'ajouter des champs de produits personnalisés
Méthode 1 : Utiliser Compléments de produits WooCommerce plug-in (composant logiciel)
WooCommerce Product Add-Ons est un plugin puissant qui permet aux utilisateurs d'ajouter facilement différents types de champs personnalisés aux produits.
- Installation des plug-ins
- Se connecter à Tableau de bord WordPressNaviguez jusqu'àplug-in (composant logiciel) > Installation des plug-ins.
- Rechercher "Compléments de produits WooCommerce"et cliquez sur "Installation en cours".
- Une fois l'installation terminée, cliquez sur "Activer".
- Ajout de champs personnalisés
- Allez dans WooCommerce > Produits > Tous les produits, sélectionnez le produit auquel vous souhaitez ajouter des champs personnalisés et modifiez-le.
- Sur la page d'édition du produit, vous trouverez l'onglet "Compléments du produit".
- Cliquez sur le bouton "Ajouter un champ", sélectionnez le type de champ (par exemple, zone de texte, zone de contrôle, zone de sélection, etc.
- Après avoir enregistré les modifications, les champs personnalisés seront affichés sur la page du produit.
Méthode 2 : Utilisation du plug-in Advanced Custom Fields (ACF)
Champs personnalisés avancés Le plugin est un outil puissant qui vous permet d'ajouter des champs personnalisés à n'importe quel type de contenu WordPress.
- Installation des plug-ins
- Se connecter à Tableau de bord WordPressNaviguez jusqu'àplug-in (composant logiciel) > Installation des plug-ins.
- Rechercher "Champs personnalisés avancés"et cliquez sur "Installation en cours".
- Une fois l'installation terminée, cliquez sur "Activer".
- Création de groupes de champs personnalisés
- entrer dansChamps personnalisés > Ajouter un nouveau.
- groupe de terrainchristen(math.) genreMise en place de règles d'affichagePar exemple, sélectionnez "Produits". comme position d'affichage du groupe de champs.
- Cliquez "Ajout de champs"pour définir le champÉtiquettes, nomsrépondre en chantanttypologie.
- Lorsque vous avez terminé, cliquez sur le bouton "Publier" pour enregistrer le groupe de champs.
- Afficher les champs personnalisés
- Modifiez le produit concerné, remplissez le formulaireContenu des champs personnalisés.
- Ajoutez du code pour afficher les champs personnalisés dans le modèle de page produit. Par exemple, il est possible d'ajouter du code pour afficher les champs personnalisés dans le modèle de page produit.
produit unique.php
ajoutez le code suivant :
<?php
$custom_field_value = get_field('custom_field_name');
if ($custom_field_value) {
echo '<div class="custom-field">' . $custom_field_value . '</div>';
}
?>
Méthode 3 : Code personnalisé
Il peut être ajouté en écrivant du codeChamps de produits personnalisés.
- Ajoutez le code dans le fichier functions.php du thème
- Ouvrez votreCatalogue des sujetsTrouver
functions.php
ajoutez le code suivant :
- Ouvrez votreCatalogue des sujetsTrouver
// Ajouter des champs personnalisés à la page d'édition du produit
function add_custom_product_fields() {
global $woocommerce, $post.
echo '<div class="options_group">' ;
woocommerce_wp_text_input(
array(
'id' => '_custom_product_field',
'label' => __('Custom Field', 'woocommerce' ),
'description' => __('Entrez la valeur personnalisée.', 'woocommerce' )
)
) ;
echo '</div>' ;
}
add_action('woocommerce_product_options_general_product_data', 'add_custom_product_fields' ) ;
// Sauvegarde des données du champ personnalisé
function save_custom_product_fields( $post_id ) {
$custom_field = $_POST['_custom_product_field'] ;
if( !empty( $custom_field ) )
update_post_meta( $post_id, '_custom_product_field', esc_attr( $custom_field ) ) ;
}
add_action('woocommerce_process_product_meta', 'save_custom_product_fields' ) ;
Affichage des champs personnalisés dans les modèles de page produit
- spectacle (un billet)
produit unique.php
ajoutez le code suivant pour afficher les champs personnalisés :
<?php
global $post;
$custom_field_value = get_post_meta( $post->ID, '_custom_product_field', true );
if( !empty( $custom_field_value ) ) {
echo '<div class="custom-field">Custom Field: ' . $custom_field_value . '</div>';
}
?>
rendre un verdict
Ajouter à la boutique WooCommerceChamps de produits personnalisésest un excellent moyen d'améliorer l'information sur une page produit. Que vous utilisiezplug-in (composant logiciel)néanmoinsCode personnaliséTous ces éléments peuvent être réalisés de manière flexible en fonction de besoins spécifiques. En fournissant des informations plus détaillées sur les produits et des options de personnalisation, la boutique ne se contente pas d'améliorer l'expérience de l'utilisateur, elle répond également aux besoins spécifiques des entreprises et renforce leur compétitivité.
Nous espérons que ce guide vous aidera à réussir dans vos efforts en vue d'atteindre les objectifs suivants WooCommerce Store Add Custom Product Fields (Boutique WooCommerce Ajouter des champs de produits personnalisés)Le site Web de la Commission européenne est un outil d'aide à la décision, qui permet de créer une boutique en ligne plus professionnelle et plus personnalisée. Si vous avez des questions ou des suggestions, n'hésitez pas à laisser un message dans la section des commentaires pour en discuter.