Utilisez lamp;rsquoélément suivant pour personnaliser votre page woocommerce. Créer une page woocommerce en utilisant elementor
Comme nous lamp;rsquoavons dit, créer une page woocommerce en utilisant elementor namp;rsquoest pas une tâche difficile. WordPress simplifie tout et simplifie tout le processus de cette tâche. Camp;rsquoest ce quamp;rsquoon fait
Tout d’abord, devez être prêt, par exemple, à installer les plug ins nécessaires pour wordpress votre site WordPress elementor page Builder (gratuit et professionnel) woocommerce (gratuit) element Pack Lite (gratuit) Une fois la configuration initiale terminée (par exemple, l’achat d’un domaine et l’hébergement, la configuration de WordPress sur le site Web), Installation damp;rsquoéléments, de woocommerce, damp;rsquoéléments Pack Lite plug ins, etc. La mise en place de tout ce dont avez besoin pour exécuter votre site peut prendre un certain temps. En particulier, la mise en place de woocommerce prend quelques minutes et devez entrer une variété de renseignements, y compris des renseignements sur le paiement, lamp;rsquoexpédition, les contacts personnels, etc.
Une fois de retour au tableau de bord, lamp;rsquoinstallation est terminée et pouvez utiliser elementor pour créer la page woocommerce. Notez que tant elementor que woocommerce ont un grand nombre de widgets pour ajouter des fonctionnalités woocommerce à votre site Web. Cependant, ce namp;rsquoest pas suffisant pour immerger complètement dans les bonnes fonctionnalités de woocommerce ou de conception web. Camp;rsquoest pourquoi nous avons besoin de plug ins damp;rsquoaide comme element Pack Lite pour enrichir la conception et la fonctionnalité du site. Passons maintenant à la phase de conception. Personnaliser facilement les pages woocommerce avec elementor puisque elementor page Builder permet damp;rsquoimporter des modèles hors de la boîte, il est facile damp;rsquoutiliser des modèles, il suffit de les appeler à lamp;rsquointérieur de la page et de commencer la personnalisation. De plus, elementor dispose déjà de plus de 10 widgets woocommerce simples que pouvez créer
En bas de la page du magasin.
Cependant, une fois que aurez tous les plug ins nécessaires, y compris element pack pro, aurez assez de widgets pour couvrir tout le territoire du site woocommerce. Par conséquent, lors de la conception damp;rsquoune page Web, il namp;rsquoy a pas de place pour se sentir déprimé. Mais assurez damp;rsquoabord que les plug ins sont mis à jour à moins quamp;rsquoils ne fonctionnent correctement. Étape 1: créons un modèle de page woocommerce pour commencer, allez à la section créer un modèle à partir du site WordPress. Il suffit damp;rsquoaller au tableau de bord amp;gt modèles amp;gt Ajouter un nouveau contenu
Cliquez sur le bouton Ajouter nouveau pour afficher une fenêtre contextuelle dans laquelle devez créer un modèle. Il y a plusieurs options ici, et devez choisir une option qui se lit comme un seul produit. Puisque nous allons créer la page woocommerce pour le produit, camp;rsquoest le réglage que nous recherchons.
De plus, assurez que elementor pro est installé. non, ces options ne seront pas visibles.
Il suffit damp;rsquoajouter un nom de modèle à côté pour identifier facilement le modèle pour une utilisation future.
Ensuite, appuyez sur le bouton créer un modèle et commencez à insérer des éléments dans la page pour créer la page woocommerce suivante en utilisant lamp;rsquoélément. Étape 2: insérer un modèle de page maintenant que êtes prêt à créer un modèle de page woocommerce, il y a deux façons de le faire: démarrer à partir de zéro, ou utiliser un modèle prêt à lamp;emploi et le personnaliser. Il namp;rsquoy a pas beaucoup de différence entre les deux options, seulement le temps nécessaire pour compléter le modèle. Pour faciliter lamp;rsquoutilisation, nous commençons par ajouter un modèle prêt à lamp;emploi.
Il suffit de cliquer sur lamp;rsquoicône de la Bibliothèque de modèles de paquets damp;rsquoéléments pour ouvrir la bibliothèque dans lamp;rsquoéditeur de page.
Tout ce que avez à faire est de parcourir la Bibliothèque de modèles et de choisir une conception de page qui correspond au thème de votre magasin. Une fois le modèle trouvé, passez le curseur sur le modèle et cliquez sur le bouton Insérer.
Rappelez c
pouvez également utiliser le modèle de page woocommerce damp;rsquoelementor pro. Une fois le modèle personnalisé, il samp;rsquoagit damp;rsquoune conception unique, différente du modèle lui même. Étape 3: ajouter et personnaliser des fonctionnalités il est important de connaître les fonctionnalités préférées du client avant de commencer à placer le Widget dans la page modèle. Vous pouvez toujours rechercher de nouveaux contenus ou personnaliser la mise en page actuelle pour damp;rsquoautres améliorations.
Elementor offre un grand nombre de widgets pour ajouter plus damp;rsquoépices à votre site woocommerce. Avec ces widgets, pouvez facilement concevoir des pages woocommerce partie par partie et créer un site Web complet. Jetons un coup damp;rsquooeil aux widgets disponibles titre du produit description ajouter au panier prix du produit Cote de lamp;rsquoimage quantité du produit méta pains produits connexes inventaire du produit et hors stock il samp;rsquoagit damp;rsquoune page de produits woocommerce personnalisée qui utilise les éléments de la liste ci dessus.
Il samp;rsquoagit damp;rsquoune bonne stratégie pour minimiser la conception des pages de produits afin que les visiteurs se concentrent davantage sur les produits. Cependant, pouvez maintenant distinguer les fonctionnalités et savoir comment concevoir une page.
Étape 4: boutons de panier sur la page woocommerce il y a suffisamment damp;rsquoactivités sur le site Web woocommerce le bouton CTA est un bon moyen damp;rsquoattirer les visiteurs et de gagner des pistes. Le CTA attire non seulement les clients, mais aussi les visiteurs de votre site. Lamp;rsquoélément permet damp;rsquoajouter facilement un CTA ou le bouton Ajouter au panier sur la page woocommerce. Cependant, lamp;rsquoélément a deux types de boutons ajouter au panier, lamp;rsquoun statique et lamp;rsquoautre dynamique. Lamp;rsquoutilisation de statiques est le moyen le plus rapide damp;rsquoajouter un CTA à une page, mais elle manque de contrôle de style. Nous recommandons damp;rsquoutiliser le bouton CTA dynamique en utilisant le Widget element Pack p
Woocommerce, « WC added to the cart ».
Ici, pouvez personnaliser le bouton panier pour le comparer à votre produit. Vous pouvez toujours personnaliser les couleurs, les arrière plans, les bordures, le remplissage, lamp;rsquoalignement, les étiquettes, les icônes, les tailles, et plus encore. Pour les boutons. Tout ce que avez à faire est de faire correspondre la hauteur du bouton à la hauteur de lamp;rsquooeil de lamp;rsquoutilisateur. Gardez à lamp;rsquoesprit que lamp;emplacement du bouton est important car il influence la décision de lamp;rsquoutilisateur damp;rsquoacheter le produit. Étape 5: configurer la page damp;rsquoarchivage des produits woocommerce en utilisant elementor jusquamp;rsquoà présent, avez complété les pages de produits individuelles sur woocommerce. Maintenant, devez créer une page damp;rsquoarchive de produit pour afficher vos produits en vrac et aider les visiteurs à naviguer facilement. Faisons en un nous mêmes. Comme précédemment, allez sur le tableau de bord WordPress et accédez au menu modèles, puis cliquez sur Ajouter nouveau contenu. Cette fois, faites défiler vers le bas et sélectionnez lamp;rsquooption damp;rsquoarchivage des produits pour le modèle nommé afin quamp;rsquoil puisse être identifié plus tard.
Maintenant, appuyez sur le bouton créer un modèle pour le compléter. Attendez que la page de lamp;rsquoéditeur damp;rsquoéléments apparaisse. Lorsque voyez une page vide, pouvez commencer à utiliser un autre modèle préparé pour la page damp;rsquoarchive, ou créer votre propre modèle à partir de zéro. Elementor dispose damp;rsquoun certain nombre de widgets pour former des fragments de page damp;rsquoarchive. Mais pouvez sauter le remue méninges et utiliser des widgets dans le plug in Element pack pro. Il dispose damp;rsquoun certain nombre de fonctions woocommerce qui combinent plusieurs parties de lamp;rsquointerface pour former une image complète. Jetez un coup damp;rsquooeil à la liste ci dessous wallet carouse Slider Custom carouse Slider woocommerce Products woocommerce carouse woocommerce catégorie woocommerce utilisez ces widgets et pouvez utiliser elemen pour développer des pages étonnantes woocommerce
Tor pour lamp;rsquoarchivage des produits.
Ce namp;rsquoest quamp;rsquoun petit exemple. Vous pouvez faire plus, seul le ciel est la limite. Étape 6: personnaliser la conception de la page en utilisant element pack pro jusquamp;rsquoà présent, avez créé la page woocommerce en utilisant element, mais aucun changement de conception important namp;rsquoa été apporté. Elementor est un bon outil pour personnaliser lamp;rsquointerface, qui manque encore de contrôles de conception complexes. Mais ne inquiétez pas, avez element pack pro pour faire le travail inachevé pour . Cet outil est connu pour ses contrôles personnalisés pour chaque fonction (plus de 200 fonctions). Ainsi, pouvez avoir un titre damp;rsquoanimation, une bibliothèque damp;rsquoanimation, un carrousel produit, une grille, un curseur, un flou de partition, un lien vers lamp;emballage et damp;rsquoautres fonctionnalités étonnantes en un seul endroit. Par exemple, nous montrerons comment personnaliser un manège woocommerce en fonction de vos préférences.
Étape 7: publier la page woocommerce avec elementor est maintenant prêt, nous avons créé une page produit unique, archivé la page, et terminé la préparation de la conception de la page, il est temps damp;rsquoinsérer la page dans le site Web en direct. Une fois le modèle sauvegardé, il suffit damp;rsquoaller au tableau de bord sur la page où voulez placer le produit ou lamp;rsquoarchive et damp;rsquoappeler le modèle. Facile à utiliser. Vous namp;rsquoavez même pas à copier la page parce que pouvez utiliser le modèle sauvegardé à tout moment. Camp;rsquoest ainsi que utilisez des modèles pour créer des pages woocommerce étonnantes avec elementor. Détendez lorsque Concevez des pages woocommerce complexes en quelques minutes. Lorsque savez exactement ce que faites, il est moins ennuyeux et plus amusant de concevoir des pages woocommerce en utilisant elementor. En tant que logiciel convivial pour les débutants, elementor permet de maîtriser rapidement les bases sans avoir besoin damp;rsquoune troisième main. Camp;rsquoest tout! Utilisation l
Dans la section commentaires, pouvez voir toutes les questions liées à cet article ou pouvez nous parler directement en utilisant lamp;rsquooption livechat. Merci damp;rsquoêtre sobre. Restez en sécurité.
La page woocommerce de l&rsquoélément
