WordPress : Créer sa boutique en ligne avec WooCommerce

Configurer sa boutique en ligne WordPress avec WooCommerce
Afficher une page produit sous WordPress
WooCommerce : Affichage d’un nouveau produit

Comment créer sa boutique e-commerce gratuitement sous WordPress

Tout comme WordPress est gratuit, il est possible d’installer un plugin gratuit pour créer facilement sa boutique en ligne sur son site internet : woocommerce. Cette extension WordPress utilisée par des millions de personnes permet de créer une partie e-commerce à son site internet WordPress.

Créer sa boutique e-commerce sur WordPress

Nous allons vous expliquer dans ce tutoriel comment créer sa boutique e-commerce sur WordPress.

Installer le plugin de e-boutique WooCommerce

  • Rendez-vous dans l’administration.
  • Dans Extensions, cliquez sur “Ajouter“.
  • Cherchez “WooCommerce“.
  • Installez & activez-le.

Comment configurer WooCommerce et WordPress pour sa boutique en ligne ?

Il est très facile de créer sa boutique WordPress en ligne avec WooCommerce. C’est aussi intuitif si ce n’est encore plus que Prestashop – sans ses nombreux inconvénients.

Configurer sa boutique en ligne WordPress avec WooCommerce
WooCommerce : Configurer son site internet WordPress en e-boutique

L’assistant d’installation de sa boutique e-commerce est facile à mettre en oeuvre, voici un descriptif détaillé pour bien s’y prendre en installant sa boutique.

Créer sa boutique en ligne e-commerce avec WordPress et WooCommerce
WooCommerce : Configurer sa boutique e-commerce WordPress
Créations des pages WordPress pour Woocommerce (boutique...)
WooCommerce : Création des pages e-boutique

Ce sont les pages nécessaires au fonctionnement de WooCommerce, nous vous recommandons fortement de laisser WooCommerce créer ces pages pour vous.

Configuration des prix des produits avec la TVA
WooCommerce : Configuration de la TVA avec le prix des produits

Configurer facilement la TVA. Vous pouvez choisir comment vous allez rentrer le prix de vos produits.

Vous pouvez configurer la TVA de manière plus avancée dans l’onglet Réglages TVA de WooCommerce (voir ci-après).

Mise en place de moyens de paiement sous WooCommerce
WooCommerce : Configuration des moyens de paiements

Vous pouvez choisir tous les moyens de paiements sur votre site internet e-commerce. Les paiements par carte de crédit / Paypal sont les plus utilisés sur Internet.

Créer sa boutique en ligne sur WordPress
WooCommerce : Fin de la configuration

C’était aussi simple que cela de configurer sa boutique e-commerce avec WordPress. Cette pré-configuration est utile pour vous permettre de comprendre un peu comment fonctionne WooCommerce, cela vous permet aussi de générer les diverses pages nécessaires à votre boutique.

(*) Astuce : Vous pouvez installer de nombreuses extensions pour votre site e-commerce WooCommerce.

WooCommerce : Configurer les zones géographiques et le paramétrage de la TVA

Les zones géographiques sont retrouvables grâce aux zones de livraison. Vous pourrez également configurer la TVA à appliquer pour les différentes zones.

Bannière de configuration WooCommerce sur les zones géographiques et la TVA
WooCommerce : Options de paramétrages de la TVA
Paramétrer la zone géographique et la TVA pour la France
WooCommerce : Configurer la zone TVA pour la France

WooCommerce : Créer une fiche produit

Vous avez la possibilité de créer des produits directement depuis le menu “Produits” de WordPress. Vous pouvez également ajouter des catégories à vos produits comme vous le feriez pour les articles.

Créer un nouveau produit dans sa boutique e-commerce sous WordPress
WooCommerce : Créer un nouveau produit

Voici la simple fiche de création de produit. Je n’ai rien mis dans la description car je n’en avais pas besoin. La description entrée créera un onglet “Description” à côté de l’onglet “Avis” dans la fiche produit (voir photo tout en haut).

Pourquoi utiliser un CMS (Content Management System) pour son site internet ?

Pourquoi utiliser un CMS ?

Pourquoi utiliser un CMS ?

Les CMS tel que WordPress, Prestashop, Drupal, Joomla et bien d’autres, sont devenu très populaire en ce qui concerne la création de site internet, et ceci tout site confondu (vitrine, e-commerce, blog,…). Mais alors pourquoi utiliser un CMS pour son site internet ? 

Un cms, qu’est ce que c’est…

Tout d’abord, CMS signifie Content Management System pour Système de Gestion de Contenu.

Les CMS sont des outils (des programmes informatique) facilitant la création de site internet en proposant des modèles de sites, un univers graphique et etc… et permettant de gérer votre site internet sans nécessité de connaissance en programmation.

La solution CMS est particulièrement adapté pour permettre aux professionnels de modifier et enrichir rapidement le contenu de leurs sites internet.

Un cms, avantages et inconvénients…

Avantages Inconvénients
Le coût : les CMS sont presque tous gratuits et permettent de créer votre site en un laps de temps très réduit, et reviennent donc moins chers à la création. La personnalisation : avec un CMS et si vous ne voulez pas un site qui ressemble aux autres, il va tout de même vite être nécessaire de mettre un peu les mains dans le CSS afin de le personnaliser.
La simplicité : il n’est pas utile d’avoir des connaissances en programmation pour gérer son site internet avec un CMS. Beaucoup de fonctionnalités : en effet les CMS vous fournissent par défaut une multitude de fonctionnalités dont vous n’aurez pas forcément l’utilité pour votre site internet.
La communauté : en effet, les CMS étant populaires, il vous sera facile de trouver une réponse à tout problème rencontré simplement en effectuant une recherche Google. L’apprentissage : il faudra apprendre à manier le CMS choisi, même si ceux ci sont prévu et optimiser (notamment via des tutoriels de présentation de l’interface) pour être simple d’utilisation.
Le responsive : les CMS proposent des thèmes et/ou templates déjà prévu à l’adaptabilité des tailles d’écrans. La mise en place : selon les hébergeurs la mise en place du CMS choisi peu parfois s’avérer compliqué.
Le référencement : de même, si vous construisez bien votre site avec le CMS de votre choix, de nombreux plugins existent pour vous aider à réussir votre référencement naturel.
La sécurité : La maison blanche utilise Drupal, WordPress fait tourner 25% du web… Des centaines de développeurs construisent des CMS en opensource.
Si on vous raconte que les CMS ne sont pas sécurisés sous prétexte que le code source est libre, on vous dit n’importe quoi. 90% des serveurs dans le monde sont sous Linux,
et Linux est… libre.
Le gain de temps : les CMS fonctionnent avec des templates, ou des thèmes, ceux ci permettent une intégration rapide de votre site et de votre contenu
Les connaissances : Il n’est pas nécessaire d’avoir des connaissances pour gérer un site internet avec un CMS !
Les fonctionnalités : avec les CMS vient tout un univers de plugins additionnels (gratuits ou payants) qui vous permettent de rajouter toutes les fonctionnalités que vous désirez pour votre site.

Doit-on utiliser un CMS pour créer son site internet ?

Les CMS présentent des avantages et des inconvénients, mais ils sont surtout différents les uns des autres, il faut donc choisir son CMS en fonction du site dont on a besoin.

De manière générale, si vous souhaitez gérer vous même votre site internet plutôt que de faire appel à un Webmaster, le CMS représente la meilleure option, avec dans la plupart du temps un budget intéressant même en faisant appel à un prestataire pour la création de celui-ci.

Pense également à l’hébergement, pour perdre le moins de temps avec la configuration, il est préférable de prendre un hébergeur qui simplifie l’installation de ce dernier !

Hébergement

 

N’hésitez pas à nous contacter pour toute demande d’information supplémentaire, ou pour discuter avec nous de votre projet.

WordPress : Sauvegarder son site internet tous les jours (backup)

Sauvegarder son site internet Wordpress
Sauvegarder son site internet WordPress
Sauvegarder son site internet WordPress avec le plugin backWPup

Comment mettre en place la sauvegarde de son site internet WordPress

Faire des sauvegardes (backups) de son site internet devrait être obligatoire, je ne compte plus le nombre de personnes que je connais ayant perdu leur données en ayant dit “Je ferais des sauvegardes”.

Sur internet c’est encore plus vrai, car n’importe quel serveur peut crasher, et si votre hébergeur n’a pas de système de sauvegarde, vous l’avez dans l’os (chez Cubis nous sauvegardons les backups sur un autre serveur).

Un exemple simple. Vous faites une mise à jour de WordPress, dès lors, plus moyen d’accéder au site internet ni à l’administration ; votre site reste blanc. Si vous avez mis en place des sauvegardes, il sera bien plus rapide de restaurer votre site internet.

BackWPup : Sauvegarder son site internet WordPress tous les jours

Le plugin BackWPup permet de sauvegarder facilement son site internet WordPress sans connaissance techniques.

Dans BackWPup > Opérations, créer une nouvelle opération : je l’ai appelé Sauvegarde journalière.

Sauvegarder son site internet WordPress avec backWPup
Paramétrer la sauvegarde quotidienne de son site Internet WordPress

J’ai coché toutes les sauvegardes possibles

  • Sauvegarde de la base de données (essentiel)
  • Sauvegarde des fichiers (essentiel)
  • Export XML WordPress (permet d’exporter le contenu du site WP pour le réimporter dans une nouvelle instance de WP)
  • Liste des extensions installées (pour pouvoir les réinstaller facilement en cas de restauration)
  • Vérification des tables (optionnel, permet de vérifier si la base de données n’est pas corrompue)
Sauvegarder son site internet WordPress sur un autre espace
Déplacer sa sauvegarder WordPress par email, DropBox…

Sauvegarder dans le répertoire est la bonne chose à faire de base.

Le mieux est d’envoyer la sauvegarder sur un autre serveur (comme un FTP). DropBox permet de stocker gratuitement quelques gigas, mais je ne fais absolument pas confiance à ce service.

Enregistrer ensuite la nouvelle opération de sauvegarde quotidienne de WordPress.

Programmer la sauvegarde de son site internet WordPress

Dans l’onglet programmation, j’ai simplement indiqué une sauvegarde quotidienne de WordPress.

Sauvegarder son site internet WordPress tous les jours
Paramétrer la sauvegarder de WordPress tous les jours à 3h du matin

Lancer la sauvegarde manuelle de son site internet WordPress

Dans BackWPUp > Opérations, passez votre souris sur la sauvegarde que vous voulez tester et cliquez sur “Lancer la sauvegarde manuelle“.

Votre site sera alors sauvegardé et vous pourrez vérifier que votre système de sauvegarde fonctionne correctement.

WordPress en cours de sauvegarder via le plugin backWPup
Sauvegarde en cours de WordPress…

 

Comment sauvegarder son site internet ? (WordPress, Joomla, Drupal, Prestashop…)

Sauvegarder son site internet depuis phpMyAdmin
Sauvegarder son site internet depuis phpMyAdmin
Sauvegarder son site internet via la base de données

Comment sauvegarder son site internet en 5 minutes ?

Sauvegarder son site internet est très important si vous souhaitez changer d’hébergeur pour une raison ou une autre. Certains hébergeurs ne proposent également pas de sauvegardes (à contrario de Cubis-Helios).

A noter que ce tutoriel pour sauvegarder son site internet s’applique à tous les CMS (WordPress, Drupal, Prestashop, Magento, Joomla…).

Pour sauvegarder son site internet facilement vous n’avez que cela à faire :

  • Récupérer les fichiers depuis le FTP sur votre hébergement web ;
  • Exporter la base de données de votre site internet (via phpMyAdmin ou ligne de commande) ;

C’est tout. Les outils présents dans les différents CMS vous permettent parfois de récupérer ces informations (mais pas toujours), c’est pourquoi il est préférable de faire une copie entière du site internet à sauvegarder !

A la fin de ce tutoriel pour faire un backup de son site internet / le sauvegarder, nous verrons comment aspirer votre site internet pour sauvegarder la partie visuelle sur votre ordinateur.

Sauvegarder son site internet en récupérant les fichiers présents sur le FTP

Votre hébergeur a du vous fournir un code d’accès pour accéder au FTP (là où vous avez mis vos fichiers d’installation du site).

Connectez-vous y, et récupérez tous les fichiers s’y trouvant.

Pour vous connecter, vous devez avoir installé FileZilla, WINSCP ou un autre client FTP.

Sauvegarder son site internet en sauvegardant les fichiers présents sur son hébergement web
Sauvegarder son site internet depuis le FTP /FTPS ou le SFTP

Zipper et récupérer ses fichiers depuis un hébergement dédié

Si et seulement si vous avez un hébergement dédié (cela ne vous concerne probablement pas), alors vous pouvez zipper votre site internet via SSH et le récupérer via FTP / SFTP.

Zipper le contenu de son site internet sur un hébergement dédié

zip -R 'site-internet.zip' /var/www/votre-site
Récupérer le contenu zippé de son site internet depuis un hébergement dédié
get site-internet.zip

Sauvegarder la base de données de son site internet via phpMyAdmin

La plupart des hébergeurs (nous y compris) fournissent un service gratuit nommé “phpMyAdmin“, il permet de gérer facilement la base de données et ses utilisateurs sans connaissance technique en webmastering.

Ce service est très pratique, voici comment sauvegarder la base de données de son site internet.

Sélectionner à gauche la base de données de son site internet, et dans les onglets en haut aller dans “Export“, cliquez sur “Exécuter” pour télécharger l’export de la base de données de son site internet au format .sql.

PhpMyAdmin sauvegarder la base de données de WordPress sous WAMP
Sauvegarder la base de données de son site internet WordPress sous WAMP

Sauvegarder la base de données de son site internet sur un hébergement dédié

Si vous n’avez pas phpMyAdmin sur votre serveur dédié, vous pouvez utiliser la commande suivante pour exporter la base de données de votre site internet.

Sauvegarder la base de données de son site internet en ligne de commande

mysqldump -u user -p 'votrebasededonnées' > backup.sql

Sauvegarder toutes les bases des données MySQL en ligne de commande

mysqldump -u root -p --all-databases > alldb.sql

Mon site internet est sauvegardé, que faire ?

Une fois votre site internet sauvegardé vous pouvez vous trouver un nouvel hébergeur ou archiver votre sauvegarder dans un dossier avec la date actuelle.

Pensez à jetez un oeil à notre offre sécurisé :

https://agence-web.cubis-helios.com/hebergement-assiste-securite-proteger-site-web-internet/

Comment mettre en ligne son site internet WordPress fait sous WAMP ?

Un site internet Wordpress créé sous WAMP
Un site internet WordPress créé sous WAMP
Site internet WordPress sous WAMP

Comment publier son site internet Worpdress en ligne ?

Vous avez fait le plus dur en créant votre site internet WordPress sous WAMP, en local sur votre ordinateur. Maintenant que votre site internet est comme vous le souhaitez ou presque, vous allez avoir besoin de le mettre en ligne.

3 étapes sont nécessaires pour publier son site internet WordPress en ligne :

  1. Trouver & enregistrer un nom de domaine (ex : www.la-boutique-de-marie.fr)
  2. Sauvegarder de votre site internet WordPress (fichiers + base de données)
  3. Trouver un hébergement rapide et sécurisé pour votre site internet

Trouver un nom de domaine pour son site internet

Il y a quelques temps, Google se servait du nom de domaine pour mieux référencer les sites internet ; aujourd’hui s’il s’en sert toujours, on ne le voit pas beaucoup…

Inutile donc de blinder votre nom de domaine de mots clés. Pensez qu’un nom court se retient plus facilement qu’un nom plus long.

Pensez aussi qu’il est préférable de garder un nom de domaine une fois que vous avez commencé à faire du référencement dessus. Si vous souhaitez changer par la suite, il faudra en prendre un second et rediriger tout le trafic du premier vers le second pour ne pas perdre en référencement naturel.

Vous pouvez utiliser un générateur de nom de domaine pour avoir idée.

Vérifiez la disponibilité de votre nom de domaine sur OVH. Ou un autre registar si vous préférez un autre. Nous utilisons OVH car il est simple d’utilisation et low-cost.

Un nom de domaine coûte en moyenne 10€ par an, chez Cubis il vous est offert

Sauvegarder votre site internet WordPress pour l’héberger

Si vous avez suivi notre tutoriel WAMP, vous savez que vous avez deux choses à récupérer :

  • La base de données de WordPress
  • Les différents fichiers de votre site WordPress

Sauvegarder la base de données de son site internet WordPress

Ouvrir dans votre navigateur l’adresse suivante pour accéder à phpMyAdmin.

http://localhost/phpmyadmin

Cliquez sur votre base de données (si vous ne vous souvenez plus du nom, vous le trouverez dans le fichier wp-config.php à la racine de votre site internet WordPress.

define('DB_NAME', 'nom-de-votre-base');

Dans le menu en haut cliquez sur Exporter, puis Exécuter pour lancer la sauvegarde de la base de données sous format .sql.

PhpMyAdmin sauvegarder la base de données de WordPress sous WAMP
Sauvegarder la base de données de son site internet WordPress sous WAMP

Sauvegarder les fichiers de votre site internet WordPress

Le dossier de WordPress contient le site internet en tant que tel ainsi que votre thème, vos médias…

Cliquez sur l’icone WAMP, puis Répertoire www.

Le dossier de mon site s’appelle ici “wordpress“, faire un clic-droit : Envoyer vers > Dossier compressé pour zipper votre dossier WordPress.

Sauvegarder son site internet WordPress www
Sauvegarder son site internet WordPress sous WAMP

A droite on peut voir l’arborescence de son site internet WordPress.

Sauvegarde www via WAMP pour un site internet WordPress
Compression de son site internet WordPress sous WAMP

Une fois votre site internet WordPress sauvegardé et ces deux fichiers obtenu (votre-site.zip & votre-base.sql) vous êtes prêt pour héberger votre site internet WordPress.

Héberger son site internet WordPress en ligne

C’est la partie la plus difficile la plupart du temps, suivant l’hébergeur que vous allez choisir.

Comment choisir un hébergement web ?

  • Le rapport qualité / prix
  • La facilité de mise en place de votre site
  • La sécurité du serveur sur lequel il est hébergé
  • La vitesse du site internet
  • Les versions de PHP / MySQL proposées (il faut les dernières)
  • Possibilité d’avoir un certificat HTTPS gratuit
  • Possibilité d’avoir des boîtes e-mails
  • Possibilité d’avoir un antivirus / antispam

Nous avons créé un hébergement qui répond parfaitement à tous ces critères !

Hébergement

L’hébergement joue dans votre référencement, pensez à en choisir un suivant les critères énoncés au dessus ! Une fois que vous aurez trouvé un bon hébergement poursuivez la suite de ce tutoriel.

Héberger son site internet WordPress sur une plateforme en ligne depuis WAMP

Changer la base de données pour le nouveau nom de domaine

Faites une seconde copie de votre fichier de sauvegarde .sql au cas où. Dans un éditeur de texte (Visual Code, Atom, Brackets, Notepad++ ou un autre suivant vos préférences), utilisez la fonction “Rechercher et Remplacer“.

La première chose à faire, c’est de remplacer votre ancien domaine dans la base de données WordPress par le nouveau.

http://localhost/wordpress

Etant notre URL en local, via WAMP. Le nouveau site étant en ligne, on remplacera dans le fichier votre-site.sql l’ancien par la nouvelle URL.

http://votre-nom-de-domaine.com

Tant qu’à y être, je vous encourage à d’ores et déjà utiliser un certificat HTTPS sur votre site internet en remplaçant plutôt par (pour rappel, ce certificat HTTPS est gratuit chez nous).

https://votre-nom-de-domaine.com

Cette manipulation est nécessaire car WordPress a besoin de connaître l’URL de votre site internet. Vous pouvez d’ailleurs le constater dans Réglages > Général.

Dans la base de données, ce sont les lignes “siteurl” et “home” de la table wp_options.

WAMP réglages de WordPress
Réglages généraux de WordPress

Vous venez tout juste de mettre en place la nouvelle base de données de votre site internet.

Migrer votre site internet WAMP sur un hébergement web

Nous allons maintenant téléverser les fichiers sur le serveur pour pouvoir réimporter votre site chez un hébergeur web.

(*) Le FTP (File Transfert Protocole) permet de déplacer des fichiers à travers un canal, la plupart des hébergeurs ne vous donneront que ça pour envoyer les fichiers (avec un identifiant et un mot de passe).  Vous devez télécharger un client FTP pour vous connecter. WINSCP à ma préférence, FileZilla est plutôt pas mal aussi.

Vous devrez vous servir du FTP pour envoyer votre site dans un dossier sur le serveur web.

Chez Cubis nous proposons une interface web pour gérer vos fichiers, c’est beaucoup plus facile pour vous. Dans tous les cas tout ce que vous devez faire c’est téléverser votre-site.zip et le dézipper sur le serveur ou directement tout le dossier dézippé.

Mettre en place les fichiers de son site internet sur un serveur web
Téléverser (uploader) des fichiers sur son site internet via l’interface web de Plesk

Il nous faudra maintenant réimporter votre base de données depuis phpMyAdmin (votre hébergeur vous aura donné les accès), chez Cubis vous trouverez vos bases de données à droite de votre interface web.

Pensez à changer les paramètres d’accès à la base de données depuis le fichier wp-config.php pour faire correspondre avec vos identifiants. La variable “DB_HOST” n’est la plupart du temps pas à changer.

define('DB_NAME', 'database_name_here');
define('DB_USER', 'username_here');
define('DB_PASSWORD', 'password_here');
define('DB_HOST', 'localhost');
Mise en ligne d'une base de données pour son site internet
Import d’une base de données dans phpMyAdmin

Mettre en ligne son site internet WordPress

Une fois tout ceci effectué, vous n’avez plus qu’à votre connecter à l’adresse de votre site internet.

Erreur de connexion à la base de données

Si WordPress vous affiche cette erreur, c’est que les identifiants de connexion à la base de données ne sont pas bons.

Si ils sont bons mais que la base a mal été importée, on vous proposera de récréer une nouvelle instance de WordPress. La plupart du temps ce sera car le nom de votre base de données dans phpMyAdmin est différent de celui qui est utilisé dans wp-config.php.