https://appli.cerpeg.fr/index.php?action=history&feed=atom&title=L%27installation_de_la_boutique 2026-10-26T15:06:50Z Historique des versions pour cette page sur le wiki MediaWiki 1.43.11 https://appli.cerpeg.fr/index.php?title=L%27installation_de_la_boutique&diff=527&oldid=prev 2022-10-16T08:15:43Z

<p>Page créée avec «  <a href="/index.php/Fichier:Home2.png" title="Fichier:Home2.png">fichier:home2.png</a> <a href="/index.php/Accueil" title="Accueil">Accueil</a> &gt; <a href="/index.php/E-commerce_WordPress" title="E-commerce WordPress">E-commerce WordPress</a> &gt; &lt;span style=&quot;color:OrangeRed&quot;&gt;&#039;&#039;&#039; L&#039;installation de la boutique&#039;&#039;&#039; &lt;/span&gt; Il convient non seulement d&#039;installer l&#039;extension WooCommerce mais aussi d&#039;autres extensions permettant de répondre aux exigences du commerce en ligne. &lt;span style=&quot;color:green&quot;&gt;&#039;&#039;&#039;Extension / Ajouter &#039;&#039;&#039;&lt;/span&gt; ==Les extensions== &lt;br/&gt; &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039; EXTENSIONS / Ajouter&#039;&#039;&#039; &lt;/span&gt; ===WooComm... »</p> <p><b>Nouvelle page</b></p><div><br /> [[fichier:home2.png]] [[Accueil|Accueil]] &gt; [[E-commerce WordPress]] &gt; <br /> &lt;span style=&quot;color:OrangeRed&quot;&gt;&#039;&#039;&#039; L&#039;installation de la boutique&#039;&#039;&#039; &lt;/span&gt;<br /> <br /> <br /> Il convient non seulement d&#039;installer l&#039;extension WooCommerce mais aussi d&#039;autres extensions permettant de répondre aux exigences du commerce en ligne.<br /> <br /> &lt;span style=&quot;color:green&quot;&gt;&#039;&#039;&#039;Extension / Ajouter &#039;&#039;&#039;&lt;/span&gt;<br /> <br /> <br /> ==Les extensions==<br /> <br /> &lt;br/&gt;<br /> &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039; EXTENSIONS / Ajouter&#039;&#039;&#039; &lt;/span&gt;<br /> <br /> <br /> ===WooCommerce===<br /> <br /> [[fichier : woo-1installation.png|vignette|Installation extension - WooCommerce]]<br /> <br /> WooCommerce est une extension OpenSource pour WordPress permettant d’intégrer à votre site une boutique en ligne. Votre site peut devenir une boutique en lui-même ou vous pouvez ajouter un menu dédié « boutique ».<br /> Cette extension s’installe très simplement à partir de la liste des extensions WorPress. Une fois installée, comme toute extension, un paramétrage de démarrage s’impose.<br /> <br /> <br /> ::-1- &#039;&#039;&#039;AJOUTER&#039;&#039;&#039; l’extension<br /> ::-2- Recherche à l’aide du filtre l’extension WOO<br /> ::-3- &#039;&#039;&#039;INSTALLER&#039;&#039;&#039; l’extension<br /> ::-4- &#039;&#039;&#039;ACTIVER&#039;&#039;&#039; l’extension<br /> <br /> <br /> &lt;br&gt;<br /> <br /> {{#evt:service=youtube|id=https://youtu.be/-uXrW_AlrBs|dimensions=380x220}}<br /> &lt;br&gt;<br /> <br /> ===PDF Invoices &amp; Packing Slips===<br /> <br /> [[fichier : woo-2installation.png|vignette|Installation extension – Document Pdf]]<br /> <br /> &lt;span style=&quot;color:bleu&quot;&gt;&#039;&#039;&#039;Installer l’extension / WooCommerce PDF Invoices &amp; Packing Slips&lt;/span&gt;&lt;br&gt;<br /> Auteur : Ewout Fernhout&lt;br&gt;<br /> Cette extension WooCommerce ajoute automatiquement une facture PDF aux e-mails de confirmation de commande envoyés à vos clients. Comprend un modèle de base (des modèles supplémentaires sont disponibles auprès de WP Overnight) ainsi que la possibilité de modifier / créer vos propres modèles. De plus, il est possible de choisir de télécharger ou d&#039;imprimer des factures et des bons de livraison à partir de l&#039;administrateur des commandes WooCommerce.&lt;br&gt;<br /> L&#039;installation de ce module entraine des réglages spécifiques [http://54.38.225.88/appli/index.php?title=WooCom_-_Les_commandes#Extension_-_WooCommerce_PDF_Invoices_.26_Packing_Slips]<br /> <br /> ::- Paramétrage généraux des pdf : nom de la boutique, adresse, logo, ouverture du pdf, etc.<br /> ::- Paramétrage des documents : activation, format des numéros de document , rattachement du document à une action, détails d’affichage, etc.<br /> <br /> ==Le choix du thème==<br /> Il est conseillé de choisir un thème axé sur le e-commerce&lt;br /&gt;<br /> &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;Apparence / Thème&#039;&#039;&#039;&lt;/span&gt;&lt;br /&gt;<br /> <br /> {|<br /> |-<br /> | <br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;2&gt;&#039;&#039;&#039; &lt;/span&gt;Ajouter des thèmes<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;3&gt;&#039;&#039;&#039; &lt;/span&gt;Sélectionner E-commerce<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;4&gt;&#039;&#039;&#039; &lt;/span&gt;Appliquer les filtres<br /> || <br /> [[fichier : wcom-apparence1.png|vignette|Sélection d&#039;un thème&quot;]]<br /> |}<br /> <br /> ==L&#039;apparence de la boutique==<br /> Une fois l&#039;extension de Woocommerce installée, il faut régler l&#039;affichage de la boutique sur le site.Cette boutique peut constituée l&#039;intégralité du site ou une page du site. Dans tous les cas, il faut adapter le menu.<br /> <br /> <br /> <br /> ===Pages Woocommerce===<br /> <br /> &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039; PAGE / Affichage&#039;&#039;&#039; &lt;/span&gt;&lt;br /&gt;<br /> L&#039;installation génère automatiquement plusieurs pages&lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;1&gt;&#039;&#039;&#039; &lt;/span&gt;&lt;br /&gt;<br /> <br /> {|<br /> |-<br /> | <br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;2&gt;&#039;&#039;&#039; &lt;/span&gt; &#039;&#039;&#039;Accueil boutique&#039;&#039;&#039; - Il s&#039;agit de la vitrine de la boutique. Elle permet l&#039;affichage des produits phares, des offres promotionnelles, etc.<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;3&gt;&#039;&#039;&#039; &lt;/span&gt; &#039;&#039;&#039;Boutique&#039;&#039;&#039; -pré paramétré- affiche l&#039;ensemble des articles<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;4&gt;&#039;&#039;&#039; &lt;/span&gt;&#039;&#039;&#039;Mon compte&#039;&#039;&#039; -pré paramétré- affiche en front office le formulaire rempli par le client lors de sa commande (nom, mail, coordonnées,etc.)<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;5&gt;&#039;&#039;&#039; &lt;/span&gt; &#039;&#039;&#039;Panier&#039;&#039;&#039; -pré paramétré- affiche en front office le panier du client<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;6&gt;&#039;&#039;&#039; &lt;/span&gt; &#039;&#039;&#039;Panier&#039;&#039;&#039; -pré paramétré- affiche en front office l&#039;étape de validation de la commande.<br /> || <br /> [[fichier : wcom-commande4.png|vignette|Affichage des pages &quot;boutique&quot;]]<br /> |-<br /> |<br /> <br /> <br /> <br /> <br /> ===Menu de la boutique===<br /> <br /> <br /> &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039; APPARENCE / Menu&#039;&#039;&#039; &lt;/span&gt;&lt;br /&gt;<br /> <br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;8&gt;&#039;&#039;&#039; &lt;/span&gt; Afficher toutes les pages puis les ajouter dans le menu<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;9&gt;&#039;&#039;&#039; &lt;/span&gt; Positionner la vignette du menu<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;10&gt;&#039;&#039;&#039; &lt;/span&gt; enregistrer les modifications<br /> ||<br /> [[fichier : wcom-commande5.png|vignette|Réglage du menu]]<br /> |-<br /> |<br /> <br /> ===Widgets===<br /> Il est important d&#039;afficher certaines informations en colonne latéral, en pied de page, etc. pour mettre à disposition plus rapidement les informations. <br /> <br /> &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039; APPARENCE / Widget&#039;&#039;&#039; &lt;/span&gt;&lt;br /&gt;<br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;1&gt;&#039;&#039;&#039; &lt;/span&gt; Sélectionner le widget &quot;catégorie de produits&quot; <br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;3&gt;&#039;&#039;&#039; &lt;/span&gt; Ajouter ce widget à la colonne latéral de la boutique. <br /> * &lt;span style=&quot;color:blue&quot;&gt;&#039;&#039;&#039;&lt;2&gt;&#039;&#039;&#039; &lt;/span&gt; Éviter d&#039;afficher les catégories de produits sur le blog du site vitrine.<br /> ||<br /> [[fichier :Wcom-apparence2.png|vignette|Réglage du menu]]<br /> |-<br /> |<br /> <br /> &lt;span style=&quot;color:orange&quot;&gt;&#039;&#039;&#039; FrontOffice&#039;&#039;&#039; &lt;/span&gt;&lt;br /&gt;<br /> * &lt;span style=&quot;color:orange&quot;&gt;&#039;&#039;&#039;&lt;1&gt;&#039;&#039;&#039; &lt;/span&gt; Affichage des catégories de produits <br /> * &lt;span style=&quot;color:orange&quot;&gt;&#039;&#039;&#039;&lt;2&gt;&#039;&#039;&#039; &lt;/span&gt; visualisation des produits affichés<br /> * &lt;span style=&quot;color:orange&quot;&gt;&#039;&#039;&#039;&lt;3&gt;&#039;&#039;&#039; &lt;/span&gt; Suivi par le fil d&#039;Ariane<br /> ||<br /> [[fichier :Wcom-apparence3.png|vignette|Réglage du menu]]<br /> |}<br /> <br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> {{#evt:service=youtube|id=https://youtu.be/06SQHx2FVps|dimensions=380x220}}</div>

Wiki.cerpeg