Comment ajouter un produit Woocommerce à partir du frontend

Publié: 2020-09-20

Vous gérez une boutique WooCommerce Multivendor et vous cherchez un moyen d'ajouter un produit Woocommerce depuis le frontend ? Dans ce bref tutoriel, je vais partager avec vous une solution à ce problème. Un magasin WooCommerce Multivendor vous permet d'héberger des produits d'autres personnes, cependant, l'une des plus grandes préoccupations est qu'il doit y avoir un processus de soumission de produit qui se trouve dans le frontend.

Les utilisateurs peuvent toujours utiliser le backend pour soumettre des produits, mais une solution frontale sera plus efficace. Cependant, pourquoi avez-vous besoin qu'ils le fassent à l'avant ?

Avantages de l'ajout d'un produit Woocommerce à partir du frontend

Les vendeurs de votre boutique WooCommerce peuvent trouver la zone principale trop compliquée. En effet, le backend contient des fonctionnalités supplémentaires, dont certaines nécessitent la gestion de personnes averties. Une bonne solution consisterait simplement à utiliser un formulaire de soumission pour télécharger les détails du produit.
Le rôle de gestionnaire de boutique permet aux fournisseurs de produits d'accéder aux paramètres du backend, mais en tant que propriétaire de boutique WooCommerce, vous souhaiterez peut-être restreindre quelques fonctionnalités pour différents utilisateurs. Cela amène le besoin d'une solution frontale avec des champs limités.
L'utilisation de l'interface vous aidera à afficher les champs dont vous avez besoin pour votre site Web. Cela signifie que les utilisateurs ne verront pas les mêmes champs de produit à chaque fois.
Un autre avantage que vous tirerez de l'utilisation du frontend est que vous ou vos utilisateurs ne pouvez pas personnaliser les fonctionnalités du backend. Par conséquent, vous devez utiliser une solution frontale pour modifier les champs de produit en fonction des besoins de votre entreprise.
C'est une solution moins chère qui est super simple et vous aide à éviter les dépenses supplémentaires, l'encombrement et à profiter simplement de la publication frontale.

Ce ne sont là que quelques-uns des avantages que vous tirerez de l'utilisation de l'interface. En dehors de cela, un autre facteur crucial que vous devez prendre en compte est que le backend du site Web WordPress stocke presque toutes les informations sur votre WooCommerce. Cela pose un risque pour la sécurité et vous, en tant que propriétaire du magasin, ne vous sentiriez pas sûr de partager les données administratives avec vos fournisseurs.

De plus, il est préférable de laisser les fournisseurs se concentrer sur ce qu'ils font le mieux et se soucier uniquement de l'approvisionnement et des ventes de produits. En revanche, le contrôle des aspects techniques restera au propriétaire de la boutique en ligne ou au développeur.

Ajouter un produit Woocommerce depuis le frontend

Cela dit, je suis sûr que vous savez maintenant pourquoi vous avez besoin d'un formulaire de soumission frontal pour les produits du frontend

Prérequis pour ajouter un produit Woocommerce depuis le frontend :

Wordpress
Le plugin WP User Frontend est installé et activé.
Le plugin WooCommerce est installé et activé.

Plugin d'interface utilisateur WP

Interface utilisateur WP Pour ce tutoriel, nous allons utiliser ce plugin. C'est l'un des meilleurs plugins de publication frontale, qui possède de puissantes capacités de création de formulaires avec des types de publication personnalisés.

La taxonomie personnalisée et la fonctionnalité de clé méta permettent de l'utiliser comme interface frontale pour publier et gérer les produits de votre site propulsé par WooCommerce.

Après avoir installé avec succès ce plugin et WooCommerce, ce plugin capturera automatiquement la taxonomie, les méta et les types de publication de WooCommerce. Cela implique que vous pouvez facilement créer des formulaires pour télécharger le produit si vous ne souhaitez pas utiliser la publication principale par défaut de WC.

Pages requises pour commencer

Pour que vous puissiez télécharger des produits, vous devez avoir :

Page du tableau de bord.
Modifier la page.
Formulaire de téléchargement de produit.
Télécharger la page.

Passons maintenant à la partie la plus importante de cet article. Suivez attentivement les étapes et vous pourrez le faire en quelques minutes seulement.

Étapes pour créer une soumission frontale à l'aide du plug-in WP User Frontend

Tout d'abord, nous devons installer le plugin WP User Frontend, et voici les étapes que vous devez suivre :

Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
Pour le télécharger directement dans le panneau d'administration, accédez simplement à Plugins> Ajouter un nouveau. Après cela, vous devrez faire une recherche par mot-clé pour le plugin ' WP User Frontend plugin '. Vous devez l' installer et l' activer comme indiqué ci-dessous :
Ensuite, vous devez créer un tableau de bord et une page de modification. Ce plugin facilite la création de ces pages, car il contient de nombreux codes abrégés. Accédez au tableau de bord de votre site WordPress, puis cliquez sur Pages > Ajouter une nouvelle page.
Créez deux nouvelles pages nommées Dashboard et Edit et collez simplement les shortcodes. Utilisez [wpuf_dashboard post_type="product"] pour la page du tableau de bord et [wpuf_edit] pour la page de modification. Ceci est montré dans les images ci-dessous:

Ce sera le résultat :

Pour la page d'édition : Modifier la page

Le résultat pour cela sera : Modifier l'interface de la page

Maintenant, nous devons contrôler les utilisateurs dans le frontend. Pour ce faire, accédez au tableau de bord et cliquez sur WPUF > Paramètres > Publication frontale. Vous devez activer la modification des produits en sélectionnant la page où se trouve [wpuf_edit] dans le menu déroulant, comme indiqué ci-dessous :

N'oubliez pas de sauvegarder toutes vos modifications après l'avoir fait.

Ensuite, vous devez accéder à l' onglet Tableau de bord et modifier vos paramètres utilisateur en conséquence. Cette section vous permettra même de laisser vos utilisateurs modifier ou supprimer un produit ou le restreindre. Cela vous permet à son tour d'avoir un pouvoir d'administration sur les utilisateurs du site Web, mais vous devez faire attention à le faire de manière à éliminer les erreurs et à rendre le site Web réactif. N'oubliez pas d' enregistrer les modifications que vous apportez .

Nous entrons maintenant dans la section la plus importante de ce didacticiel, où nous devons créer le formulaire de téléchargement de produit. Pour ce faire, cliquez sur WPUF > Publier un formulaire > Ajouter un formulaire.
Cela ouvrira certains modèles parmi lesquels vous devrez choisir. Ils vous aideront à créer des formulaires en déplacement. Cliquez sur le modèle de produit WooCommerce et cela créera automatiquement un formulaire de produit WC avec les champs nécessaires, que vous pouvez modifier ou supprimer n'importe quel champ que vous voulez. De plus, vous pouvez faire glisser et déposer n'importe quel champ de la barre d'options de droite pour modifier ce formulaire.

Dans cette section, vous pouvez ajouter des champs personnalisés et des taxonomies comme product_cat, product_tag et product_shipping_class. De plus, vous pouvez ajouter diverses classes de types de produits pour aider les utilisateurs à diversifier leurs offres.

Après cela, vous devez copier le shortcode du formulaire en cliquant sur l' identifiant du formulaire et le coller sur une nouvelle page que nous allons créer, appelée Upload Page.
Ceci est la dernière section. Nous devons créer une page pour soumettre un produit depuis le frontend. Sur le tableau de bord WordPress , cliquez sur Pages > Ajouter une nouvelle page . Créez une page appelée Page de téléchargement ou un autre nom préféré . Collez le shortcode comme indiqué ci-dessous :

Ce sera le résultat dans le frontend : télécharger l'interface de la page

N'oubliez pas de publier la Page en façade afin qu'elle soit en direct sur votre site. Désormais, votre boutique WooCommerce pourra soumettre des produits dans le frontend, ce qui facilitera la conservation du backend au propriétaire ou au développeur du magasin.

Pour voir si cela fonctionne, ajoutons un produit de test, et voyons si cela fonctionne :

Voici le résultat :

Conclusion

Dans cet article, je vous ai guidé tout au long du processus de création d'un formulaire de soumission de produit dans le frontend. Le plugin WP User Frontend a rendu le processus très simple en quelques clics. De plus, vous devez créer trois pages, à savoir la page du tableau de bord, la page de modification et la page de téléchargement.

Les shortcodes fournis rendent la tâche très simple, car il vous suffit de les coller à l'intérieur des pages. Votre boutique multifournisseur WooCommerce peut désormais accepter les soumissions de produits frontaux sans compromettre la sécurité et la confidentialité. J'espère que cet article vous a aidé à comprendre les avantages et pourquoi vous devez ajouter un formulaire de soumission frontal dans le frontal.

Meilleurs plugins WooCommerce

30+ meilleurs plugins WooCommerce pour votre boutique (la plupart sont GRATUITS)
30+ meilleurs plugins de gestion d'inventaire WordPress
25+ meilleurs plugins WooCommerce pour les commentaires des clients