Attention lecteurs ! Cet article n’est plus à jour. Pour obtenir des informations sur la dernière version du formulaire de commande en gros, veuillez consulter cet article : Énorme mise à jour ! Le formulaire de commande en gros version 3.0 est maintenant disponible !
Nous construisons une nouvelle expérience pour le Formulaire de commande WooCommerce en gros !
Plus tôt cette année, nous avons lancé un nouveau projet dans Wholesale Suite pour reconstruire notre cher outil de formulaire de commande avec une nouvelle technologie qui permettra de :
- Le rendre super rapide – c'est toujours une bonne chose pour vos clients en gros !
- Le rendre plus extensible afin que nous puissions mieux nous intégrer à certains des plugins les plus difficiles – nous comprenons qu'il serait formidable de s'intégrer à bon nombre de ces outils et c'est la première étape pour y parvenir.
- Vous offrir un aspect et une convivialité plus cohérents – cela nous permettra à l'avenir de placer davantage de personnalisation de cet « aspect et convivialité » dans les paramètres du backend.
Cet article vous montrera comment obtenir un accès anticipé en version bêta à la v2.0 du formulaire de commande WooCommerce en gros.
Vous n'avez pas encore le Formulaire de commande WooCommerce en gros ?
Vous manquez l'occasion d'offrir une expérience de commande incroyable sur une seule page à vos clients en gros. Découvrez toutes les fonctionnalités ici.
Activation du formulaire Bêta
Actuellement, nous ne recommandons pas son utilisation dans un environnement de production.
Mais si vos besoins sont simples et que vous souhaitez découvrir ce que nous faisons avec le nouveau formulaire, nous aimerions avoir votre avis.
Pour activer le formulaire, vous devez faire quelques choses :
- Générer une paire de clés API WooCommerce et la charger dans les paramètres
- Activer l'accès bêta via les paramètres
- Ajuster le shortcode que vous utilisez sur votre page de commande en gros sur votre site
1. Générer une clé API WooCommerce
Le nouveau formulaire repose sur l'API WooCommerce. Pour utiliser l'API, le formulaire de commande aura besoin de sa propre clé d'accès API.
Vous pouvez en générer une en quelques secondes en faisant ceci :
Accédez à l'onglet des paramètres avancés, puis cliquez sur REST API dans le sous-menu. Vous devriez voir une page comme celle-ci (ou si vous avez déjà généré des clés, vous verrez une liste de clés).
Ensuite, cliquez sur le bouton Créer une nouvelle clé et vous verrez un écran comme celui-ci :
Donnez un nom reconnaissable à la clé. Sélectionnez votre utilisateur administrateur pour l'utilisateur. Assurez-vous que les permissions sont définies sur Lecture/Écriture.
Enfin, vous devez fournir les clés au formulaire de commande WooCommerce en gros afin qu'il puisse les utiliser pour accéder à l'API.
Copiez la clé et le secret et allez dans WooCommerce->Paramètres->Onglet Commande en gros, Bêta dans le sous-menu et collez-les.
2. Activer l'accès Bêta
Vous devez maintenant activer le formulaire bêta. C'est aussi simple que de cocher la case sur la même page de paramètres où vous venez d'entrer les clés.
3. Créer votre nouveau formulaire
Jusqu'à présent, nous avons créé une clé API, fournie au plugin de formulaire de commande, et activé la fonctionnalité bêta.
Nous sommes maintenant prêts pour la dernière étape, créer un nouveau formulaire de commande.
Dans le formulaire de commande v1.0, vous ne pouviez avoir qu'un seul formulaire. Dans le nouveau formulaire de commande v2.0, vous pourrez avoir plusieurs formulaires et chaque formulaire aura son propre shortcode.
Pour l'instant, vous devrez créer ce formulaire manuellement, mais à l'avenir, nous aurons un importateur pour créer automatiquement votre formulaire de commande dans le système en fonction des paramètres actuels (ou si vous n'avez jamais utilisé de formulaire de commande auparavant, en fonction des meilleures pratiques).
Cette étape manuelle sera supprimée à l'avenir, mais pour l'instant, nous voulons nous assurer que cette option est entièrement « opt-in » et ne peut pas être activée accidentellement.
Une fois la bêta activée, vous pouvez aller dans WooCommerce->Formulaires de commande. Cliquez sur Ajouter pour créer un nouveau formulaire.
La nouvelle interface est en glisser-déposer. Le formulaire comporte trois sections :
- En-tête de la fiche
- Tableau du formulaire de commande
- Pied de page de la fiche
Pour l'en-tête et le pied de page, vous pouvez ajouter des lignes et des colonnes, puis y glisser des éléments.
Pour le tableau, vous pouvez faire glisser des éléments de colonne de tableau de la droite vers le tableau et organiser les lignes comme vous le souhaitez.
Si vous cliquez sur le bouton des paramètres d'un élément lorsque vous le survolez, vous pourrez voir les options de configuration et de style.
Une fois que vous êtes satisfait de la configuration de votre formulaire, assurez-vous de le publier (en haut de l'écran). Cela générera le shortcode du formulaire de commande.
Utilisez le shortcode et placez-le sur une page pour voir votre formulaire de commande sur le front-end de votre site.
Si vous rencontrez des problèmes lors de la configuration de votre nouveau formulaire de commande dans la bêta v2.0, veuillez contacter le support et nous vous guiderons volontiers.
Portée et limitations actuelles
Ce que nous avons déjà réalisé et qui est considéré comme fonctionnel :
- Mise en page et affichage du formulaire – les produits peuvent être affichés, y compris les produits variables.
- Vitesse – c'est ultra-rapide et nous visons à le rester.
- Plusieurs formulaires de commande – vous pouvez avoir plus d'un formulaire dans le système maintenant
- Chaque formulaire a un shortcode qui peut être placé n'importe où pour afficher un formulaire de commande personnalisé
- Configuration et style au niveau des éléments – nous travaillons à l'améliorer, mais vous pouvez modifier le comportement des éléments individuels de votre formulaire
Ce qui nécessite encore une attention particulière :
- Il est en grande partie intégré à WooCommerce Wholesale Prices Premium, mais il reste quelques petites fonctionnalités que nous n'avons pas encore abordées.
- Aucune intégration de plugin tiers pour le moment, mais nous y travaillons.
- Améliorations du style au niveau des éléments
- Améliorations du placement des paramètres pour les éléments
Dernières mises à jour
Vous avez trouvé un bug dans le formulaire bêta v2.0 ? Signalez-le nous :)
Comme mentionné, il s'agit d'une fonctionnalité bêta, il y aura donc forcément quelques bugs (bien que nous testions minutieusement au fur et à mesure !).
Si vous en trouvez un, envoyez un message au support en incluant les étapes que vous avez trouvées pour reproduire le problème.
Il serait également utile que nous puissions obtenir une copie de votre rapport d'état WooCommerce avec cela.
Besoin d'aide pour configurer votre formulaire de commande bêta v2.0 ? Contactez-nous :)
Nous sommes plus qu'heureux d'aider quiconque essaie notre nouveau formulaire de commande et sommes très reconnaissants pour tout commentaire que vous pourriez avoir pour nous.
Si vous avez besoin d'aide pour configurer votre formulaire de commande, n'hésitez pas à contacter notre équipe de support.
Pourriez-vous commenter la sécurité de cette approche ? Sûrement si les clés API sont transmises à un client JS, comment pouvez-vous les empêcher d'être utilisées pour pirater le site WooCommerce ?
Nous acheminons d'abord les requêtes API du frontend via AJAX, puis les appels API sont effectués côté serveur afin de ne pas exposer les clés API. Les clés ne sont jamais transmises au client JS. Il y a aussi une sécurité supplémentaire tout au long du processus et nous en sommes très conscients et avons planifié en conséquence. J'espère que cela répond à votre question, n'hésitez pas à nous envoyer un e-mail si vous avez besoin de clarifications :)
Pouvons-nous ajouter des champs personnalisés WooCommerce à la configuration des colonnes ? J'ai actuellement le Case Pack et la date de disponibilité codés dans l'ancien formulaire de commande.
Merci Louise, nous avons cela sur notre liste :)
Bonjour, pouvons-nous avoir un formulaire de commande prédéfini pour les clients en gros ou les derniers formulaires commandés afin que le client n'ait pas à sélectionner chaque article à chaque fois. Ils peuvent simplement utiliser leur formulaire préféré enregistré et mettre à jour rapidement la quantité commandée, ajouter ou supprimer certains articles et traiter la commande. C'est comme une liste de souhaits enregistrée mais sous forme de formulaire de commande. Je ne suis pas sûr si cette fonctionnalité existe déjà dans ce formulaire de commande actuel car je suis nouveau dans votre plugin.
Il faut aussi raccourcir ce texte sur le formulaire de commande « Des remises basées sur la quantité sont disponibles en fonction du nombre de cet article dans votre panier. », C'est trop long. Vous pouvez simplement mettre « Prix supplémentaire basé sur la quantité ».
J'obtiens cette erreur lors de la publication du shortcode pour la liste de commandes bêta ;
Le shortcode de ce formulaire de commande manque l'ID, veuillez recopier le shortcode du formulaire de commande et le remplacer ici.
J'ai fait exactement comme indiqué. Des idées ?
Salut Sergio,
Dans WooCommerce->Formulaires de commande, créez un formulaire, puis récupérez le shortcode qu'il génère. Ce shortcode n'est visible que pour les formulaires publiés. En cas de problème, n'hésitez pas à contacter le support :)
Génial ! Cela a résolu le problème. Le formulaire de commande bêta est bien meilleur. Beau travail !
Salut !!
J'ai mis le shortcode (avec l'ID) pour le formulaire Beta mais rien ne s'affiche sur la page frontend.
Une idée de ce qui ne va pas ??
:(
Merci !!!
Salut – merci de demander. Avez-vous coché la case pour l'activer dans les paramètres ? N'hésitez pas à contacter le support. Heureux de vous aider à démarrer avec la bêta :)
Salut Josh,
Absolument, en fait le formulaire était affiché mais il n'affichait que 3 produits, seulement les 3 produits les plus récents… Nous devons vraiment faire fonctionner cela pour cette bêta car le formulaire standard a un problème avec les boutons et ne fonctionne pas bien…
S'il vous plaît, aidez-nous à résoudre ce problème, sinon nous devrons demander un remboursement.
Veuillez envoyer un ticket de support ici dès que possible et l'équipe de support examinera lorsque nous serons en ligne : https://wholesalesuiteplugin.com/support/
Monsieur, j'ai configuré cette combinaison, c'est bien en vue bureau mais en vue mobile l'alignement est perdu, pouvez-vous m'aider pour la vue mobile.
Salut Sowmya, veuillez contacter notre équipe de support et nous serons heureux de vous aider. Une nouvelle version de la bêta arrive très bientôt (probablement début janvier) avec de nombreuses améliorations de l'interface utilisateur.
Bonjour,
Les shortcodes actuels fonctionnent-ils avec la version bêta ?
https://wholesalesuiteplugin.com/kb/shortcodes-available-order-form/
Salut Dustin,
Nous sommes sur le point de publier une autre itération de la bêta, donc cela changera très bientôt. Nous passons à un système où vous pourrez créer plusieurs formulaires de commande et ils généreront le shortcode et auront des paramètres individuels par formulaire de commande. Donc, fondamentalement, beaucoup plus facile que d'utiliser les attributs du shortcode pour contrôler ces choses.
Cela dit, je viens de vérifier la version actuellement publiée de la bêta du formulaire de commande et elle fonctionne avec le shortcode products=”1,2,3″. Les autres n'ont cependant pas été implémentés car nous savions très tôt que nous implémenterions éventuellement des paramètres basés sur le formulaire de commande.
J'espère que cela pourra vous aider. Gardez à l'esprit que cette version actuelle basée sur React est définitivement une bêta et nous ne suggérons pas de l'utiliser en production à moins que vous ne l'ayez testée et que vous soyez satisfait.
La prochaine version bêta sortira probablement début janvier et je pense que vous allez vraiment l'adorer.
Salut Josh,
Quand allez-vous publier la bêta en production ?? Nous avons toujours un problème avec le constructeur bêta, il ne charge pas les produits dans le tableau et lorsque nous essayons de créer ou de modifier un formulaire, il affiche une page blanche.
Merci et cordialement,
Bonjour MedNaturals, nous sommes sur le point de publier une autre version bêta en janvier. Nous visons une version finale dans environ deux mois, avec la réserve que cela dépendra de l'avancement du développement et des tests... comme nous avons des clients existants qui l'utilisent, nous sommes conscients qu'elle doit être extrêmement stable et que nous devons mettre en place un processus de migration.
Il y a eu beaucoup d'améliorations dans cette prochaine version bêta, donc je pense que les problèmes que vous décrivez devraient déjà être résolus. Mais nous aimerions beaucoup voir tous les screencasts que vous pourriez partager concernant les problèmes. Veuillez les envoyer à support afin que nous puissions voir exactement ce qui se passe. Merci d'avance.
La version bêta actuelle rend le constructeur de formulaires de commande impossible à utiliser, car toute la vue devient vide lorsque l'on essaie d'ajouter des éléments au tableau du formulaire de commande. L'en-tête et le pied de page fonctionnent cependant. J'attends une correction avec impatience !
Pour reproduire, créez simplement un nouveau formulaire, ajoutez quelque chose à l'en-tête, puis au tableau. Ensuite, il deviendra vide. Vous pouvez également créer un nouveau formulaire, ajouter quelques éléments au tableau et il deviendra également vide.
Formulaire de commande en gros : Version 1.16.6
Prix de gros : Version 1.13
Prix de gros premium : Version 1.25
Salut Dan, ce serait super d'avoir un enregistrement d'écran si cela ne vous dérange pas de l'envoyer au support ?
J'ai quelques questions concernant le formulaire bêta :
1. Comment contrôler quelles catégories afficher sur chaque formulaire ? L'argument categories=”1,2,3″ ne fonctionne pas dans le nouveau shortcode. De plus, il serait extrêmement utile de pouvoir définir une catégorie par défaut pour chaque formulaire. Est-ce actuellement possible ?
2. Comment contrôler la taille du tableau ?
3. Pour les produits avec variations, je voudrais que toutes les variations soient affichées. Comment activer cela dans la bêta ?
4. Comment ajouter le bouton « Ajouter les produits sélectionnés au panier » à l'en-tête et au pied de page ?