{"id":370831,"date":"2022-11-20T17:43:00","date_gmt":"2022-11-20T14:43:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370831"},"modified":"2023-04-11T15:35:54","modified_gmt":"2023-04-11T12:35:54","slug":"comment-creer-votre-propre-page-de-boutique-elementor-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-creer-votre-propre-page-de-boutique-elementor-woocommerce\/","title":{"rendered":"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce"},"content":{"rendered":"\n<p>Dans le monde en ligne, vous pouvez devenir propri\u00e9taire d&rsquo;une boutique en un rien de temps. Tout ce dont vous avez besoin pour commencer est une connexion Internet, un ordinateur portable et une id\u00e9e commerciale lucrative. Vous n&rsquo;avez m\u00eame pas besoin d&rsquo;avoir un produit tangible \u2013 vous pouvez vendre des id\u00e9es! Blague \u00e0 part &#8211; <strong>vous pouvez cr\u00e9er une boutique en ligne incroyable assez facilement, m\u00eame si vous n&rsquo;avez aucune connaissance technique<\/strong>. Vous pouvez commencer par choisir un <a href=\"https:\/\/themewp.inform.click\/fr\/40-themes-wordpress-de-commerce-electronique-a-la-mode-2022\/\" title=\"th\u00e8me WooCommerce de qualit\u00e9,\">th\u00e8me WooCommerce de qualit\u00e9,<\/a> car les th\u00e8mes sp\u00e9cifiques \u00e0 un cr\u00e9neau incluent g\u00e9n\u00e9ralement de nombreuses fonctionnalit\u00e9s pratiques et utiles dont votre boutique aura besoin, puis proc\u00e9der \u00e0 la mise en place d&rsquo;un plan d&rsquo;affaires !<\/p>\n<p>Il existe de nombreux \u00e9l\u00e9ments int\u00e9ressants que vous pouvez utiliser pour rendre votre boutique en ligne plus r\u00e9ussie, et avoir une page de boutique Elementor WooCommerce sur mesure est essentiel.<\/p>\n<p>Dans cet article, nous vous montrerons comment cr\u00e9er votre propre et belle page de boutique Elementor WooCommerce sans effort. Restez \u00e0 l&rsquo;\u00e9coute pour en savoir plus sur\u00a0:<\/p>\n<h2>Pages de la boutique WooCommerce<\/h2>\n<p>Nous savons tr\u00e8s bien que <a href=\"https:\/\/themewp.inform.click\/fr\/comment-demarrer-une-boutique-en-ligne-en-2022-guide-detaille\/\" title=\"la cr\u00e9ation d'une boutique en ligne\">la cr\u00e9ation d&rsquo;une boutique en ligne<\/a> comprend des <strong>\u00e9l\u00e9ments sp\u00e9cifiques qui sont n\u00e9cessaires pour que l&rsquo;utilisateur dispose de toutes les informations pertinentes sur le produit<\/strong>. Chaque boutique aura des pages qui pr\u00e9sentent un produit ou un groupe de produits d&rsquo;une certaine mani\u00e8re, et ces pages bien con\u00e7ues vous rapprochent d&rsquo;une boutique en ligne r\u00e9ussie. Les autres pages <strong>importantes pour la boutique sont celles contenant des informations sur la livraison, le paiement, l&rsquo;entreprise, les pages de panier<\/strong>, etc.<\/p>\n<p>Nous traiterons ici des pages <strong>affichant des listes de produits disponibles dans la boutique et nous vous aiderons \u00e0 les cr\u00e9er comme un professionnel<\/strong>.<\/p>\n<p>La page Elementor WooCommerce Shop est une page d&rsquo;archive o\u00f9 tous les produits d&rsquo;une boutique sont affich\u00e9s. Vous pouvez facilement cr\u00e9er cette page avec le plugin WooCommerce. Apr\u00e8s avoir ajout\u00e9 des produits \u00e0 votre site, vous devez ouvrir la page sans aucun contenu et, dans les param\u00e8tres WooCommerce, indiquer que la page est votre page de boutique.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47567ab20.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47567ab20.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p>Qu&rsquo;avons-nous ainsi? Nous avons inform\u00e9 WooCommerce que nous avons d\u00e9di\u00e9 cette page \u00e0 la page d&rsquo;archives pour tous les produits et WooCommerce les affichera en cons\u00e9quence. Quant au style du produit sur cette page, cela d\u00e9pend en grande partie du th\u00e8me que vous choisissez. <strong>Si le th\u00e8me convient aux magasins, vous pouvez vous attendre \u00e0 ce qu&rsquo;il ait l&rsquo;air bien tout de suite et qu&rsquo;il ait peut-\u00eatre des filtres<\/strong>. Mais, au cas o\u00f9 ce ne serait pas le cas, il existe des moyens de modifier la page de la boutique WooCommerce avec Elementor gratuit.<\/p>\n<p>Mais que se passe-t-il si tout n&rsquo;est pas parfait et si quelque chose doit \u00eatre r\u00e9par\u00e9? <strong>Cela cr\u00e9e un probl\u00e8me pour ceux qui ne savent pas comment modifier le code lui-m\u00eame<\/strong>. Bien s\u00fbr, nous avons une solution. Si, pour une raison quelconque, vous pensez que la page par d\u00e9faut semble inappropri\u00e9e ci-dessous, nous vous montrerons comment la personnaliser.<\/p>\n<h2>Utilisation des widgets Qi Addons pour votre page de boutique WooCommerce<\/h2>\n<p>Les widgets de la boutique Qi dans le cadre d&rsquo;un Qi Addons pour Elementor sont des widgets \u00e9l\u00e9gants qui se marient parfaitement avec le style de votre site Web, car <strong>ils s&rsquo;adaptent au th\u00e8me que vous utilisez par d\u00e9faut<\/strong>. Mais, ils offrent \u00e9galement de <strong>nombreuses options de personnalisation afin que vous puissiez les personnaliser davantage selon vos souhaits<\/strong>.<\/p>\n<p>Pour cr\u00e9er la page de boutique souhait\u00e9e, vous avez besoin de\u00a0:<\/p>\n<ul>\n<li>De renseigner les produits souhait\u00e9s (bien entendu leurs cat\u00e9gories et tags si besoin)<\/li>\n<li>Pour que vous ayez install\u00e9 le constructeur de page gratuit Elementor<\/li>\n<li>Pour installer Qi Addons for Elementor (nous vous montrerons ce que vous pouvez faire gratuitement et ce que vous pouvez obtenir avec les widgets premium).<\/li>\n<\/ul>\n<p>Maintenant, expliquons cela. Bien s\u00fbr, vous ne pouvez pas cr\u00e9er une page de boutique sans produit, c&rsquo;est donc la premi\u00e8re \u00e9tape. Quant aux Qi Addons, nous le choisissons pour plusieurs raisons. Le premier est qu&rsquo;il dispose d&rsquo;un <strong>widget pour cr\u00e9er des listes de produits<\/strong>, et le second est qu&rsquo;il <strong>propose \u00e9galement de nombreux autres widgets utiles que vous pouvez utiliser sur votre site<\/strong>.<\/p>\n<p>Nous allons d&rsquo;abord cr\u00e9er une nouvelle page. La mienne s&rsquo;appellera une page de boutique personnalis\u00e9e juste par exemple, mais vous pouvez simplement l&rsquo;appeler une boutique.<\/p>\n<p>Il s&rsquo;ajoute comme un autre. J&rsquo;entre le nom de la page, l&rsquo;enregistre et vais dans Modifier avec Elementor. Bien s\u00fbr, selon le th\u00e8me, avant de passer \u00e0 Elementor depuis l&rsquo;\u00e9diteur de blocs, vous pouvez <strong>d\u00e9finir les param\u00e8tres de base de la page elle-m\u00eame<\/strong>. Dans l&rsquo;exemple, j&rsquo;utilise le <strong>th\u00e8me Qi<\/strong>, qui est souvent mon choix car il contient un grand nombre de param\u00e8tres pour diverses parties du site, ce qui signifie beaucoup pour moi car je n&rsquo;ai pas \u00e0 modifier le code et j&rsquo;ai beaucoup d&rsquo;options pour styliser diff\u00e9rentes parties du site.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475a01ad2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475a01ad2.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p>Lorsque vous entrez dans Elementor, la premi\u00e8re chose \u00e0 faire est de trouver des widgets de produits en tapant &quot;rechercher&quot; dans le champ de recherche. Vous reconna\u00eetrez les <strong>widgets Qi par leurs ic\u00f4nes rouges inh\u00e9rentes<\/strong>.<\/p>\n<p>Le plus important pour nous est peut-\u00eatre la <strong>liste<\/strong> des produits, qui nous permet d&rsquo; <strong>afficher une liste de produits &#8211; tous ou des produits s\u00e9lectionn\u00e9s en fonction de crit\u00e8res donn\u00e9s<\/strong>. Ceci est un widget gratuit.<\/p>\n<p>Et n&rsquo;oublions pas les autres. La liste des cat\u00e9gories de produits sert \u00e0 afficher les cat\u00e9gories de notre boutique, elle est \u00e9galement gratuite. Le widget Product Slider offre un moyen int\u00e9ressant d&rsquo;afficher des produits \u00e0 l&rsquo;aide de curseurs, il est \u00e9galement gratuit. La comparaison de produits nous aide \u00e0 afficher les produits s\u00e9lectionn\u00e9s et \u00e0 comparer leurs caract\u00e9ristiques &#8211; il s&rsquo;agit d&rsquo;un widget premium. Si vous utilisez le th\u00e8me Qi, vous aurez \u00e9galement Product List Essentials qui offre un moyen d&rsquo;afficher les listes de produits de certaines d\u00e9mos de th\u00e8mes afin que nous ne nous concentrions pas dessus.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475d325ac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475d325ac.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p>Comme je l&rsquo;ai dit, la <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-list\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">liste des produits<\/a> est le widget le plus important pour moi et je l&rsquo;ajoute \u00e0 la page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e4760684fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e4760684fd.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p>Comme vous le savez d\u00e9j\u00e0, lorsque vous ajoutez des widgets sur la page, <strong>vous trouverez ses param\u00e8tres sur la gauche, et sur la droite, vous pouvez voir en direct \u00e0 quoi ressemblera le widget sur votre page<\/strong>.<\/p>\n<p>Les onglets G\u00e9n\u00e9ral et Style sont li\u00e9s au widget lui-m\u00eame tandis que l&rsquo;onglet Avanc\u00e9 se trouve dans les param\u00e8tres de l&rsquo;onglet Elementor et vous est d\u00e9j\u00e0 familier si vous avez d\u00e9j\u00e0 ajout\u00e9 un widget \u00e0 une page. Dans tous les cas, Elementor est si facile \u00e0 utiliser que vous n&rsquo;aurez pas besoin d&rsquo;explications particuli\u00e8res, surtout pour ce widget o\u00f9 tout est intuitif et facile \u00e0 naviguer.<\/p>\n<p>Pourquoi aimons-nous le widget Qi Addons? Parce que nous pouvons <strong>d\u00e9terminer nous-m\u00eames le nombre de colonnes que nous voulons que la liste ait<\/strong>, nous pouvons <strong>g\u00e9rer<\/strong> nous-m\u00eames l&rsquo;espace entre les \u00e9l\u00e9ments. Nous pouvons <strong>d\u00e9terminer la taille des images<\/strong>, nous pouvons <strong>choisir le nombre de produits qui figureront sur notre page<\/strong>, si nous <strong>utiliserons la pagination<\/strong> et de quel type, si nous avons plusieurs pages de produits. Qi entre dans les d\u00e9tails m\u00eame avec <strong>les choix de polices et les param\u00e8tres de survol<\/strong>. Il existe plusieurs mises en page pour les listes. Nous pouvons \u00e9galement <strong>afficher uniquement les produits d&rsquo;une certaine cat\u00e9gorie, tag, auteur et diff\u00e9rents crit\u00e8res d&rsquo;affichage sont disponibles<\/strong>. Avec Qi, l&rsquo;ajout de widgets se transforme souvent en un processus joyeux et cr\u00e9atif et nous sommes s\u00fbrs que vous serez curieux d&rsquo;explorer par vous-m\u00eame l&rsquo;abondance des options qu&rsquo;il propose.<\/p>\n<p>\u00c0 premi\u00e8re vue, dans l&rsquo;onglet Style, vous serez \u00e9tonn\u00e9 de voir \u00e0 quel point les param\u00e8tres sont d\u00e9taill\u00e9s. Vous verrez que la <strong>stylisation est divis\u00e9e en cat\u00e9gories facilitant la navigation<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476362a2f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476362a2f.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p>D&rsquo;autres widgets sont utilis\u00e9s \u00e0 peu pr\u00e8s de la m\u00eame mani\u00e8re. <strong>N&rsquo;h\u00e9sitez pas \u00e0 jouer et \u00e0 exp\u00e9rimenter car tous les changements que vous apportez seront visibles en temps r\u00e9el et vous pourrez facilement annuler n&rsquo;importe quel mouvement<\/strong>.<\/p>\n<p>Vous pouvez toujours chercher de l&rsquo;inspiration sur la page de destination du widget avec l&rsquo;auteur si vous vous demandez comment styliser votre liste, mais encore une fois, jouez.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476663bbc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476663bbc.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p>Un excellent ajout \u00e0 votre page de boutique peut \u00e9galement \u00eatre le <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-slider\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">widget Slider<\/a>. Cela peut rendre la <strong>page plus dynamique et interactive<\/strong>, un \u00e9l\u00e9ment qui bouge attire toujours l&rsquo;attention de l&rsquo;utilisateur, surtout lorsqu&rsquo;il peut interagir avec.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47699241d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47699241d.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p><strong>La combinaison du widget Product list et du widget Product Slider peut \u00eatre tr\u00e8s int\u00e9ressante<\/strong>.<\/p>\n<p>En outre, un autre widget que j&rsquo;aime utiliser sur la page de la boutique et sur d&rsquo;autres est la <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-category-list\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">liste des cat\u00e9gories de produits<\/a>. Il sert \u00e0 <strong>montrer certaines cat\u00e9gories de mani\u00e8re int\u00e9ressante et \u00e0 aider les utilisateurs \u00e0 atteindre un groupe de produits qui les int\u00e9ressent<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476c76f20.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476c76f20.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-comparison\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Le widget de comparaison de produits<\/a> est \u00e9galement tr\u00e8s int\u00e9ressant et utile, d&rsquo;autant plus que les acheteurs aiment aujourd&rsquo;hui prendre des d\u00e9cisions \u00e9clair\u00e9es concernant leurs achats et aiment comparer les produits pour s&rsquo;assurer qu&rsquo;ils font le meilleur choix. <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-comparaison-de-produits-woocommerce\/\" title=\"L&#039;ajout de la comparaison de produits WooCommerce\">L&rsquo;ajout de la comparaison de produits WooCommerce<\/a> est \u00e9galement tr\u00e8s simple et peut se faire sans aucune connaissance technique ou de codage particuli\u00e8re.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476f33923.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476f33923.jpg\" alt=\"Comment cr\u00e9er votre propre page de boutique Elementor WooCommerce\"><\/a><\/p>\n<h2>En conclusion<\/h2>\n<p>Comme vous pouvez le voir, cr\u00e9er une page de boutique Elementor WooCommerce n&rsquo;est pas sorcier et vous pouvez tout faire vous-m\u00eame. Vous pouvez \u00e9galement facilement apprendre \u00e0 modifier la page de la boutique WooCommerce et l&rsquo;adapter parfaitement \u00e0 vos besoins. Si vous avez des questions sur le sujet de cet article, n&rsquo;h\u00e9sitez pas \u00e0 nous contacter dans la section des commentaires. Nous sommes impatients d&rsquo;entendre parler de vos exp\u00e9riences avec Qi Addons pour Elementor\u00a0!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 cr\u00e9er vous-m\u00eame une belle page de boutique Elementor WooCommerce comme un pro, sans aucune connaissance technique pr\u00e9alable et augmentez vos ventes !<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-370831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/370831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=370831"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/370831\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=370831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=370831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=370831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}