Catégorie : Tutorial

  • GIT en 5 minutes : Un Guide Essentiel pour les Développeurs

    GIT en 5 minutes : Un Guide Essentiel pour les Développeurs

    Dans une ère numérique où la collaboration et l’efficacité dans le développement de logiciels sont primordiales, comprendre les outils de gestion de versions s’avère incontournable pour les programmeurs. Parmi ces outils, Git occupe une place de choix, offrant une solution robuste pour le suivi des modifications et la collaboration entre développeurs. Dans une récente vidéo explicative, intitulée « Comprendre GIT en 5 minutes, » disponible sur YouTube, le créateur du contenu plonge dans les méandres de Git, démystifiant son fonctionnement et son importance dans le monde du développement logiciel.

    Qu’est-ce que Git ?

    Git est un système de contrôle de version distribué, permettant aux développeurs de suivre et de gérer efficacement les modifications apportées à un ensemble de fichiers au fil du temps. Ce système facilite le retour à des versions antérieures, la fusion de modifications, et la coordination du travail entre plusieurs personnes. Créé en 2005 par Linus Torvalds, également fondateur du noyau Linux, Git a été conçu pour répondre aux besoins de performance, de scalabilité et de flexibilité non satisfaits par les autres systèmes de contrôle de version de l’époque.

    Pourquoi Git est-il indispensable ?

    La gestion des versions avec Git permet de sécuriser les données et de faciliter la collaboration entre les développeurs. En cas de perte ou de vol d’un ordinateur, Git offre une sécurité en permettant de récupérer le code source travaillé pendant des mois. Il permet également de créer des branches pour travailler sur des fonctionnalités spécifiques ou isoler des correctifs sans perturber le code principal, assurant ainsi la stabilité du projet.

    Fonctionnement de Git

    Le cœur de Git repose sur le concept de « repository » ou dépôt, qui contient tout le code à gérer. Chaque utilisateur possède une copie complète de l’historique du projet, ce qui facilite le travail hors ligne et la fusion des modifications ultérieures. Git fonctionne autour de trois principaux espaces sur votre machine : le répertoire de travail, la zone de préparation (Staging Area), et le dépôt local. Les modifications sont d’abord ajoutées à la zone de préparation via la commande git add, puis sauvegardées dans le dépôt local avec git commit, créant ainsi un point de sauvegarde dans l’historique des versions.

    Les branches avec Git

    Les branches Git permettent d’isoler les modifications de code, offrant un environnement séparé pour le développement de fonctionnalités ou la correction de bugs sans affecter la branche principale, généralement appelée master ou main. Cette fonctionnalité facilite le travail parallèle sur différentes parties du projet et permet des expérimentations sans risque pour le code principal.

    Commandes Git essentielles

    La vidéo présente également les commandes Git les plus fréquemment utilisées, telles que git clone, git status, git branch, git merge, git pull, et git push, qui sont essentielles pour travailler efficacement avec Git et gérer collaborativement les versions d’un projet logiciel.

    Git s’impose comme un outil incontournable dans le paysage du développement logiciel, offrant une solution puissante pour la gestion des versions et la collaboration. Cette vidéo de cinq minutes fournit une introduction succincte mais complète à Git, soulignant son importance et son utilité pour les développeurs de tous niveaux. Pour ceux qui cherchent à approfondir leurs connaissances, le monde de Git regorge de concepts avancés tels que GitFlow, la CI/CD, et les pull requests, promettant une exploration enrichissante de cet outil essentiel.

    Si vous êtes un développeur en quête d’efficacité et de collaboration, se plonger dans Git et maîtriser ses commandes fondamentales se révèle être une étape cruciale vers le succès dans vos projets logiciels.

    Jean-Yves FRIXON

  • Comment se Connecter à la Plateforme WordPress pour Gérer son Site Web

    Comment se Connecter à la Plateforme WordPress pour Gérer son Site Web

    Si vous êtes le fier propriétaire d’un site web alimenté par WordPress, vous êtes déjà sur la bonne voie pour créer et gérer du contenu en ligne. Pour gérer efficacement votre site, il est essentiel de savoir comment vous connecter à la plateforme WordPress. Dans cet article, nous vous guiderons à travers les étapes nécessaires pour accéder à votre tableau de bord WordPress, où vous pourrez gérer tout, de la publication d’articles à la personnalisation de votre site.

    Étape 1 : Accédez à votre page de connexion

    La première étape pour vous connecter à votre site WordPress est d’accéder à la page de connexion. Vous pouvez le faire en suivant simplement ces étapes :

    1. Ouvrez votre navigateur web : Lancez votre navigateur préféré, tel que Google Chrome, Mozilla Firefox, Safari, ou tout autre navigateur que vous utilisez habituellement.
    2. Entrez l’URL de votre site : Dans la barre d’adresse de votre navigateur, tapez l’URL de votre site WordPress. Par exemple, si votre site est « www.monsite.com« , entrez cette adresse.
    3. Ajoutez « /wp-login.php » à l’URL : Après l’adresse de votre site, ajoutez « /wp-login.php ». Cela ressemblera à ceci : « www.monsite.com/wp-login.php » ou www.monsite.com/wp-admin.
    4. Appuyez sur « Entrée » : Appuyez sur la touche « Entrée » de votre clavier. Vous serez redirigé vers la page de connexion de WordPress.

    Étape 2 : Saisissez vos identifiants

    Une fois sur la page de connexion de WordPress, vous devrez saisir vos identifiants pour accéder à votre tableau de bord. Voici ce que vous devez faire :

    1. Nom d’utilisateur : Dans le champ « Nom d’utilisateur » (ou « Identifiant »), entrez le nom d’utilisateur que vous avez créé lorsque vous avez installé WordPress sur votre site.
    2. Mot de passe : Dans le champ « Mot de passe », saisissez le mot de passe associé à votre compte.
    3. Cliquez sur « Se connecter » : Après avoir entré vos identifiants, cliquez sur le bouton « Se connecter ». Si vos informations sont correctes, vous serez redirigé vers le tableau de bord de WordPress.

    Étape 3 : Explorez votre tableau de bord

    Félicitations, vous êtes maintenant connecté à votre tableau de bord WordPress. Vous pouvez maintenant explorer les nombreuses fonctionnalités et options de gestion de contenu qui s’offrent à vous. Voici quelques-unes des principales sections que vous trouverez dans votre tableau de bord :

    • Tableau de bord : La page d’accueil de votre tableau de bord affiche un résumé de l’activité récente sur votre site, y compris les derniers articles publiés, les commentaires en attente, et d’autres informations utiles.
    • Articles : Cette section vous permet de créer, éditer et gérer vos articles de blog.
    • Pages : Vous pouvez créer et gérer vos pages statiques ici, telles que la page d’accueil, la page « À propos » et d’autres pages importantes de votre site.
    • Médias : Tous les fichiers multimédias que vous avez téléchargés, tels que des images et des vidéos, sont stockés ici.
    • Apparence : Cette section vous permet de personnaliser l’apparence de votre site en installant des thèmes et en personnalisant les options de design.
    • Extensions : Vous pouvez ajouter de nouvelles fonctionnalités à votre site en installant des extensions, également appelées plugins, depuis cette section.
    • Utilisateurs : Si vous avez plusieurs auteurs ou contributeurs sur votre site, vous pouvez les gérer ici en créant de nouveaux comptes et en gérant les autorisations d’accès.
    • Réglages : Cette section vous permet de configurer divers paramètres de votre site, tels que les permaliens, les réglages de lecture, et bien plus encore.

    Maintenant que vous êtes connecté et que vous avez exploré les bases de votre tableau de bord WordPress, vous êtes prêt à créer et à gérer du contenu sur votre site web en toute simplicité. N’hésitez pas à explorer davantage et à personnaliser votre site selon vos besoins spécifiques. Avec WordPress, les possibilités sont infinies pour créer un site web exceptionnel.

  • Comment publier un article sur WordPress en quelques étapes simples

    Comment publier un article sur WordPress en quelques étapes simples

    Publier un article sur WordPress est une tâche simple et rapide qui peut être accomplie en quelques étapes simples. Dans cet article, nous allons vous guider à travers les différentes étapes nécessaires pour publier votre premier article sur WordPress.

    Étape 1 : Se connecter à votre site WordPress

    La première étape consiste à vous connecter à votre site WordPress. Pour ce faire, vous devez accéder à votre tableau de bord en saisissant l’URL de votre site WordPress, suivi de « /wp-admin ». Entrez ensuite vos informations de connexion pour accéder à votre tableau de bord WordPress.

    Étape 2 : Créer un nouvel article

    Une fois que vous êtes connecté à votre site WordPress, la prochaine étape consiste à créer un nouvel article. Pour ce faire, cliquez sur « Ajouter un nouvel article » ou « Nouvel article » dans votre tableau de bord WordPress.

    Étape 3 : Saisir le titre de votre article

    Après avoir cliqué sur « Ajouter un nouvel article », une nouvelle page s’ouvre, vous permettant de saisir le titre de votre article. Le titre de votre article doit être court, informatif et attrayant pour attirer l’attention de vos lecteurs.

    Étape 4 : Rédiger votre contenu

    Après avoir saisi le titre de votre article, la prochaine étape consiste à rédiger le contenu de votre article dans l’éditeur de texte de WordPress. Vous pouvez saisir votre contenu directement dans l’éditeur de texte ou coller votre contenu depuis un traitement de texte.

    Étape 5 : Ajouter des médias

    Vous pouvez ajouter des images, des vidéos ou d’autres médias à votre article en cliquant sur « Ajouter un média ». Téléchargez ensuite votre média depuis votre ordinateur, ou choisissez un fichier existant dans votre bibliothèque de médias.

    Étape 6 : Ajouter des catégories et des balises

    Pour organiser votre contenu et aider vos lecteurs à trouver votre article, vous pouvez ajouter des catégories et des balises à votre article. Les catégories sont des groupes de sujets connexes, tandis que les balises sont des mots-clés spécifiques qui décrivent le contenu de votre article.

    Étape 7 : Prévisualiser et publier votre article

    Une fois que vous avez terminé la rédaction de votre article, vous pouvez prévisualiser votre contenu en cliquant sur « Aperçu ». Si vous êtes satisfait de votre article, vous pouvez le publier en cliquant sur « Publier ».

    Tutorial vidéo pour ajouter un article

    En résumé

    Voici les étapes à suivre pour publier un article sur WordPress :

    1. Connectez-vous à votre site WordPress et accédez à votre tableau de bord.

    2. Cliquez sur « Ajouter un nouvel article » ou « Nouvel article » pour commencer la création de votre article.

    3. Saisissez le titre de votre article dans le champ prévu à cet effet.

    4. Saisissez le contenu de votre article dans le champ principal de l’éditeur de texte.

    5. Utilisez les options de mise en forme disponibles pour mettre en gras, en italique ou souligner du texte, ajouter des listes, des titres, etc.

    6. Ajoutez des images en cliquant sur « Ajouter un média » et en téléchargeant votre image depuis votre ordinateur.

    7. Ajoutez des vidéos en collant l’URL de la vidéo dans le champ de l’éditeur de texte.

    8. Insérez des liens en sélectionnant le texte que vous souhaitez lier et en collant l’URL correspondante.

    9. Ajoutez des catégories et des balises pour organiser votre article et le rendre facilement trouvable sur votre site. 9. Révisez et corrigez votre article, puis prévisualisez-le pour voir comment il apparaîtra sur votre site.

    10. Enfin, cliquez sur « Publier » pour publier votre article sur votre site WordPress. En suivant ces étapes simples, vous pouvez facilement publier un article sur votre site WordPress.

    Publier un article sur WordPress est une tâche simple et rapide qui peut être accomplie en quelques étapes simples. Si vous avez besoin d’une assistance supplémentaire pour publier votre premier article sur WordPress, vous pouvez également regarder notre tutoriel vidéo pour vous guider à travers les différentes étapes du processus.

  • Quels sont les différences entre les certificats SSL Let’s Encrypt et les certificats SSL payants ?

    Quels sont les différences entre les certificats SSL Let’s Encrypt et les certificats SSL payants ?

    Les certificats SSL (Secure Sockets Layer) sont des certificats numériques qui permettent de sécuriser les communications entre un serveur Web et un navigateur. Ils sont utilisés pour chiffrer les données qui transitent entre le navigateur et le serveur, empêchant ainsi les pirates informatiques de lire les informations sensibles telles que les identifiants de connexion, les numéros de carte de crédit et les données personnelles.

    Les certificats SSL peuvent être achetés auprès de fournisseurs de certificats SSL payants ou obtenus gratuitement auprès de Let’s Encrypt. Voici quelques différences principales entre les deux types de certificats :

    Coût
    Les certificats SSL Let’s Encrypt sont gratuits, tandis que les certificats SSL payants peuvent coûter plusieurs centaines de dollars par an. Si vous avez un petit site Web personnel ou un petit site Web d’entreprise, le choix d’un certificat SSL gratuit peut être une option intéressante.

    Durée de validité
    Les certificats SSL Let’s Encrypt ont une durée de validité de 90 jours, tandis que les certificats SSL payants peuvent avoir une durée de validité allant jusqu’à 2 ou 3 ans. Cela signifie que vous devrez renouveler votre certificat Let’s Encrypt plus fréquemment que les certificats SSL payants.

    Niveau de validation
    Les certificats SSL payants peuvent offrir un niveau de validation plus élevé, tel qu’une validation d’entreprise ou de l’organisation, ce qui peut être important pour les sites Web d’e-commerce ou les sites Web de grande entreprise. Let’s Encrypt ne propose qu’une validation de domaine.

    Support technique
    Les certificats SSL payants sont souvent livrés avec un support technique dédié, tandis que le support pour les certificats SSL Let’s Encrypt est fourni par une communauté de bénévoles. Si vous avez besoin d’un support technique personnalisé, un certificat SSL payant peut être une meilleure option.

    Options de sécurité avancées
    Les certificats SSL payants peuvent offrir des options de sécurité avancées, telles que la validation étendue, qui affiche une barre verte dans le navigateur, ainsi que des garanties de responsabilité, des fonctions de protection contre les fraudes et des options de sécurité spécifiques.

    Cependant, il est important de noter que les certificats SSL Let’s Encrypt offrent un niveau de sécurité équivalent aux certificats SSL payants en termes de chiffrement SSL et de protection des données. Les certificats SSL Let’s Encrypt sont également faciles à utiliser et à installer, ce qui les rend idéaux pour les sites Web personnels, les petites entreprises et les organisations à but non lucratif.

    Autres services SSL

    Voici une liste d’autre services SSL alternatif à Let’s Encrypt. Ces sites Web vous permettront de consulter les différentes options de certificats SSL payants offerts par ces fournisseurs, ainsi que les prix et les fonctionnalités.

    DigiCert : https://www.digicert.com/
    Symantec : https://www.symantec.com/ssl-certificates
    GlobalSign : https://www.globalsign.com/en/ssl/
    Comodo : https://www.comodo.com/business-security/digital-certificates/ssl-certificates.php
    Thawte : https://www.thawte.com/ssl/
    GoDaddy : https://www.godaddy.com/web-security/ssl-certificate
    GeoTrust : https://www.geotrust.com/ssl/
    RapidSSL : https://www.rapidssl.com/
    Entrust : https://www.entrust.com/ssl-certificates/
    Sectigo : https://sectigo.com/products/ssl-certificates

    En fin de compte, le choix entre un certificat SSL Let’s Encrypt et un certificat SSL payant dépendra de vos besoins spécifiques en matière de sécurité et de budget. Si vous avez besoin d’options de sécurité avancées ou d’un support technique personnalisé, un certificat SSL payant peut être une meilleure option. Si vous avez un petit site Web personnel ou un petit site Web d’entreprise et que vous avez un budget limité, un certificat SSL Let’s Encrypt peut être une excellente option pour vous.

  • Le référencement de votre site web en 5 points clés

    Le référencement de votre site web en 5 points clés

    Il existe plusieurs stratégies que vous pouvez mettre en place pour améliorer le référencement de votre site web et le faire apparaître en première position dans les résultats de recherche de Google. Voici quelques conseils qui pourraient vous être utiles :

    1. Utilisez les mots-clés pertinents dans votre contenu et votre balise titre : il est important d’utiliser les mots-clés pertinents dans votre contenu et votre balise titre pour indiquer à Google le sujet de votre site web. Cela permettra à Google de mieux comprendre le contenu de votre site et de le classer correctement dans les résultats de recherche.
    2. Créez du contenu de qualité : pour que votre site soit bien classé dans les résultats de recherche, il est important de créer du contenu de qualité qui répond aux besoins et aux questions de votre audience cible. Assurez-vous que votre contenu est bien organisé, facile à lire et à comprendre, et qu’il apporte une valeur ajoutée aux utilisateurs.
    3. Optimisez la vitesse de chargement de votre site : la vitesse de chargement de votre site peut avoir un impact important sur son classement dans les résultats de recherche. Assurez-vous que votre site se charge rapidement en utilisant des techniques d’optimisation telles que la compression d’images et la réduction des fichiers JavaScript et CSS.
    4. Créez des liens retour de qualité : les liens retour (également appelés « backlinks ») sont des liens provenant d’autres sites qui pointent vers votre site. Plus vous avez de liens de qualité provenant de sites reconnus, plus Google considérera votre site comme étant de qualité et le classera en conséquence.
    5. Utilisez les balises meta : les balises meta sont des informations cachées dans votre code HTML qui aident les moteurs de recherche à mieux comprendre le contenu de votre site. Utilisez les balises meta « description » et « keywords » pour aider Google à mieux comprendre le contenu de votre site et à le classer correctement dans les résultats de recherche.


    Il est important de noter que le référencement d’un site web est un processus continu et il peut prendre du temps avant de voir des résultats. Il est recommandé de mettre en place une stratégie de référencement à long terme et d’être patient en attendant des résultats.

    Nous vous proposons d’améliorez le référencement de votre site web grâce à nos services de développement expert et nos conseils en référencement. Nous vous aidons également à rédiger du contenu de qualité pour maximiser l’impact de votre site sur les moteurs de recherche, n’hésitez pas à prendre contact avec nous !

  • Comment récupérer ses emails Gmail sur Outlook en mode POP

    Comment récupérer ses emails Gmail sur Outlook en mode POP

    Vous souhaitez récupérer vos emails à partir d’Outlook en mode pop mais cela ne fonctionne pas ? Voici une solution alternative depuis la mise à jour de sécurité de Google pour Gmail au 1er juin 2022.

    Avant d’utiliser la méthode ci-dessous, veuillez essayer d’abord la méthode donnée à l’adresse suivante : https://support.google.com/mail/answer/7104828?hl=fr&authuser=1
    ou
    https://myaccount.google.com/u/6/apppasswords?pli=1&rapt=AEjHL4MqK_e8WGo7By5Bnx9LjwzCFIjdSw30F7QfxQj88yb-QjqNtscOam4XGUhHaBkGwKNZIXXnZXyiUB9wYPZqQRMk5Scnpg

    En premier lieu ce que vous devez faire est d’activer les authentifications à 2 facteurs sur votre compte Gmail, puis de générer un à utiliser comme mot de passe ou compte de messagerie dans Outlook. Il s’agit d’un changement de Google qui est entré en vigueur le 1er juin 2022

    Récapitulatif des étapes

    1 – Activer l’authentification à 2 facteurs pour le compte GMail

    Activer la validation en deux étapes
    https://support.google.com/accounts/answer/185839?hl=fr&co=GENIE.Platform%3DDesktop

    2 – Générer un Google <App password= » »> pour ce compte

    Se connecter avec des mots de passe d’application
    https://support.google.com/mail/answer/185833?hl=fr

    3 – Modifiez le mot de passe dans Outlook

    Pour le compte de messagerie afin d’utiliser ce que <App password= » »> vous avez généré à l’étape #2 (suggérez d’utiliser copier ;n coller – le <App password= » »> est une chaîne contiguë de 16 caractères – pas d’espaces)

    NB: Certaines personnes ont signalé qu’elles devaient supprimer le compte et le rajouter en s’assurant <App password= » »> d’utiliser le comme mot de passe pour le compte de messagerie.</App></App></App></App></App>

  • Comment ajouter une photo dans un article ou une page sur WordPress ?

    Comment ajouter une photo dans un article ou une page sur WordPress ?

    Lorsque vous créez ou modifiez une page WordPress ou un article de blog, vous pouvez facilement ajouter des images à tout moment en utilisant l’outil WordPress Ajouter un média. Voici comment ajouter une image, étape par étape, à l’aide de l’outil de téléversement de fichiers :

    Étape 1 – Placement de votre curseur

    Placer le curseur à l’endroit où l’image doit apparaître

    Pour ajouter une image à votre page ou à votre article, vous devez d’abord insérer votre curseur à l’endroit du texte où vous voulez que l’image apparaisse. En plaçant votre curseur dans votre texte, vous pouvez ajouter des images en ligne avec votre contenu. Vous pouvez également placer votre curseur sur une ligne vierge si vous préférez que l’image apparaisse seule.

    Astuce : Il est conseillé de placer votre curseur sur la marge gauche de votre texte, même si vous souhaitez que l’image apparaisse à droite. En effet, il existe un paramètre spécial appelé Alignement qui vous permet de contrôler si l’image apparaît à droite ou à gauche du texte. Il permet même de contrôler automatiquement la façon dont le texte circule autour de l’image.

    Haut ↑

    Étape 2 – Cliquer sur le bouton Ajouter un média

    Une fois que vous avez placé votre curseur sur la ligne où vous souhaitez que votre image apparaisse, cliquez sur le bouton Ajouter un média pour lancer l’interface de téléversement de fichiers, l’option Ajouter un média est alors automatiquement sélectionnée dans la liste d’actions située dans la partie gauche de la fenêtre de téléversement de fichiers.

    Bouton « Ajouter un média » au-dessus de l’éditeur

    Haut ↑

    Étape 3 – Ajouter ou sélectionner votre image

    Vous pouvez ajouter ou sélectionner l’image que vous souhaitez intégrer à votre page ou à votre article en choisissant l’une des options suivantes au centre de la fenêtre de téléversement des fichiers :

    • Téléverser des fichiers : téléversez l’image que vous souhaitez utiliser à partir de votre ordinateur en la faisant glisser dans la zone de téléversement.
    • Médiathèque : choisissez parmi les images précédemment téléversées dans la médiathèque en cliquant sur celle que vous souhaitez ajouter à votre page ou à votre article.
    La Médiathèque

    Une fois que vous aurez sélectionné ou téléversé l’image que vous souhaitez utiliser, vous verrez une case à cocher à côté de la miniature confirmant votre sélection, ainsi que l’affichage d’informations la concernant dans le panneau Détails du fichier joint sur le côté droit de l’interface de la médiathèque.

    Haut ↑

    Étape 4 – Détails du fichier joint

    Détails du fichier joint

    Le volet Détails du fichier joint affiche une miniature non recadrée de l’image, ainsi que des informations importantes telles que le nom du fichier, la date de téléversement et les dimensions de l’image en pixels.

    Il existe également des liens d’action qui vous permettent de Modifier l’image, ce qui vous amène à sa page, ou de Supprimer définitivement l’image pour la retirer de votre site.

    En outre, vous pouvez modifier les informations suivantes du fichier :

    • Titre : le titre de ce média.
    • Légende : la légende de cette image. Le texte que vous entrez ici sera affiché sous l’image.
    • Texte alternatif : saisissez le texte alternatif de l’image, par exemple « La Joconde » pour décrire le média.
    • Description : une description pour ce média particulier.
    • Pour plus d’informations sur ces paramètres médias, voir la page Modifier un média.

    Étape 5 – Réglages de l’affichage du fichier joint

    Réglages de l’affichage du fichier joint

    Le volet Réglages de l’affichage du fichier joint contrôle la façon dont l’image est affichée lorsqu’elle est consultée sur le site.

    Vous avez la possibilité de définir comment vous souhaitez que l’image soit alignée sur la page (par rapport au texte et aux marges) et quel sera le comportement du lien de l’image. En outre, vous pouvez définir la taille de l’image que vous souhaitez afficher sur votre page.

    Alignement d’image

    Le paramètre Alignement vous permet de déterminer où vous souhaitez que l’image apparaisse dans votre zone de contenu et comment elle interagit avec le texte de la page. Vous pouvez choisir parmi les options d’alignement d’image suivantes :

    • Gauche : aligne l’image dans la marge de gauche, et tout le texte qui se trouve sur la page s’enroule (ou s’écoule) autour de l’image dans l’espace disponible à droite.
    • Droite : aligne l’image dans la marge de droite, et tout le texte qui se trouve sur la page s’enroule (ou s’écoule) autour de l’image dans l’espace disponible à gauche.
    • Centre : aligne l’image au centre de la page, en chassant le texte qui l’entoure.
    • Aucun : insère l’image dans la page sans aucun alignement.
    Alignement des images à l’aide des contrôles de l’éditeur

    Haut ↑

    Lien associé à une image

    Les paramètres de Lier à déterminent l’URL/adresse web à laquelle l’image sera liée lorsqu’un visiteur de votre site cliquera dessus. Vous pouvez spécifier les paramètres suivants pour Lier à :

    • Fichier média : relie directement l’image insérée à la version originale du fichier, en taille réelle.
    • Page du fichier joint : relie l’image que vous avez insérée à la page créée par WordPress pour chacun de ses fichiers joints.
    • Lien personnalisé : vous permet de définir une URL personnalisée à laquelle votre image sera liée lorsque l’on cliquera dessus.
    • Aucun : ce paramètre supprime complètement le lien, rendant l’image « non cliquable ».

    Haut ↑

    Taille d’image

    Les paramètres de Taille déterminent la taille de l’image que vous ajoutez à votre site. Par défaut, WordPress crée une série de trois tailles d’image parmi lesquelles vous pouvez choisir :

    • Miniature : affiche une version réduite de votre image en miniature sur la page/article. Notez que, par défaut, la taille de la miniature est un carré, de sorte qu’il peut se produire un certain recadrage de votre image originale.
    • Moyenne : affiche une version moyenne de votre image sur la page. C’est une bonne taille à utiliser avec les alignements gauche/droite, car elle laisse suffisamment d’espace pour un texte lisible de chaque côté.
    • Grande : affiche une version grand format de votre image sur la page ou l’article.
      Note : WordPress déterminera la largeur de la colonne de contenu de votre thème, et affichera la plus grande image possible pour cet espace.
    • Taille originale : affiche une version pleine grandeur de votre image sur la page ou l’article.
      Note : WordPress déterminera la largeur de la colonne de contenu de votre thème et affichera la plus grande image possible pour cet espace. Si votre image originale est plus grande que la largeur de cette colonne, il se peut que l’image ne soit pas affichée en taille réelle.
    Différentes tailles d’images

    Vous pouvez visiter l’écran Médias accessible via le menu Réglages puis Médias pour personnaliser les tailles d’image ci-dessus.

    Étape 6 – Insertion de l’image

    Options de modification de l’image

    Une fois que vous avez déterminé vos paramètres d’image, cliquez sur le bouton bleu Insérer dans la publication ou Insérer dans la page, pour ajouter l’image à votre page ou votre article. Après la fermeture de la fenêtre de téléversement de fichier, vous verrez l’image dans la fenêtre de l’éditeur de texte, y compris un aperçu de l’alignement de l’image, si vous l’avez spécifié.

    À tout moment, vous pouvez modifier les paramètres de l’image en cliquant sur le bouton Modifier (petit crayon) du popup qui s’affiche une fois l’image cliquée. Vous pouvez supprimer l’image de votre page/article en cliquant sur le bouton Retirer (croix) du popup.

    Éta

    Tutorial vidéo – Insertion de l’image dans un article WordPress

  • Comment ajouter du code PHP à Elementor sur WordPress ?

    Comment ajouter du code PHP à Elementor sur WordPress ?

    Dans ce tutoriel, nous allons vous montrer comment ajouter du code PHP à Elementor.

    À un moment donné, vous devrez peut-être ajouter du code PHP à une certaine partie d’un modèle de page construit à l’aide d’Elementor.

    Elementor par défaut n’a cependant que des éléments pour ajouter HTML et Javascript et ne permet pas l’ajout de code php dans l’un de ces éléments ou le bloc de texte.

    Donc, aujourd’hui, nous allons vous montrer comment ajouter du code php personnalisé à n’importe quelle page Elementor en créant un shortcode dans vos thèmes functions.php.

    Créer un Shortcode pour ajouter du code PHP à Elementor

    En utilisant les directives de l’API de shortcode WordPress, dans votre fichier functions.php (ou autre inclusion en fonction de la configuration de votre thème), ajoutez le code suivant :
    <?php
    // ***************************************************
    // Code pour exécuter un script PHP dans Elementor
    // ***************************************************

    // Nom du Shortcode de sortie pour inserer un code PHP dans Elementor
    function wpcode_elementor_shortcode( $atts ) {
        echo « Bonjour, merci de votre visite ! »;
    }
    add_shortcode( ‘elementor_php_sortie_1’, ‘wpcode_elementor_shortcode’);

    ?>

    Assurez-vous de nommer la fonction et le shortcode quelque chose de pertinent pour ce que vous essayez de sortir sur la page, ce n’est qu’un exemple simple.

    Si vous avez besoin de générer plusieurs fonctions php personnalisées distinctes de la première, vous devrez copier le code ci-dessus et vous assurer de changer le nom du shortcode. Vous ne pouvez pas avoir le même nom pour deux shortcodes différents.

    Ajouter Le Shortcode à une page à l’aide d’Elementor

    Maintenant que votre shortcode a été ajouté et enregistré, il peut être appelé dans Elementor à l’aide d’un « bloc de texte » ou de l’élément widget « shortcode ». Accédez à la page à laquelle vous souhaitez ajouter le php personnalisé.

    À partir de là, ajoutez un élément de shortocode Elementor avec votre nouveau shortcode appelé en son sein. Pour ce guide, le shortcode est [elementor_php_sortie_1]

    Maintenant que le shortcode est dans votre mise en page Elementor, vous pouvez afficher les résultats en direct de la page pour vous assurer que la sortie est comme prévu.

    En Résumé

    Évidemment, il y a plus de possibilités que d’utiliser echo en utilisant cette solution ; il peut être étendu pour servir toutes les fonctionnalités possibles avec l’API WordPress Shortcode, telles que les codes abrégés qui gèrent les attributs.

  • Comment gérer ses commandes avec Woocommerce ?

    Comment gérer ses commandes avec Woocommerce ?

    Gestion des commandes

    Les commandes sont créées lorsqu’un client termine le processus de validation de commande. Elles sont uniquement visibles par les administrateurs et les responsables de la boutique. Un ID de commande unique est attribué à chaque commande.

    Les ID de commande ne sont pas séquentiels. Ils utilisent le même procédé que les ID de WordPress. Pour utiliser des numéros de commande séquentiels, utilisez l’extension Sequential Order Numbers Pro.

    États de commande

    Les états de commande permettent de suivre la progression de chaque commande, de l’état « Attente paiement » jusqu’à l’état « Terminée ». Voici les différents états de commande :

    • Attente paiement (commande impayée) : Commande reçue, mais aucun paiement initié. En attente de paiement.
    • Échouée (commande impayée) : Commande échouée en raison d’un paiement infructueux ou refusé, ou commande qui nécessite une « authentification forte du client (SCA) ». Dans certains cas, l’état « Attente paiement » remplace l’état « Échouée » jusqu’à ce que le paiement soit vérifié (p. ex. paiements PayPal).
    • En cours (commande payée) : Paiement reçu et stock réduit. La commande est en cours de traitement. Remarque : Toutes les commandes de produits nécessitent un temps de traitement, sauf celles qui contiennent uniquement des produits virtuels et/ou téléchargeables.
    • Terminée : Commande traitée et terminée. Aucune autre action n’est requise.
    • En attente : Commande en attente de confirmation du paiement. Le stock est réduit, mais vous devez confirmer le paiement.
    • Annulée : Commande annulée par un administrateur ou par le client. Le stock est réajusté. Aucune autre action n’est requise.
    • Remboursée : Commande remboursée par un administrateur. Aucune autre action n’est requise.
    • Authentification requise : En attente d’une action du client pour authentifier la transaction et/ou valider la procédure « authentification forte du client (SCA) ».

    Diagramme visuel des états de commande

    Cette représentation visuelle suit le cheminement d’une commande, de l’état « Attente paiement » jusqu’aux états « Terminée », « Annulée » ou « Remboursée ».

    États de commande et passerelles de paiement

    Pour plus d’informations concernant l’incidence des passerelles de paiement sur les états de commande, consultez la section Dépannage.

    États de commande et e-mails

    Pour plus d’informations sur les différents e-mails qui sont envoyés automatiquement, consultez la section Réglages des e-mails.

    Si vous utilisez PayPal et que les commandes sont bloquées en « Attente paiement », il peut s’agir d’un problème lié aux notifications instantanées de paiement (IPN). Consultez la section Débogage des problèmes IPN.

    Afficher et gérer plusieurs commandes

    Vue d’ensemble des commandes

    Pour consulter les commandes de votre boutique, accédez à WooCommerce > Commandes.

    Chaque ligne correspond à une commande et chaque colonne affiche différentes informations relatives aux commandes. Voici les informations qui peuvent être affichées :

    • Numéro de commande et nom du client.
    • Date d’achat.
    • État de la commande.
    • Adresse de facturation.
    • Adresse de livraison.
    • Total de la commande.
    • Actions.

    Pour ajouter ou supprimer des colonnes :

    • Accédez à WooCommerce > Commandes.
    • Cliquez surle bouton Options de l’écran situé dans le coin supérieur droit.
    • Sélectionnez les colonnes qui vous souhaitez afficher.
    • Sélectionnez le nombre d’éléments quevous souhaitez afficher sur chaque page.
    • Cliquez sur Appliquer.

    Filtrer et organiser les commandes

    Vous pouvez filtrer lescommandes par date (mois/année) ou par client enregistré.

    • Sélectionnez le mois ou recherchez un client.
    • Cliquez sur Filtrer.

    Classez lescommandes par ordre ascendant ou descendant selon le Numéro de commande, la Date ou le Total.

    Notez que la colonne « Total » ne prend pas encompte les montants remboursés.

    Cliquez sur le nom du client pour afficher la page de modification de commande. Depuis cette page, vous pouvez modifier lesdétails de la commande, mettre à jour l’état de la commandeet ajouter des notes. Pour plus d’informations, consultez la section Afficher et modifier une commande.

    Aperçu des commandes

    Pour afficher l’aperçu d’une commande, cliquez sur l’icône en forme d’œil.

    Une nouvelle fenêtre s’affiche avec les informations suivantes : le numéro de la commande, l’état de la commande, les détails de facturation, le mode de paiement, les détails d’expédition, la méthode d’expédition, les articles commandés et une option permettant de modifier l’état de la commande.

    États de commande dans l’aperçu

    Les états de commande ont un code couleur qui permet d’identifier chaque état :

    • Annulée – Gris
    • Terminée – Bleu
    • Échouée – Rouge
    • En attente – Orange
    • Attente paiement – Gris
    • En cours – Vert
    • Remboursée – Gris

    Actions de commande

    Survolez l’État d’une commande pour afficher les Notes de cette commande.

    Si vous choisissez d’afficher la colonne « Actions », des boutons de raccourci permettent de modifier rapidement l’état d’une commande : En cours ou Terminée.

    Afficher et modifier une commande

    Cliquez sur le nom du client pour afficher la page de modification de commande. Depuis cette page, vous pouvez afficher, modifier et mettre à jour toutes les données relatives à la commande.

    • Modifier l’état de la commande.
    • Modifier les articles de la commande (le produit, les tarifs et les taxes).
    • Modifier les quantités commandées.
    • Envoyer au client les détails de la commande par e-mail (pratique si vous créez manuellement une commande pour un client) ou régénérer les autorisations de téléchargement. Options accessibles depuis le panneau « Actions de commande ».
    • Modifier les données métapour modifier les variations d’unproduit.
    • Appliquer ou supprimer un code promo. Vous devez connaître le nom du code promo. Les codes utilisés sont décomptés. Remarque : la commande doit être impayée pour que les coupons aient un effet sur le prix de la commande.
    • Ajouter des frais. Vous pouvez saisir un montant ou un pourcentage pour ajouter des frais à la commande. En cas de frais négatifs, les taxes sont réparties sur les autres articles et ne font pas descendre le prix total en-dessous de zéro.


    Détails d’une commande

    Le panneau Détails Commande permet de consulter les informations suivantes :

    • Numéro de la commande.
    • Détails du paiement.
    • Date et heure de la commande.
    • État de la commande.
    • Détails du client :
      • Nom d’utilisateur et e-mail du client, ainsi que des liens pour consulter le profil et les autres commandes de ce client.
      • Détails de facturation.
      • Détails d’expédition.

    Modifier les détails d’une commande

    La plupart des détails d’une commande peuvent être mis à jour et/ou modifiés.

    • Pour modifier la date et l’heure, utilisez les sélecteurs de date et d’heure.
    • Pour modifier l’état, choisissez l’état correspondant dans la liste déroulante.
    • Pour changer de client, sélectionnez le client actuel et recherchez le nouveau client.

    Les détails relatifs à la « Facturation » et à « l’Expédition » peuvent également être modifiés. Pour cela, cliquez sur les icônes en forme de crayon situées sur la droite.

    • Les détails de « Facturation » suivants peuvent être modifiés :
      • Adresse de facturation. Pour récupérer l’adresse de facturation depuis le profil du client, cliquez sur « Charger l’adresse de facturation ».
      • Adresse de messagerie.
      • Numéro de téléphone.
      • Moyen et détails de paiement.
    • Les détails « d’Expédition » suivants peuvent être modifiés :
      • Adresse de livraison. Pour récupérer l’adresse de facturation depuis le profil du client, cliquez sur « Charger l’adresse de facturation ». Pour utiliser l’adresse de facturation comme adresse de livraison, cliquez sur « Copier l’adresse de facturation ».
      • Note fournie par le client.

    Une fois que vous avez terminé, cliquez sur Mettre à jour.


    Articles d’une commande et totaux

    Afficher les articles d’une commande

    Le panneau suivant permet de consulter les Articles d’une commande. Ce panneau contient les articles commandés, les détails d’expédition et les totaux.

    • Détails des articles :
      • Image du produit.
      • Nom du produit.
      • Tarif unitaire du produit.
      • Quantité.
      • Total (le tarif unitaire multiplié par la quantité, en tenant compte des remises).
      • TVA.
    • Détails d’expédition :
      • Mode de livraison.
      • Articles expédiés.
      • Coût total.
      • TVA.
    • La dernière section est un aperçu des coûts de la commande. En cas de remboursement de la commande, cette section est modifiée en conséquence. Détails inclus par défaut dans cette section :
      • Sous-total des articles : Coût hors taxes.
      • Code(s) promo : Montant déduit en fonction du/des code(s) promo. Les codes promo utilisés sont affichés sur la gauche.
      • Expédition : Les frais de livraison pour la commande.
      • TVA (nom de la taxe) : Le montant total des taxes appliquées à la commande.
      • Total de la commande : Le total de tous les coûts.
      • Lorsque la commande est payée, des lignes supplémentaires indiquent le montant payé par le client et les éventuels frais prélevés par les passerelles de paiement.

    Modifier ou ajouter des articles

    Mis à part un remboursement, seuls les articles d’une commande en « Attente paiement » ou « En attente » peuvent être modifiés.

    Pour modifier un article, cliquez sur l’icône en forme de crayon située sur la droite.

    Les éléments suivants peuvent être modifiés :

    • Ajouter une donnée méta : Permet d’ajouter ou de supprimer une donnée méta pour modifier les options des variations du produit.
    • Quantité : Nombre d’articles achetés par le client.
    • Total : Tarif de ligne et taxe de ligne avant remise(s) pré-taxes.
    • TVA : Coût des taxes. Note : Si un client est exonéré de taxes, vous pouvez supprimer les taxes.

    Autres actions disponibles en bas du panneau :

    • Ajouter produit(s) : Six nouvelles options s’affichent :
      • Ajout de produit(s) : Permet d’ajouter des produits supplémentaires à la commande.
      • Ajouter frais : Permet d’ajouter des frais supplémentaires, tels que des frais d’emballage cadeaux.
      • Ajouter l’expédition : Permet d’ajouter des frais de livraison. Lorsque vous avez terminé, cliquez sur l’icône en forme de crayon pour mettre à jour le nom, la méthode, le coût et les taxes d’expédition.
      • Ajout de TVA : Permet d’ajouter un code de taux de TVA supplémentaire à chaque section de la commande.
      • Annuler : Permet d’annuler les modifications en cours.
      • Enregistrer : Permet d’enregistrer les modifications.
    • Recalculer : Une fois terminé, cliquez sur Recalculer pour refléter les modifications dans les totaux de la commande.
    • Appliquer le code promo : Si votre client a oublié d’ajouter le code promo ou si vous souhaitez lui offrir une remise, cliquez sur ce bouton pour appliquer le code promo de votre choix.
    • Remboursement : Permet de rembourser le client. Pour plus d’informations sur les remboursements manuels et automatiques, consultez Remboursements WooCommerce (disponible uniquement en anglais).


    Champs personnalisés

    Pour ajouter des champs personnalisés de données méta, sélectionnez un champ dans la liste déroulante et cliquez sur Ajouter un champ personnalisé :

    Notes de commande

    Le panneau Notes de commande affiche les notes jointes à la commande et peut être utilisé pour conserver les détails relatifs à la commande (tels que le suivi du paiement et du stock) ou pour envoyer des notes au client. Certaines passerelles de paiement ajoutent également des notes pour le débogage.

    Types de notes :

    • Violet : Notes d’état du système, telles que les détails de la passerelle de paiement.
    • Gris : Notes générales, telles que les changements d’état ou les notes privées. Les clients ne voient pas ces notes mais ils peuvent recevoir des notifications (par exemple, lorsque l’état passe de « En cours » à « Terminée ») et être avertis par e-mail (si l’option est activée dans les réglages).
    • Bleu : Notes au client. Les clients reçoivent les notes par e-mail. Ils peuvent les consulter sur la page de la commande ou depuis la page de suivi des commandes WooCommerce.

    Les notes sont idéales pour communiquer avec les clients ou avec d’autres gérants de la boutique. Vous voulez informer un client d’un retard de stock ou lui envoyer le numéro de suivi d’expédition ? Il vous suffit d’envoyer une note.

    Pour ajouter une note :

    • Saisissez votre texte dans la fenêtre Ajouter une note.
    • Sélectionnez Note privée ou Note au client dans la liste déroulante.
    • Cliquez sur Ajouter.


    Ajouter une commande de manière manuelle

    Pour ajouter une commande :

    1. Accédez à WooCommerce > Commandes.
    2. Cliquez sur le bouton Ajouter une commande situéen haut de la page. La page « Nouvelle commande s’affiche ».
    3. Saisissez les détails du client, ajoutez les articles, appliquez les éventuels codes promo, appliquez les frais et cliquez sur « Recalculer ». Cette procédure est similaire à celle de Modifier ou ajouter des articles.
    4. Définissez l’état de la nouvelle commande. Par exemple, si la commande est en attente de paiement, sélectionnez « Attente paiement ».
    5. Cliquez sur le bouton Créer.

    Utilisez la liste déroulante Actions de commande pour envoyer au client les détails de la commande avec les instructions de paiement.

    Payer une commande

    Les commandes en « Attente paiement » peuvent être payées via le lien de paiement.

    En tant que gérant de la boutique, utilisez le lien « Page de paiement du client » situé dans les détails de la commande :

    • Si le client est un Invité, toute personne disposant du lien peut consulter la page de paiement et payer la commande.
    • Si le client est inscrit sur votre boutique :
      • Seul ce client pourra voir le lien de paiement.
      • Le client peut accéder à la commande via Mon compte > Commandes.

    Si le client est assigné à la commande, il lui sera demandé de se connecter avant de payer :
    Supprimer des données personnelles

    Depuis la version 3.4 de WooCommerce, il est possible de supprimer les données client.

    • Accédez à WooCommerce > Réglages > Comptes et confidentialité.
    • Activez l’option Autoriser la suppression en masse des données personnelles des commandes.
    • Cliquez sur Enregistrer les modifications.

    Cette option est maintenant disponible pour les commandes :

    • Accédez à WooCommerce > Commandes.
    • Sélectionnez les commandes pour lesquelles vous voulez supprimer les données personnelles.
    • Dans la liste déroulante Actions groupées, sélectionnez Supprimer les données personnelles.
    • Cliquez sur Appliquer.

    Veuillez noter que cette action est irréversible. Les commandes dont les données personnelles ont été supprimées apparaîtront comme ceci :

    Les détails de la commande sont mis à jour comme ceci :

    • Les commandes ÉchouéesAttente paiement et Annulées dont les données personnelles ont été supprimées sont déplacées dans la corbeille.
    • Lescommandes Terminées dont les données personnelles ont été supprimées sont anonymisées afin que les statistiques de vente ne soient pas affectées.
    • Les comptes inactifs sont supprimés. Un compte inactif est un compte qui n’a aucune activité de connexion ou aucune commande depuis une durée spécifique.

    La suppression des données personnelles peut être automatiquement associée aux demandes d’effacement de compte. WordPress permet de supprimer les données d’un utilisateur sur demande via Outils > Effacer les données. Cette suppression de données peut également être appliquée aux commandes de l’utilisateur.

    • Accédez à WooCommerce > Réglages > Comptes et confidentialité.
    • Pour une demande d’effacement de compte :
      • Activez l’option Supprimer les données personnelles des commandes sur demande, si vous souhaitez également supprimer les données des commandes.
      • Activez l’option Retirer l’accès aux téléchargements sur demande, si le client ne doit plus avoir accès aux liens de téléchargement une fois que ses données personnelles sont supprimées.

    La conservation des données personnelles peut également être automatisée.

    • Accédez à: WooCommerce > Réglages > Comptes et confidentialité.
    • Dans la section Conservation des données personnelles, définissez des seuils pour les comptes inactifs et pour les commandes avec différents états.
    • Cliquez sur Enregistrer les modifications.

    Lorsque ces options sont activées, la suppression s’exécute chaque jour via une tâche Cron. Les comptes inactifs sont identifiés à l’aide des données méta. Seuls les comptes clients sont supprimés.


    Commandes multi-sites

    Depuis la version 3.4 de WooCommerce, un widget situé dans le Tableau de bord permet de visualiser les commandes de plusieurs sites. Cliquez simplement sur l’une des commandes pour accéder au site correspondant.

    Dépannage

    Incidence des passerelles de paiement sur les états de commande

    État Description Incidence des passerelles
    En attente Commande en attente de confirmation du paiement.Le stock est réduit, mais vous devez confirmer le paiement. Les méthodes de paiement qui nécessitent une confirmation manuelle (p.ex. les virements bancaires ou les paiements par chèque) et les passerelles qui sont configurées pour autoriser les paiements plutôt que de les récolter peuvent bloquer l’état à « En attente ».Dans ce cas, vous devez passer manuellement à l’état « En cours ».
    Attente paiement Commande reçue, mais aucun paiement initié. En attente de paiement. La plupart des passerelles font un suivi des transactions qui permet de passer automatiquement à l’état « En cours »(paiement réussi) ou à l’état « Échouée »(paiement échoué). Mais lorsqu’il n’y a pas de suivi, la commande est bloquée à « Attente paiement ».Cela est généralement dû à une mauvaise configuration des URL de notification de paiement ou à un conflit d’extensions.
    En cours Paiement reçu et stock réduit. La commande est en cours de traitement. Toutes les commandes de produits nécessitent un temps de traitement, sauf celles qui contiennent uniquement des produits virtuels et/ou téléchargeables. Lorsque le paiement est réussi et que la commande ne contient pas de produits virtuels et/ou téléchargeables, l’état de la commande est défini sur « En cours ».Dans ce cas, vous devez passer manuellement à l’état « Terminée » lorsque la commande est expédiée.
    Terminée Commande traitée et terminée. Aucune autre action n’est requise. Tous les processus de la commande se sont déroulés avec succès.
    Échouée Commande échouée en raison d’un paiement infructueux ou refusé. Cet état peut apparaître lorsque :Le délai de paiement a expiré.La commande a été abandonnée avant la fin du paiement.Le délai de maintien du stock a expiré.Mêmes raisons que pour l’état « Attente paiement ».Remarque : La commande peut être annulée manuellement.
    Authentification requise En attente d’une action du client pour authentifier la transaction et/ou valider la procédure « authentification forte du client (SCA) ». Cet état peut apparaître lorsque :Un nouveau client effectue un achat.Un abonnement existant est renouvelé.
  • Comment modifier un produit dans WooCommerce sur WordPress ?

    Comment modifier un produit dans WooCommerce sur WordPress ?

    Ajouter un produit

    Avant d’aborder la manière d’ajouter votre premier produit, attardons-nous sur le fonctionnement des catégories, des étiquettes et des attributs de produits.


    Catégories de produits

    Les catégories et les étiquettes de produits fonctionnent de la même manière que les catégories et les étiquettes des articles WordPress. Vous pouvez créer, modifier et sélectionner des catégories et des étiquettes de produits à tout moment, lorsque vous créez un produit pour la première fois ou lorsque vous le modifiez.


    Attributs

    Différents attributs peuvent être assignés à chaque produit, ou des attributs globaux peuvent être configurés pour l’ensemble de votre boutique (p. ex. la navigation à facettes).

    Pour plus d’informations : Gestion des catégories, des étiquettes et des attributs de produits.


    Types de produits

    Après avoir configuré les catégories, les attributs et la gestion du stock, vous pouvez commencer à ajouter des produits. Pour ajouter un produit, la première chose à définir est le type de produit :

    • Simple : Ce type de produit couvre la grande majorité des produits vendus sur une boutique. Les produits simples sont expédiés et n’ont pas d’options particulières. Par exemple, un livre.
    • Groupé : Collection de produits connexes qui peuvent être achetés individuellement et qui est constituée uniquement de produits simples. Par exemple, un ensemble de six verres à vin.
    • Virtuel : Produits qui ne nécessitent pas d’expédition. Par exemple, un service. Lorsque vous activez l’option « Virtuel », tous les champs liés à l’expédition sont désactivés (p. ex. les dimensions d’expédition). Les produits virtuels ne déclenchent pas non plus le calcul des frais d’expédition dans le panier et la page de validation de commande.
    • Téléchargeable : Cette option active des champs supplémentaires qui permettent d’ajouter un ou plusieurs fichiers téléchargeables. Après l’étape de validation de commande, les clients reçoivent un lien dans l’e-mail de notification de commande qui permet de télécharger le fichier. Cela convient, par exemple, pour un fichier numérique (magazine PDF, photos, etc.).
    • Externe / Affiliation : Produits qui sont répertoriés sur votre site, mais qui sont vendus sur une autre plateforme.
    • Variable : Produits qui ont plusieurs variations, chacune pouvant avoir une option différente de prix, stock, UGS, etc. Par exemple, un t-shirt disponible en différentes couleurs et/ou tailles.
    • D’autres types de produits peuvent être ajoutés par le biais d’extensions. Par exemple, les extensions WooCommerce Subscriptions et WooCommerce Bookings ajoutent certains types de produits.

    Ajouter un produit simple

    L’ajout d’un produit simple est similaire à la rédaction d’un article dans WordPress.

    1. Depuis votre tableau de bord, accédez à WooCommerce > Produits > Ajouter produit. Vous remarquerez que cette interface est très similaire à celle des articles WordPress.
    2. Entrez le Nom du produit et la Description du produit.
    • Accédez au panneau Données produit et, le cas échéant, sélectionnez Téléchargeable (produit numérique) ou Virtuel (service).

    Remarque : Les produits virtuels ne nécessitent pas d’expédition, et les commandes de produits virtuels ne nécessitent pas le calcul des frais d’expédition.

    Données produit

    Le panneau « Données produit » permet d’ajouter les données importantes d’un produit.

    Section Général

    • Tarif
    • Tarif ​​régulier : Tarifstandard/régulier du produit.
    • Tarif promo : Tarif promotionnel du produit, qui peut ensuite être planifié pour certaines plages de dates. Le tarif promotionnel expire à 23 h 59 de la date de fin spécifiée.
    • TVA
    • État de la TVA : Choisissez entre Taxable, Expédition seulement ou Aucune.
    • Classe TVA : Choisissez la classe de TVA à appliquer au produit.

    Section Inventaire

    La section inventaire permet de gérer individuellement le stock du produit, d’autoriser les commandes en réapprovisionnement, etc. Cette section permet de mettre en vente le produit et de le rendre accessible aux clients.

    Vérifiez que l’option Activer la gestion du stock est cochée dans les Options d’inventaire des produits. Dans le cas contraire, l’option « Activer la gestion de stock au niveau produit »n’est pas visible dans la section Inventaire.

    Lorsque la gestion de stock au niveau produit est désactivée : Vous devez mettre à jour vous-même l’État du stock.

    Lorsque la gestion de stock au niveau produit est activée :

    • Entrez simplement la Quantité en stock. WooCommerce gèrera automatiquement l’inventaire et mettra à jour l’État du stock (En stock, Rupture de stock ou En réapprovisionnement).
    • Choisissez si vous voulez Autoriser les commandes en réapprovisionnement.
    • Entrez la valeur de Seuil de stock faible à partir de laquelle vous recevrez une notification par e-mail.
    • Cochez la case Vendre individuellement si vous souhaitez limiter le produit à un par commande.

    Section Expédition

    • Poids : Entrez le poids du produit.
    • Dimensions : Entrez la longueur, la largeur et la hauteur du produit.
    • Classe de livraison : Les classes de livraison sont utilisées par certaines méthodes de livraison pour grouper des produits similaires.

    Section Produits liés

    Les options de produits associés et de ventes croisées, vous permettent de mettre en place des ventes incitatives. Tapez simplement les trois premières lettres d’un produit et sélectionnez-le dans la liste déroulante :

    Une fois sélectionné, le produit est ajouté dans le champ de saisie :

    Produits associés : Ces produits sont affichés sur la page de description du produit en consultation. Cette option vous permet d’inciter les utilisateurs à acheter un autre produit, en fonction du produit qu’ils consultent actuellement. Par exemple, si un utilisateur consulte la page d’un t-shirt en promotion, vous pouvez afficher un produit associé sur la même page pour l’inciter à faire un achat supplémentaire.

    Ventes croisées : Ces produits sont affichés dans le panier d’un utilisateur, en fonction du contenu du panier. Par exemple, si un utilisateur ajoute une Nintendo DS à son panier, vous pouvez lui suggérer d’acheter un stylet de rechange lorsqu’il arrive sur la page du panier.

    Grouper : Cette option permet d’intégrer un produit à un groupe de produits. Pour plus d’informations : Produits groupés.

    Section Attributs

    Cette section permet d’assigner des attributs spéciaux à un produit. Sélectionnez dans le menu déroulant les attributs globaux que vous avez créés (p. ex. plateforme). Pour plus d’informations : Gestion des catégories, des étiquettes et des attributs de produits.

    Une fois que vous avez choisi un attribut dans le menu déroulant, cliquez sur « Ajouter » et appliquez les termes de cet attribut au produit (p. ex. Nintendo DS). Vous pouvez masquer les attributs sur le site Web en décochant la case « Visible sur la page produit ».

    Des attributs personnalisés peuvent également être appliqués en choisissant Attribut personnalisé du produit dans le menu déroulant. Ces attributs sont ajoutés au niveau produit et ne sont pas disponibles dans la navigation à facettes ou dans d’autres produits.

    Section Avancé

    • Note de l’achat : Saisissez une note facultative à envoyer au client après l’achat du produit.
    • Ordre du menu : Position personnalisée de ce produit dans le menu.
    • Activer les avis : Activez ou désactivez les avis clients pour ce produit.

    Description courte du produit

    Ajoutez un extrait de la description de votre produit. Cette description courte apparaît généralement à côté de l’image du produit, dans la liste des produits. La description longue, quant à elle, apparaît dans l’onglet Description.

    Depuis la version 3.1 de WooCommerce, vous pouvez intégrer une vidéo (oEmbed) dans la description courte.

    Taxonomies

    Le panneau « Catégories de produits », situé sur le côté droit de la page « Ajouter un nouveau produit », permet de sélectionner les catégories dans lesquelles vous voulez placer votre produit (de la même manière qu’un article WordPress standard). Le panneau « Étiquettes produit » permet d’attribuer des étiquettes à votre produit.

    Images du produit

    Les panneaux « Image produit » et « Galerie produit » permettent d’ajouter et de sélectionner l’image principale du produit et une galerie d’images. Pour plus d’informations : Ajout d’images et de galeries d’images de produits (disponible uniquement en anglais).


    Options de visibilité du catalogue et de mise en avant du produit

    Depuis le panneau « Publier », vous pouvez définir la visibilité du catalogue de votre produit.

    • Catalogue et recherche : Le produit est visible partout (page Boutique, pages Catégories de produits, résultats de recherche).
    • Catalogue : Le produit est visible sur la page Boutique et les pages Catégories de produits, mais pas dans les résultats de recherche.
    • Résultats de recherche uniquement : Le produit est visible dans les résultats de recherche, mais pas sur la page Boutique et les pages Catégories de produits.
    • Caché : Le produit est visible uniquement sur la page du produit. Il est caché sur les autres pages.

    Vous pouvez également déterminer si le produit est mis en avant dans les catégories de produits, les montées en gamme et/ou les produits connexes. Par exemple, vous pouvez cocher la case « C’est un produit mis en avant » sur tous les produits groupés que vous vendez.

    L’autre méthode permettant de définir un produit comme « mis en avant » est décrite dans la section ci-dessous : Marquer un produit comme « mis en avant ».

    Ajouter un produit groupé

    Les produits groupés sont créés de la même manière qu’un produit simple. La seule différence est que vous devez sélectionner Produits groupés dans la liste déroulante « Type de produit ».

    Pour créer votre produit parent, sélectionnez « Produits groupés » dans la liste déroulante « Type de produit ».

    Créer un produit groupé

    1. Accédez à : WooCommerce > Produits > Ajouter produit.
    2. Entrez le nom du produit groupé, par exemple, « Ensemble rentrée des classes ».
    3. Faites défiler la page jusqu’au panneau « Donnés produit » et sélectionnez Produits Groupés dans la liste déroulante. Certains champs disparaissent (tels que ceux du tarif). Ceci est normal car un produit groupé est une collection de « produits enfants » dans lesquels vous ajoutez ces informations.
    4. Cliquez sur Publier.

    Maintenant que vous avez créé le groupe, vous devez :

    • Créer des produits simples et les ajouter au groupe.
    • Ajouter les produits simples existants.

    Vous pouvez commencer par créer des produits simples et ensuite les ajouter à un produit groupé, ou créer un produit groupé et ensuite ajouter des produits simples. Cela vous donne la possibilité d’ajouter des produits simples à plusieurs produits groupés.

    Ajouter des produits au groupe

    1. Accédez à : WooCommerce > Produits > Ajouter produit.
    2. Sélectionnez le produit groupé auquel vous souhaitez ajouter des produits.
    3. Faites défiler la page jusqu’au panneau « Données produit » et sélectionnez l’onglet Produits liés.
    4. Dans le champ Groupes de produits,tapez les trois premières lettres des produits.
    5. Cliquez sur les produits que vous souhaitez ajouter.
    6. Cliquez sur Mettre à jour.
    7. Pour réorganiser les produits groupés, faites un simple glisser-déposer dans l’ordre choisi. Cliquez à nouveau sur Mettre à jour. Les produits seront affichés dans l’ordre choisi.

    Ajouter un produit virtuel

    Ajout d’un produit simple : Cochez la case Virtuel dans le panneau « Type de produit ».

    Ajout d’unproduit variable : Cochez la case Virtuel dans l’onglet « Variations ».

    Lorsque vous activez l’option « Virtuel », les champs liés à l’expédition (poids, dimensions, etc.) et le calcul des frais d’expédition (dans le panier et la page de validation de commande) sont désactivés.

    Ajouter un produit téléchargeable

    Lorsque vous ajoutez un produit simple, cochez la case Téléchargeable dans le panneau « Type de produit ». Deux nouveaux champs sont ajoutés :

    • URL du fichier : Chemin d’accès ou URL de votre fichier téléchargeable.
    • Limite de téléchargement : Nombre maximum de téléchargements par utilisateur. Laissez vide pour des téléchargements illimités.

    Par défaut, les produits téléchargeables entraînent également un calcul des frais d’expédition. C’est idéal si vous proposez une version physique et une version téléchargeable d’un produit. Si votre produit téléchargeable n’est pas livrable et que vous souhaitez désactiver les frais d’expédition, cochez la case « Virtuel ».

    Remarque: Si l’e-mail de commande terminée ne contient pas les liens de téléchargement, consultez ce Guide de dépannage (disponible uniquement en anglais).


    Ajouter un produit externe/affiliation

    Sélectionnez « Produit externe/affiliation » dans la liste déroulante « Type de produit ». Certaines options inutiles sont supprimées (onglet Inventaire, etc.) et un nouveau champ est ajouté : URL du produit. Il s’agit de l’adresse URL à laquelle les utilisateurs peuvent acheter le produit. Les boutons « Ajouter au panier » sont remplacés par des boutons « En savoir plus » qui redirigent vers cette URL.


    Ajouter un produit variable

    Les produits variables sont sans doute les types de produits les plus complets. Ils vous permettent de définir des variations de produit, qui peuvent avoir des valeurs différentes d’UGS, de tarif et de stock.

    Pour en savoir plus sur la création d’un produit variable, consultez le guide Produits variables (disponible uniquement en anglais).


    Dupliquer un produit

    Pour gagner du temps, vous pouvez dupliquer un produit afin de créer des produits similaires avec des variations différentes.

    Accédez à WooCommerce > Produits. Cherchez le produit que vous souhaitez cloner, puis cliquez sur « Dupliquer ».


    Supprimer un produit

    Pour supprimer un produit :

    1. Accédez à WooCommerce > Produits.
    2. Recherchez le produit que vous souhaitez supprimer.
    3. Survolez le nom du produit et cliquez sur Corbeille.


    Marquer un produit comme « mis en avant »

    Accédez à Produits > Tous les produits et cliquez sur l’étoile du produit que vous voulez mettre en avant. Alternativement, vous pouvez sélectionner Modification rapide et cocher l’option Mis en avant.

    Options pour marquer un produit comme « mis en avant »


    Filtrer ou trier les produits

    En plus des options décrites ci-dessous, vous pouvez personnaliser votre catalogue de produits à l’aide de l’outil de personnalisation de WooCommerce. Pour plus d’informations : Outil de personnalisation de WooCommerce – Catalogues de produits (disponible uniquement en anglais).


    Filtrer les produits

    Utilisez la fonction Filtre pour compter les produits, afficher les produits par type ou voir quels produits sont en rupture de stock ou en réapprovisionnement.

    1. Accédez à WooCommerce > Produits.
    2. Sélectionnez une catégorie, un type de produit et/ou un état de stock (ou une combinaison des trois).
    3. Cliquez sur Filtrer.


    Trier les produits

    La fonction de tri permet de réorganiser les produits à l’aide d’un simple glisser-déposer.

    1. Accédez à WooCommerce > Produits.
    2. Cliquez sur Tri.
    3. Sélectionnez une catégorie, un type de produit et/ou un état de stock (ou une combinaison des trois).
    4. Cliquez sur Filtrer.

    Vous pouvez maintenant organiser les produits dans l’ordre de votre choix à l’aide d’un simple glisser-déposer.


    ID des produits

    Vous aurez parfois besoin de connaître l’ID WooCommerce d’un produit pour utiliser des codes courts, des widgets et des liens.

    Pour trouver l’ID d’un produit, accédez à WooCommerce > Produits et survolez le produit dont vous voulez connaître l’ID.

    Autoriser les commandes en réapprovisionnement

    En activant la gestion de stock au niveau produit, un nouveau menu déroulant vous permet d’Autoriser les commandes en réapprovisionnement. Si vous souhaitez informer des utilisateurs lorsque des commandes en réapprovisionnement sont placées, utilisez l’extension Advanced Notifications (achat séparé).

    Pour autoriser les commandes en réapprovisionnement, l’état du stock doit être défini sur En stock même si la quantité en stock est de 0 ou moins.

    La plupart des passerelles de paiement ont une facturation immédiate. Si vous préférez facturer les clients lorsque le produit est de retour en stock, utilisez l’extension WooCommerce Waitlist (achat séparé) pour notifier les clients par e-mail lorsque le produit est de nouveau en stock (en incluant un lien pour acheter le produit).