Gérer son site Wordpress

Gérez, optimisez et administrez votre site Wordpress comme un professionnel !

eCommerce avec WooCommerce

Gérez votre boutique en ligne avec WooCommerce

eCommerce avec WooCommerce

WooCommerce - Stripe - Rembourser une commande client

Pour rembourser une commande sur WooCommerce via Stripe, deux solutions :

Remboursement de la commande depuis WooCommerce

Se connecter à Wordpress et éditer la commande à rembourser. Dans la partie "Articles" cliquer sur le bouton Remboursement :

2021-12-14_09-51.png

Ensuite, jouer sur les quantités des produits à rembourser, ou sur un montant défini et ajouter un motif du remboursement :

2021-12-14_10-00.png

Enfin, cliquer le bouton Remboursement XX,XX€ via Stripe Credit Cards pour effectuer le remboursement via la passerelle de paiement Stripe, directement sur la carte utilisée pour le paiement.

Remboursement de la commande depuis Stripe

eCommerce avec WooCommerce

WooCommerce - Importer des produits en lot avec un CSV

Il existe donc un moyen, simple, pour réaliser l’import de produits en masse sur WooCommerce via un fichier CSV. Il sera alors possible d’importer l’ensemble de votre stock d’un coup, en ayant au préalable renseigner un fichier CSV selon un modèle bien précis. Vous pourrez importer tout types de produits : produit simple, variable ou virtuel, et même renseigner les différents méta values concernant Yoast SEO par exemple.

 

eCommerce avec WooCommerce

WooCommerce - Stripe - Vérifier le bon fonctionnement de la passerelle de paiement

Pour valider le bon fonctionnement de la passerelle de paiement Stripe sur WooCommerce, le plugin Payment Plugin for WooCommerce permet de passer en mode test pour valider une transaction de démo.

Pour cela, connectez-vous à Wordpress en administrateur et rendez-vous dans la configuration du mode maintenance :

2021-12-15_08-46.png

Activez le mode maintenance, pour ne pas qu'un client puisse effectuer une commande :

2021-12-15_08-47.png

Ensuite, rendez-vous dans les paramètres du module Stripe :

2021-12-15_08-48.png

Passez en mode Test puis validez la connexion en cliquant sur le bouton "Connection test" : Vous devriez voir apparaître une popup indiquant que la connexion est OK et que le mode est sur test :

2021-12-15_08-50.png

Sauvegardez les modifications en bas de page en cliquant sur le bouton Enregistrer les modifications.

Le site est désormais en mode maintenance, seul un administrateur peut le visualiser, et le module de paiement Stripe est en mode test. Pour réaliser une commande de test, utilisez les informations bancaires suivantes :

Une commande sera ainsi créée dans le backoffice de Wordpress, mais son paiement ne sera visible sur le dashboard Stripe qu'en mode TEST :

2021-12-15_08-53.png

En fin d'opération, pensez à :

 

 

 

eCommerce avec WooCommerce

WooCommerce - Ajouter un bandeau d'information

Il est possible d'ajouter un bandeau d'informations sur votre site pour informer l'utilisateur de promotions ou d'une livraison offerte. Pour cela, connectez-vous à l'admin Wordpress et rendez-vous dans le menu Apparences / Personnaliser :

CleanShot 2021-12-18 at 18.01.33@2x.png

Ensuite, cliquez sur le menu WooCommerce et Notification de la boutique : 

CleanShot 2021-12-18 at 18.02.46@2x.png

Ajoutez votre message et cochez la case Activer la notification de la boutique :

CleanShot 2021-12-18 at 18.04.44@2x.png

eCommerce avec WooCommerce

WooCommerce - Rembourser une commande payée via Stripe

Il peut arriver qu'une commande soit à rembourser : problème de stock, mauvais article commandé... La procédure est simple : connectez-vous à l'administration du site et rendez-vous dans WooCommerce > Commandes : 

image-1651222152870.48.50.png

Cliquer sur la commande souhaitée :

image-1651222236931.50.01.png

Dans l'encadré Articles, cliquez sur le bouton Remboursement : 

image-1651222310814.51.14.png

Enfin, saisir le montant du remboursement, et un motif, puis cliquez sur Remboursement via Stripe Credit Cards : 

image-1651222371382.52.11.png

eCommerce avec WooCommerce

WooCommerce - Générer un code Promo

Pour générer un code promo, connectez-vous au backoffice de Wordpress et rendez-vous dans le menu Marketing : 

image-1652289687188.21.10.png

Puis Ajouter un code promo : 

image-1652289728202.21.36.png

Ensuite, renseignez les différents champs : 

image-1652289811828.23.04.png

  1. Nom du code promo - code utilisé pour la remise
  2. Description du code promo
  3. Type de remise : 
    1. Remise en pourcentage sur panier
    2. Remise fixe sur panier
    3. Remise fixe sur un produit
  4. Le montant de la remise
  5. La date de validité (optionnel)

Il est ensuite possible de définir des restrictions sur l'utilisation du code : 

Enfin, communiquez le code promo ! Lors de son utilisation sur la page Panier, la remise sera appliquée.

eCommerce avec WooCommerce

WooCommerce - Ajouter un produit à ma boutique

Connecté à l'administration de mon site, je vais dans Produits / Tous les produits puis je clique sur Ajouter : 

CleanShot 2023-09-05 at 07.54.37.png

Je vais ensuite donner un nom au produit et une description : 

CleanShot 2023-09-05 at 07.56.24.png

 

Puis j'y ajoute une photo principale, des photos pour la galerie photo, je sélectionne une ou plusieurs catégories et des étiquettes : 

CleanShot 2023-09-05 at 07.57.08.png

Je choisi le prix : 

CleanShot 2023-09-05 at 07.57.54.png

Je configure la gestion du stock, avec une quantité, un stock faible : 

CleanShot 2023-09-05 at 07.58.52.png

Ensuite, les paramètres d'expédition avec un poids, longueur, hauteur et largeur du colis et une classe d'expédition (ceci afin de faciliter la génération de bordereaux d'expédition Boxtal) : 

CleanShot 2023-09-05 at 07.59.32.png

Je peux créer ou utiliser des attributs pour classer mon produit et permettre au client d'effectuer des recherches affinées : 

CleanShot 2023-09-05 at 08.01.16.png

Et enfin, une description courte du produit :

CleanShot 2023-09-05 at 08.02.00.png

Quelle différence entre la description courte et la description longue ? 

Sur une fiche produit, la description courte est celle qui est affichée en premier à côté du produit, la description longue est affichée plus bas, n'est pas forcément visible en premier. Il est donc préférable de faire une petite description du produit, et si besoin, de compléter la présentation et les détails, dans la description longue.

CleanShot 2023-09-05 at 08.04.06.png

eCommerce avec WooCommerce

Yith Affiliate - Gestion des affiliations

Dans le menu latéral gauche, se rendre dans YITH > Affiliates : 

CleanShot 2023-11-03 at 20.10.54.png

Ajouter un affilié manuellement : 

image.png

L'affilié sera automatiquement créé et approuvé : 

CleanShot 2023-11-03 at 20.14.52.png

Il faudra ensuite que l'affilié se connecte à son dashboard pour voir son lien d'affiliation ou en générer des nouveaux : 

L'utilisateur pourra visualiser ses stats : 

CleanShot 2023-11-03 at 20.16.23.png

Et générer des liens d'affiliation : 

CleanShot 2023-11-03 at 20.16.46.png

L'affilié pourra également renseigner ses informations de paiement : 

CleanShot 2023-11-03 at 20.17.39.png

eCommerce avec WooCommerce

Woocommerce - Tester les paiements en mode test

Pour tester les paiements en mode test, se connecter à sa boutique et se rendre dans les réglages WooCommerce : 

CleanShot 2023-11-13 at 10.57.58.png

Puis dans le menu Paiements : 

CleanShot 2023-11-13 at 10.59.53.png

Passez en mode test et sauvegardez : 

CleanShot 2023-11-13 at 11.00.36.png

Optimisation référencement avec Yoast

Complétez les champs nécessaires et optimisez le référencement de votre site Wordpress avec Yoast

Optimisation référencement avec Yoast

Yoast SEO - Optimiser le référencement d'une publication

Optimiser les métadonnées et les mots clés sur une publication est important. Que ce soit un article d'actualités, une page ou un produit WooCommerce, il est indispensable de compléter les rubriques liées au référencement.

Optimisation référencement avec Yoast

Rédiger un article d'actualité bien optimisé pour le référencement

La rédaction d'articles peut largement aider au référencement de votre site. Si son contenu est dense, et contient les termes et mots clés liés à votre activité, l'article peut vous être d'une grande aide. Voyons comment bien rédiger un article et en optimiser son référencement.

Rédiger l'article

Pour rédiger un article, connectez-vous au backoffice du site via https://votredomaine.com/wp-admin/ :

bldwebagency-rediger-article-wordpress.png

 

 

 

 

 

 

 

 

Rendez-vous ensuite dans l'onglet Article > Ajouter :

CleanShot 2022-02-05 at 15.09.42@2x.png

 

 

 

 

 

 

 

 

Il convient d'ajouter un titre à l'article et du contenu. Rédigez autant que vous pouvez en insérer des mots clés, des phrases bien construites, et des photos si nécessaires :

CleanShot 2022-02-05 at 15.14.42@2x.png

 

 

 

 

 

 

 

 

 

 

 

Vous avez désormais un article bien rédigé, passons à l'étape suivante.

Compléter les Meta, image à la une, catégories et étiquettes

Un article doit être catégorisé, et étiqueté. Commençons par attribuer une ou plusieurs catégorie à l'article. Sur le panneau latéral, dans le menu Catégories, ajoutez ou sélectionnez une catégorie : 

CleanShot 2022-02-05 at 15.26.45@2x.png

 

 

 

 

 

 

 

Puis sélectionnez une ou plusieurs étiquettes (tag / mot clé) :

CleanShot 2022-02-05 at 15.28.13@2x.png

 

 

 

 

 

 

Enfin, ajoutez une Image à la Une, c'est l'image qui sera visible dans le listing des articles, et tout en haut de ce dernier :

CleanShot 2022-02-05 at 15.29.06@2x.png

Compléter les metas SEO

Optimisation référencement avec Yoast

Le fichier robots.txt de Wordpress

User-agent: * 
# URLs que je ne veux pas indexer : Login Trackbacks Commentaires
Disallow: /wp-login.php
Disallow: */trackback
Disallow: /*/comments
Disallow: /cgi-bin
Disallow: /*.php$
Disallow: /*.inc$
Allow: /*css?*
Allow: /*js?*
Allow: /*?utm*
Allow: /css/?
# Autoriser Google Image
User-agent: Googlebot-Image
Allow: /*
# Autoriser Google AdSense
User-agent: Mediapartners-Google*
Allow: /*

Sitemap: https://monsite.com/sitemap_index.xml

Envoi de Newsletters avec Mailpoet

Concevez et envoyez des newsletters professionnelles avec Mailpoet

Envoi de Newsletters avec Mailpoet

MailPoet - Envoyer une newsletter ponctuelle

Depuis votre backoffice Wordpress, connecté en Administrateur, vous pouvez accéder à Mailpoet pour envoyer des Newsletters ponctuelles. Celles-ci sont personnalisables au visuel de votre société.

image-1646417741502.15.00@2x.png

Ensuite, choisissez le type de newsletter à envoyer : 

image-1646417786814.15.54@2x.png

Choisir un visuel et poursuivre. Vous accédez alors à l'édition de la newsletter :

image-1646418151442.21.18@2x.png

  1. Choisir un titre pour l'email
  2. Une description, qui apparait dans les clients mails, en aperçu
  3. Visualisez en live le rendu du mail

Il est possible d'enregistrer la Newsletter pour plus tard, ou de l'enregistrer comme modèle. Si l'édition est terminée, cliquer sur Suivant :

image-1646418382903.25.12@2x.png

Vous pourrez alors choisir la liste d'abonnés, la planification d'envoi et l'ID de campagne Google Analytics, ou l'envoyer directement.

Conseils d'utilisation

Envoi de Newsletters avec Mailpoet

MailPoet - Ajouter un abonné à une liste

Pour ajouter un ou plusieurs abonnés à une liste Mailpoet, connectez-vous au backoffice Wordpress et rendez-vous dans Mailpoet > Abonnements :

image-1649923221406.png

Ensuite, cliquez sur Ajouter : 

image-1649923333086.png

Enfin, renseignez les différents champs pour la création de l'abonné : 

image-1649923474919.png

Attention toutefois, légalement, l'utilisateur doit avoir donné son accord pour son inscription sur une liste de diffusion.

Gestion basique des Wordpress

Administrez le coeur de Wordpress avec ces tâches courantes.

Gestion basique des Wordpress

Loco Translate - Traduire des termes spécifiques sur Wordpress

Certains thèmes ou plugins Wordpress ne sont pas spécialement traduits dans toutes les langues. Il peut donc être indispensable de repasser ou rectifier les traductions de ces derniers.

Le plugin Loco Translate permet de gérer l'ensemble des traductions des plugins et thèmes Wordpress. Il vous permettra ainsi de corriger certains termes mal traduits ou de créer un jeu de traduction complet dans la langue de votre choix.

Gestion basique des Wordpress

Core - Activer le mode debug sur Wordpress

Pour visualiser les erreurs et warning Wordpress sur un hébergement mutualité, il est parfois nécessaire d'activer le mode debug. Pour cela, éditez le fichier wp-config.php et ajoutez les lignes suivantes : 

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', 'debug.log' );
define( 'WP_DEBUG_DISPLAY', true );
ini_set('display_errors','Off');
ini_set('error_reporting', E_ALL );

Personnalisations diverses

Optimisez, personnalisez ajoutez de nouvelles fonctionnalités à votre site Wordpress

Personnalisations diverses

Store Locator - Ajouter de nouveaux points de vente

Pour ajouter un nouveau point de vente sur le plugin Store Locator, rendez-vous dans Store Locator > New Store :

2021-12-10_18-15.png

Ensuite, renseignez son nom et sa catégorie :

2021-12-10_18-17.png

Plus bas, renseignez l'adresse dans Location avec les coordonnées GPS :

2021-12-10_18-17_1.png

Dans l'onglet suivant, renseignez les horaires d'ouverture :

2021-12-10_18-18.png

Puis les informations supplémentaires : téléphone, email ... :

2021-12-10_18-18_1.png

Personnalisations diverses

Testimonials - Gérer les avis client sur l'admin Wordpress

Le module Testimonials permet aux clients de laisser des avis sur votre site. Ces derniers sont mis en attente de validation avant publication. Une action manuelle de votre part est nécessaire pour le mettre en ligne.

Valider la publication d'un avis client

Lorsqu'un client poste un nouvel avis, celui-ci est mis en attente. Vous devrez le valider (et le corriger si besoin) avant de le publier sur le site. Dans le cas ou un ou plusieurs avis sont en attente d'approbation, vous devriez voir un petit chiffre à droite du menu Testimonial et on peut voir qu'un nouvel avis est en Attente :

2021-12-15_17-53.png

Cliquez sur cet avis, modifiez-le si besoin, et cliquez sur Publier : 

2021-12-15_17-54.png

Publier un nouvel avis manuellement

Il est également possible d'ajouter manuellement un avis : connectez-vous au backoffice Wordpress et rendez-vous dans Testimonials > Add New :

2021-12-15_17-49.png

Ensuite, renseignez les différents champs :

2021-12-15_17-51.png

Pour finir, publier le nouveau témoignage.

 

Personnalisations diverses

Slider Révolution - Modifier et mettre en ligne un Slide d'absence

Dans ce tuto nous allons voir comment modifier, mettre à jour, publier et dépublier un slide d'absence ou d'information générale.

Connectez-vous au back-office Wordpress https://www.votresite.com/wp-admin/ puis rendez-vous dans le menu Slider Revolution puis Modifiez le Slide correspondant :

dddd1.jpg

dddd2.jpg

Modifiez le contenu du slide en y ajoutant du texte, des formes ou images.

Par défaut, le slide est masqué, pour l'afficher, cliquer sur le petit œil, et Sauvegardez les modifications en bas à droite :

dddd3.jpg

 

Personnalisations diverses

Event Calendar - Créer un nouvel événement

Pour créer un nouvel événement, connectez-vous au backoffice / administration de votre site Wordpress (domaine.com/wp-admin/) et rendez-vous dans Événements : 

image-1648046995216.png

Ensuite, cliquer sur Ajouter : 

image-1648047990245.png

Ensuite renseigner les différents champs : 

image-1648048397804.png

  1. Titre de l'événement
  2. Date et heure de l'événement
  3. Description de l'événement
  4. Tarif et détail
  5. Localisation

Et enfin, cliquer sur Publier

Personnalisations diverses

Google Reviews - Mettre à jour les avis sur son site

Le plugin Google Reviews permet d'afficher les avis google sur son site Wordpress. Cependant, la mise à jour de la liste des avis nécessite un pack payant sur le plugin. Pour mettre à jour manuellement les avis, voici la procédure : 

Se connecter en administrateur sur son site et se rendre dans le menu Trustindex.io : 

image-1654595561566.52.21@2x.png

Puis cliquer sur Mes avis : 

image-1654595591172.52.53@2x.png

Un bouton doit apparaître pour récupérer les nouveaux avis : 

image-1654595731545.55.15@2x.png

Personnalisations diverses

Portfolio Elementor - Ajouter de nouvelles photos

Se rendre dans les pages : 

CleanShot 2022-10-30 at 15.50.36.png

Modifier la page d'accueil avec Elementor : 

CleanShot 2022-10-30 at 15.51.26.png

Cliquer sur le crayon bleu pour modifier la galerie photos : 

CleanShot 2022-10-30 at 15.52.20.png

Déplier galerie Items : 

CleanShot 2022-10-30 at 15.53.00.png

Cliquer sur l'icône pour dupliquer un Item : 

CleanShot 2022-10-30 at 15.53.39.png

Cliquer sur l'élément pour le déplier (1) puis renseigner la catégorie (2) : 

CleanShot 2022-10-30 at 15.55.00.png

Descendre, effacer l'image et recliquer pour en sélectionner une nouvelle : 

CleanShot 2022-10-30 at 15.55.47.png

Préparer l'image en la renommant (pas d'espaces, mots clés...)

Cliquer sur téléverser puis sélectionner l'image : 

CleanShot 2022-10-30 at 15.56.16.png

Lorsque l'image est envoyée, cliquer sur Mettre à jour : 

CleanShot 2022-10-30 at 15.59.00.png

Une fois mis à jour, cliquer sur les 3 traits : 

CleanShot 2022-10-30 at 16.02.24.png

Puis sur Quitter :

CleanShot 2022-10-30 at 16.03.02.png