Dans WordPress.Utilisation de plug-ins Champs personnalisés avancés (ACF)Nous pouvons créer un système de requête d'authentification de produit convivial. Cet article explique en détail comment mettre en œuvre cette fonctionnalité à l'aide d'ACF et fournit des instructions claires étape par étape.
Étape 1 : Installation et configuration du plugin ACF
- Installation du plug-in ACF
- Dans le backend de WordPress, cliquez sur
plug-in (composant logiciel)
>Installation de nouveaux plug-ins
. - Rechercher "Champs personnalisés avancés"Cliquez ensuite sur
Installer maintenant
répondre en chantantCommission
. - Après l'installation, vous verrez dans le menu de navigation du backend "Champs personnalisésMenu ".
- Dans le backend de WordPress, cliquez sur
- Nommez le groupe de champs
- Sur la nouvelle page, le groupe de champs doit être nommé. Par exemple, il pourrait être nommé "Demande de certification de produit"(iii) Faciliter l'identification et la gestion.
- Sélection des règles d'affichage pour les groupes de champs
- Faites défiler la page vers le bas pour trouver le Localisation(Emplacement). C'est ici que l'on décide de l'endroit où ces champs seront affichés.
- Définissez les conditions :
- Type de poste (Type d'article) Sélection
Produit
Cela signifie que ces champs ne seront affichés que sur la page d'édition du produit WooCommerce.
- Type de poste (Type d'article) Sélection
- Si vous souhaitez que les champs soient affichés sur d'autres types de pages, vous pouvez les définir en conséquence.
Ajout de champs personnalisés. Maintenant que nous avons créé les groupes de champs, nous devons ajouter des champs personnalisés spécifiques, tels queCode de certification, nom et date de certification du produit.
- Ajoutez le premier champ - Code d'authentification
- existent Étiquette du champ(étiquette du champ) entrez "Code d'authentification"qui sera le nom du champ que l'utilisateur verra dans le backend.
- existent Nom du champ(nom du champ) entrez
code_certification
. Il s'agit d'un identifiant unique pour ce champ, qui sera utilisé plus loin dans le code. - existent Type de champ(Type de champ), sélectionnez
Texte
Les codes d'authentification sont généralement constitués de lettres ou de chiffres. - D'autres paramètres peuvent être adaptés à vos besoins, par exemple les champs obligatoires.
- Ajoutez un deuxième champ - Nom du produit
- frappe (sur le clavier) Ajouter un champ(Ajouter un champ) pour continuer à créer des champs pour le nom du produit.
- existent Étiquette du champ Saisissez le "Nom du produit" dans le champNom du champ entrée
nom_du_produit
. - option Texte comme type de champ, puisque le nom du produit est également le nom de l'entreprise.copiesFormat.
- Ajouter un troisième champ - Date d'authentification
existent Type de champ choisir Sélectionneur de date
qui permet à l'utilisateur de sélectionner une date spécifique pour l'authentification à l'aide d'un sélecteur de date.
Étape 2 : Créer une page de demande d'authentification
- Création de pages d'interrogation personnalisées
- commutateur à
page web
>Nouvelle page
Créez une nouvelle page d'interrogation (par exemple :Demande de certification de produit
). - Vous pouvez utiliser le Elementor Pro ou l'éditeur de blocs de WordPress pour concevoir la mise en page.
- La page doitInclure un formulaireL'utilisateur peut saisir le code d'authentification du produit ici pour vérifier les informations relatives au produit.
- commutateur à
- Ajouter un formulaire de demande d'authentification de produit
Vous pouvez utiliser n'importe quel plugin de formulaire (par ex. Formulaire de contact 7etWPForms) créez le formulaire et ajoutezchamp de saisiepour que les utilisateurs puissent saisir leurCode de certification du produit.
Paramétrez le formulaire pour qu'il envoie des données à la fonction de traitement des requêtes personnalisées que vous utiliserez.
Étape 3 : Créer la logique de la requête
- Rédaction de requêtes
- Dans la section
functions.php
une fonction doit être écrite pour traiter la requête saisie par l'utilisateur et renvoyer les informations d'authentification du produit en fonction du code d'authentification saisi.
- Dans la section
function product_certification_lookup() {
if ( isset($_POST['certification_code']) ) {
$cert_code = sanitize_text_field($_POST['certification_code']) ;
// Requête pour récupérer le produit par code de certification
$args = array(
'meta_query' => array(
array(
'key' => 'certification_code', // Nom du champ personnalisé
'value' => $cert_code, // Nom du champ personnalisé
'compare' => '='
)
)
) ;
$query = new WP_Query($args) ;
// Vérifiez si des produits correspondent au code de certification
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post() ;
$product_name = get_the_title() ;
$cert_date = get_field('certification_date') ; // Récupère le champ personnalisé
// Affichez le nom du produit et la date de certification
echo 'Nom du produit : ' . $product_name . | Date de certification : ' . $cert_date.
}
} else {
// Si aucun produit n'est trouvé, affichez un message
echo 'No matching product certification information found' ; } else { // Si aucun produit n'est trouvé, affichez un message.
}
// Réinitialisation des données de l'article
wp_reset_postdata() ; wp_reset_postdata() ; // Réinitialisation des données de l'article.
}
}
add_action('init', 'product_certification_lookup') ; }
Description.
- Cette fonction gère la soumission du formulaire dans lequel l'utilisateur saisit le code d'authentification du produit.
Utilisé pour rechercher des produits WooCommerce avec des codes d'authentification correspondants (stockés dans des champs personnalisés).
- Si une correspondance est trouvée, le nom du produit et la date de certification sont affichés (également stockés en tant que champs personnalisés).
- Si aucune correspondance n'est trouvée, le message "No suitable match found for product authentication information" (Aucune correspondance trouvée pour les informations d'authentification du produit) s'affiche.
- Associer des formulaires à la logique d'interrogation
- Sur votre page d'interrogation, utilisez la fonctioncode courtou un code PHP pour associer le formulaire de demande de renseignements à la fonction de demande de renseignements par authentification.
- Lorsque l'utilisateur soumet le code d'authentification, la fonction interroge la base de données des produits sur la base du code d'authentification et renvoie les informations correspondantes sur le produit.
Insérez le code court sur la page, ce qui affichera un formulaire sur la page pour saisir le code d'authentification du produit et associer les données soumises par le formulaire à la fonction de requête écrite.
[product_certification_form]
Étape 4 : Optimisation et ajustements stylistiques
- Optimiser l'expérience des utilisateurs
- Il est possible d'ajouter d'autres fonctions de retour d'information, par exemple en invitant les utilisateurs à soumettre un code d'authentification non valide.Aucune information pertinente n'a été trouvée".
- Utilisez les CSS ou les outils de style d'Elementors pour ajuster la présentation des formulaires de requête et des résultats afin de garantir une interface conviviale.
- Mise en cache et optimisation des performances
- Pour les sites comportant un grand nombre de produits, envisagez d'utiliser la mise en cache ou l'indexation de la base de données pour améliorer les performances des requêtes.
rendre un verdict
En utilisant le Champs personnalisés avancés (ACF)Avec l'aide de WordPress, vous pouvez facilement créer un puissant système de recherche d'authentification de produits pour votre site web WordPress. Ce système renforce la confiance des utilisateurs et facilite la vérification de l'authentification des produits.