Utilisez l’élément suivant pour personnaliser votre page woocommerce. Créer une page woocommerce en utilisant elementor
Comme nous l’avons dit, créer une page woocommerce en utilisant elementor n’est pas une tâche difficile. WordPress simplifie tout et simplifie tout le processus de cette tâche. C’est ce qu’on fait…
Tout d’abord, vous 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 d’éléments, de woocommerce, d’éléments Pack Lite plug – ins, etc. La mise en place de tout ce dont vous avez besoin pour exécuter votre site peut prendre un certain temps. En particulier, la mise en place de woocommerce prend quelques minutes et vous devez entrer une variété de renseignements, y compris des renseignements sur le paiement, l’expédition, les contacts personnels, etc.
Une fois de retour au tableau de bord, l’installation est terminée et vous 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 n’est pas suffisant pour vous immerger complètement dans les bonnes fonctionnalités de woocommerce ou de conception web. C’est pourquoi nous avons besoin de plug – ins d’aide 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 vous permet d’importer des modèles hors de la boîte, il est facile d’utiliser des modèles, il suffit de les appeler à l’intérieur de la page et de commencer la personnalisation. De plus, elementor dispose déjà de plus de 10 widgets woocommerce simples que vous pouvez créer
En bas de la page du magasin.
Cependant, une fois que vous aurez tous les plug – ins nécessaires, y compris element pack pro, vous aurez assez de widgets pour couvrir tout le territoire du site woocommerce. Par conséquent, lors de la conception d’une page Web, il n’y a pas de place pour se sentir déprimé. Mais assurez – vous d’abord que les plug – ins sont mis à jour à moins qu’ils 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 d’aller au tableau de bord > modèles > Ajouter un nouveau contenu
Tout d’abord, vous 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 d’éléments, de woocommerce, d’éléments Pack Lite plug – ins, etc. La mise en place de tout ce dont vous avez besoin pour exécuter votre site peut prendre un certain temps. En particulier, la mise en place de woocommerce prend quelques minutes et vous devez entrer une variété de renseignements, y compris des renseignements sur le paiement, l’expédition, les contacts personnels, etc.
Une fois de retour au tableau de bord, l’installation est terminée et vous 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 n’est pas suffisant pour vous immerger complètement dans les bonnes fonctionnalités de woocommerce ou de conception web. C’est pourquoi nous avons besoin de plug – ins d’aide 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 vous permet d’importer des modèles hors de la boîte, il est facile d’utiliser des modèles, il suffit de les appeler à l’intérieur de la page et de commencer la personnalisation. De plus, elementor dispose déjà de plus de 10 widgets woocommerce simples que vous pouvez créer
En bas de la page du magasin.
Cependant, une fois que vous aurez tous les plug – ins nécessaires, y compris element pack pro, vous aurez assez de widgets pour couvrir tout le territoire du site woocommerce. Par conséquent, lors de la conception d’une page Web, il n’y a pas de place pour se sentir déprimé. Mais assurez – vous d’abord que les plug – ins sont mis à jour à moins qu’ils 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 d’aller au tableau de bord > modèles > Ajouter un nouveau contenu
Cliquez sur le bouton Ajouter nouveau pour afficher une fenêtre contextuelle dans laquelle vous devez créer un modèle. Il y a plusieurs options ici, et vous devez choisir une option qui se lit comme un seul produit. Puisque nous allons créer la page woocommerce pour le produit, c’est le réglage que nous recherchons.
De plus, assurez – vous que elementor pro est installé. Sinon, ces options ne seront pas visibles.
De plus, assurez – vous que elementor pro est installé. Sinon, ces options ne seront pas visibles.
Il suffit d’ajouter 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 l’élément. Étape 2: insérer un modèle de page maintenant que vous ê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 à l’emploi et le personnaliser. Il n’y a pas beaucoup de différence entre les deux options, seulement le temps nécessaire pour compléter le modèle. Pour faciliter l’utilisation, nous commençons par ajouter un modèle prêt à l’emploi.
Il suffit de cliquer sur l’icône de la Bibliothèque de modèles de paquets d’éléments pour ouvrir la bibliothèque dans l’éditeur de page.
Il suffit de cliquer sur l’icône de la Bibliothèque de modèles de paquets d’éléments pour ouvrir la bibliothèque dans l’éditeur de page.
Tout ce que vous 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 – vous c
Si vous pouvez également utiliser le modèle de page woocommerce d’elementor pro. Une fois le modèle personnalisé, il s’agit d’une 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 d’autres améliorations.
Elementor offre un grand nombre de widgets pour ajouter plus d’épices à votre site woocommerce. Avec ces widgets, vous pouvez facilement concevoir des pages woocommerce partie par partie et créer un site Web complet. Jetons un coup d’oeil aux widgets disponibles – titre du produit description ajouter au panier prix du produit Cote de l’image quantité du produit méta – pains produits connexes inventaire du produit et hors stock il s’agit d’une page de produits woocommerce personnalisée qui utilise les éléments de la liste ci – dessus.
Si vous pouvez également utiliser le modèle de page woocommerce d’elementor pro. Une fois le modèle personnalisé, il s’agit d’une 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 d’autres améliorations.
Elementor offre un grand nombre de widgets pour ajouter plus d’épices à votre site woocommerce. Avec ces widgets, vous pouvez facilement concevoir des pages woocommerce partie par partie et créer un site Web complet. Jetons un coup d’oeil aux widgets disponibles – titre du produit description ajouter au panier prix du produit Cote de l’image quantité du produit méta – pains produits connexes inventaire du produit et hors stock il s’agit d’une page de produits woocommerce personnalisée qui utilise les éléments de la liste ci – dessus.
Il s’agit d’une bonne stratégie pour minimiser la conception des pages de produits afin que les visiteurs se concentrent davantage sur les produits. Cependant, vous 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 d’activités sur le site Web woocommerce le bouton CTA est un bon moyen d’attirer les visiteurs et de gagner des pistes. Le CTA attire non seulement les clients, mais aussi les visiteurs de votre site. L’élément vous permet d’ajouter facilement un CTA ou le bouton Ajouter au panier sur la page woocommerce. Cependant, l’élément a deux types de boutons ajouter au panier, l’un statique et l’autre dynamique. L’utilisation de statiques est le moyen le plus rapide d’ajouter un CTA à une page, mais elle manque de contrôle de style. Nous vous recommandons d’utiliser le bouton CTA dynamique en utilisant le Widget element Pack p
Woocommerce, « WC added to the cart ».
Étape 4: boutons de panier sur la page woocommerce il y a suffisamment d’activités sur le site Web woocommerce le bouton CTA est un bon moyen d’attirer les visiteurs et de gagner des pistes. Le CTA attire non seulement les clients, mais aussi les visiteurs de votre site. L’élément vous permet d’ajouter facilement un CTA ou le bouton Ajouter au panier sur la page woocommerce. Cependant, l’élément a deux types de boutons ajouter au panier, l’un statique et l’autre dynamique. L’utilisation de statiques est le moyen le plus rapide d’ajouter un CTA à une page, mais elle manque de contrôle de style. Nous vous recommandons d’utiliser le bouton CTA dynamique en utilisant le Widget element Pack p
Woocommerce, « WC added to the cart ».
Ici, vous pouvez personnaliser le bouton panier pour le comparer à votre produit. Vous pouvez toujours personnaliser les couleurs, les arrière – plans, les bordures, le remplissage, l’alignement, les étiquettes, les icônes, les tailles, et plus encore. Pour les boutons. Tout ce que vous avez à faire est de faire correspondre la hauteur du bouton à la hauteur de l’oeil de l’utilisateur. Gardez à l’esprit que l’emplacement du bouton est important car il influence la décision de l’utilisateur d’acheter le produit. Étape 5: configurer la page d’archivage des produits woocommerce en utilisant elementor jusqu’à présent, vous avez complété les pages de produits individuelles sur woocommerce. Maintenant, vous devez créer une page d’archive 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 l’option d’archivage des produits pour le modèle nommé afin qu’il puisse être identifié plus tard.
Maintenant, appuyez sur le bouton créer un modèle pour le compléter. Attendez que la page de l’éditeur d’éléments apparaisse. Lorsque vous voyez une page vide, vous pouvez commencer à utiliser un autre modèle préparé pour la page d’archive, ou créer votre propre modèle à partir de zéro. Elementor dispose d’un certain nombre de widgets pour former des fragments de page d’archive. Mais vous pouvez sauter le remue – méninges et utiliser des widgets dans le plug – in Element pack pro. Il dispose d’un certain nombre de fonctions woocommerce qui combinent plusieurs parties de l’interface pour former une image complète. Jetez un coup d’oeil à la liste ci – dessous – wallet carouse Slider Custom carouse Slider woocommerce Products woocommerce carouse woocommerce catégorie woocommerce utilisez ces widgets et vous pouvez utiliser elemen pour développer des pages étonnantes woocommerce
Tor pour l’archivage des produits.
Tor pour l’archivage des produits.
Ce n’est qu’un 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 jusqu’à présent, vous avez créé la page woocommerce en utilisant element, mais aucun changement de conception important n’a été apporté. Elementor est un bon outil pour personnaliser l’interface, qui manque encore de contrôles de conception complexes. Mais ne vous inquiétez pas, vous avez element pack pro pour faire le travail inachevé pour vous. Cet outil est connu pour ses contrôles personnalisés pour chaque fonction (plus de 200 fonctions). Ainsi, vous pouvez avoir un titre d’animation, une bibliothèque d’animation, un carrousel produit, une grille, un curseur, un flou de partition, un lien vers l’emballage et d’autres fonctionnalités étonnantes en un seul endroit. Par exemple, nous vous 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 d’insérer la page dans le site Web en direct. Une fois le modèle sauvegardé, il vous suffit d’aller au tableau de bord sur la page où vous voulez placer le produit ou l’archive et d’appeler le modèle. Facile à utiliser. Vous n’avez même pas à copier la page parce que vous pouvez utiliser le modèle sauvegardé à tout moment. C’est ainsi que vous utilisez des modèles pour créer des pages woocommerce étonnantes avec elementor. Détendez – vous lorsque vous Concevez des pages woocommerce complexes en quelques minutes. Lorsque vous savez exactement ce que vous 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 vous permet de maîtriser rapidement les bases sans avoir besoin d’une troisième main. C’est tout! Utilisation l
Dans la section commentaires, vous pouvez voir toutes les questions liées à cet article ou vous pouvez nous parler directement en utilisant l’option livechat. Merci d’être sobre. Restez en sécurité.
Dans la section commentaires, vous pouvez voir toutes les questions liées à cet article ou vous pouvez nous parler directement en utilisant l’option livechat. Merci d’être sobre. Restez en sécurité.