Créer un site internet WordPress simple avec une boutique en ligne Woocommerce. Guide complet en vidéo.

Play Video about creer un site wordpress simple et sa boutique en ligne woocommerce tutoriel video par milfa7

Créer un site WordPress simple et sa boutique Woocommerce, par toi-même ! Cet article, complémentaire à mon tutoriel vidéos ci-dessus posté sur Youtube, est ton guide complet. “Durée total: 1h20mn”. 97% de taux de Like.

Comment Créer un Site Internet WordPress Simple Avec Une Boutique En Ligne Woocommerce. Guide complet par Milfa7.

Tutoriel vidéo complet pour savoir comment créer un site WordPress simple et sa boutique en ligne Woocommerce.

Sommaire de la vidéo

01 - Introduction 0:00
02 - Nom de domaine 2:18
03 - Hébergement 4:20
04 - Certificat SSL 6:40
05 - Les extensions de domaine 8:55
06 - Accès au CPanel 9:40
07 - Présentation rapide du CPanel 10:50
08 - Installation de WordPress 12:00
09 - Le site est en ligne 15:45
10 - Résumé des premières étapes 16:05
11 - Les réglages de base 16:15
12 - Installer un thème 24:00
13 - Personnaliser le design 34:05
14 - Modifier la page d'accueil 35:55
15 - Reflexion sur le Design 40:00
16 - L'importance des extensions 41:30
17 - Mes services de Plugins Support 45:35
18 - Introduction à Woocommerce 49:40
19 - L'importance d'un Blog et des articles 50:05
20 - Les réglages de base de Woocommerce 1:02:05
21 - Créer son 1er produit 1:08:30
22 - Résumé 1:14:50
23 - Conclusion 1:15:23
24 - Les derniers sites WordPress que j'ai développé 1:16:45

Liens [très] utiles

Je crée votre site WordPress Cliquez ici
Réserver un cours en ligne Cliquez ici
J'installe et configure vos extensions Cliquez ici*
Acheter un Nom de Domaine classique Cliquez ici*
Acheter un Nom de Domaine à vie Cliquez ici*
Acheter un Hébergement Cliquez ici*
Acheter un Certificat SSL - httpS Cliquez ici*
Générateur gratuit de politique de confidentialité Cliquez ici
Générateur gratuit de C.G.V-C.G.U Cliquez ici
Générateur gratuit de mentions légales Cliquez ici

*Liens d’affiliations

WordPress or not WordPress ?

WordPress est la plateforme le plus utilisée pour créer un site web. Propulsant plus de 30 % des sites web sur la toile, son extension Woocommerce est utilisée pour 7 % des boutiques en lignes. Il est donc évident que WordPress est un acteur majeur en création de sites web.

Si vous voulez créer votre propre site e-commerce, nous allons vous présenter un tutoriel sur comment créer un site Internet WordPress simple avec boutique en ligne WooCommerce.

Les bases de la création d’un site WordPress

Pour pouvoir créer et développer un site sur WordPress, il y a trois 3 bases à prendre en compte :

Le nom de domaine.
L’hébergement.
Le certificat SSL.

Le nom de domaine

Le nom de domaine peut être traduit comme l’adresse de votre site web. Il doit être court et facile à mémoriser. Il est aussi nécessaire de verrouiller ce nom de domaine dès que vous allez créer un site. Nous vous conseillons NameCheap.com comme fournisseur. Leur service clientèle est disponible 24/7 pour répondre à toutes vos questions et résoudre vos problèmes. Le prix d’un nom de domaine chez NameCheap.com est de 7 € en moyenne, mais peut varier selon l’extension (.com, . store, . band…) que vous avez choisie. L’avantage avec ce fournisseur, c’est qu’il ne propose pas une offre cachée ou un tarif qui double après un an.

Le nom de domaine... à vie !

Depuis peu il est possible d’acheter un nom de domaine non pas à renouveler tous les ans ou tous les 3 ans mais une seule fois et pour la vie ! Oui ! Car il est inscrit dans la Blockchain !

Il est possible dorénavant d’acheter des domaine .crypto .blockchain .bitcoin .nft et bien d’autres encore. Ces nouvelle extension de domaine ont le très net avantage de pouvoir être achetées une fois et pour toujours ! Quant aux prix, de 20€ à 100€, hors domaine premium… QUe l’on peut acheter et surtout revendre plus cher : un excellent moyen d’investir sur la durée en dénichant les perles rares qui sont encore existantes… Mais pour combien de temps encore !

C’est chez Unstoppabledomains.com que vous pourrez acquérir ces nom de domaines à stoker sur votre Wallet comme de simple cryptos.

Incensurable, sécurisé sur la Blockchain et Au même prix qu'un domain classique !

Mes noms de domaines achetés 1 fois pour toujours !

L’hébergement

Il est important d’héberger votre site dans un endroit proche de chez vous afin d’optimiser sa vitesse de chargement. NameCheap.com vous propose un hébergement aux UK pour moins de 1 € par mois sur ce lien.

Namecheap propose également 3 plans d’abonnement d’hébergement  qui varie de 2,04 € par mois à 4,56 € par mois. Le mieux est de choisir l’offre Popular à 2,88 € par mois avec un nom de domaine inclus. Vous n’aurez plus besoin d’acheter un nom de domaine parce que cette offre propose déjà une adresse gratuite. 

Un abonnement annuel est aussi important afin de bénéficier d’une réduction et d’éviter les problèmes récurrents liés à un oubli de paiement.

Le certificat SSL

Un certificat SSL permet à votre site de passer de HTTP à HTTPS (un cadenas va donc être affiché avec le nom de domaine). Un site en HTTPS est un site sécurisé, très important si vous voulez faire de l’e-commerce afin d’avoir accès aux passerelles de paiement et gagner en crédibilité. Vous pouvez en acheter sur NameCheap.com en cliquant sur ce lien. Vous pouvez utiliser la première offre à moins de 5 € par an.

La création de votre site

Installation de WordPress

Après avoir réservé votre nom de domaine avec l’hébergement, vous pouvez déjà contacter le support client pour installer WordPress. Vous recevrez un e-mail avec les identifiants WordPress afin d’accéder tout de suite au tableau de bord.

Sinon, vous allez recevoir les identifiants de votre cPanel par e-mail. Vous pouvez avoir accès à cette page sur votrenomdedomain.com/cpanel. Depuis ce panel, vous allez avoir accès aux racines de votre site comme la gestion du domaine, de votre boîte mail…

1 – Parmi les différentes icônes sur le panel, vous allez chercher “Softaculous App Installers” et cliquer sur “WordPress”.

2 – Vous serez redirigé vers une page intitulée “Softaculous” et cliquez sur le bouton “install now”.

3 – Quand vous allez cliquer sur ce bouton, vous allez modifier la version de votre WordPress (nous recommandons la version la plus récente), modifier le site en HTTPS  ainsi que le nom de domaine, modifier le nom et la description du site ainsi que le langage de votre back-office.

4 – Vous allez aussi modifier les identifiants pour vous connecter sur votre site.

5 – Cliquez maintenant sur “installer” afin de finaliser l’installation.

6 – Vous allez recevoir un message de confirmation de l’installation avec le lien com/wp-admin/ pour accéder au tableau de bord de votre site

Les premières configurations de votre site WordPress

Les permaliens

Quand vous allez créer votre site web, la première étape est de modifier les permaliens. Vous allez accéder à l’onglet “réglages”, puis “permaliens” et activer le bouton radio sur “titre de la publication” avant d’enregistrer. Cela permet d’avoir des liens sous forme de lettres.

Les articles

Après avoir modifié les permaliens, cliquez sur “articles” puis “tous les articles”, cochez les articles qui seront affichés et supprimez-les. Allez ensuite dans “corbeille” afin de les supprimer définitivement.

Dans la partie “Catégories”, vous trouver une seule catégorie d’articles nommée “Uncategorized”. Ex : vous pouvez la renommer “Divers”.

Les pages

Cliquez sur les “pages” puis “toutes les pages”. Si vous voulez créer un site en français, vous allez renommer les pages déjà disponibles. C’est des pages brouillons que vous pouvez utiliser après. La page “Privacy Policy” peut être modifiée en “Politique de confidentialité”.

Les pages “Politique de confidentialité ”, CGU-CGV, Mentions légales sont des pages obligatoires pour un site e-commerce. Vous pouvez avoir des générateurs gratuits de ces pages que vous pouvez personnaliser sur ces liens :

Pour la “Sample Page”, il vaut mieux la renommer en “Accueil” ou “Home”.

La carte de visite nouvelle génération !

3 modèles au choix : Métal, Bambou ou PVC

Lecture

Dans l’onglet “Réglages”, cliquez sur “Lecture”. Activez le bouton radio sur “Une page statique” et choisissez “Accueil” sur la partie “Page d’accueil”. Cela permet de modifier votre page d’accueil dès que les visiteurs cliquent sur votre adresse. Cliquez sur “enregistrer les modifications”.

Videz la page d’accueil

Si vous cliquez sur votre adresse, vous allez atterrir sur votre page d’accueil. Comme vous êtes l’administrateur, vous pouvez trouver une bande noire au-dessus de la page. Cliquez sur “ Modifier la page” et supprimez tous les blocs de texte par défaut.

Paramétrage du thème

Le thème de votre site présente une importance capitale, car il est la base de votre design. Vous pouvez choisir un thème premium (payable une seule fois) afin d’avoir un design moins populaire et plus travaillé. Les thèmes gratuits sont aussi des bons choix.

Dans votre tableau de bord, cliquez sur “Apparence” et sur “Thèmes”. Par défaut, vous trouverez trois thèmes déjà disponibles dans cette partie. Pour alléger la mémoire de votre disque dur (dans votre hébergeur), il faut veiller à ne garder que deux thèmes dans cette partie. L’un servira de relais si vous avez des problèmes avec votre thème principal.

Cliquez sur “Ajoutez un thème” et tapez sur la barre de recherche “Astra”. C’est un thème gratuit qui propose plusieurs déclinaisons. Elle est aussi très prisée par la communauté WordPress grâce aux options qu’elle offre. Vous allez l’installer et l’activer.

1 – Dans l’onglet “Apparence”, cliquez sur “Options d’Astra”.

2 – Dans la fenêtre qui s’affiche, cliquez sur “Installer l’extension d’importation”.

3 – Vous allez tomber sur une liste de “page builder” ou “constructeur de pages”. Parmi les choix, il vaut mieux choisir “Elementor”, une page builder très facile à utiliser.

4 – Vous serez après redirigé sur une boutique de thèmes “fils” d’Astra. Certains thèmes sont payants, mais les gratuits sont aussi intéressants. Comme il s’agit de créer une boutique en ligne, il vaut mieux choisir un thème qui pourra être adapté à une boutique e-commerce. Certains thèmes comme “Simply Natural” proposent déjà des “templates” de pages comme une page d’accueil, page de contact et page “à propos”.

5 – Cliquez ensuite sur “Import complete site” pour importer toutes les pages disponibles et cochez toutes les options proposées.

Après cette étape, vous pouvez déjà voir le nouveau design de votre page.

Le développement de votre site

Personnaliser votre site

Dans l’onglet “Apparence”, cliquez sur “Personnaliser”. Vous serez redirigés sur une page de personnalisation de votre site. Depuis cette page, vous pouvez modifier les grandes lignes de votre site comme : le logo, le titre du site, l’emplacement et la gestion des menus… Nous vous conseillons de prendre le temps de bien étudier tous les onglets afin de mieux personnaliser votre site.

Modifier une page

Pour modifier une page, vous pouvez accéder directement à Elementor depuis la bande noire au-dessus de chaque page. Vous pouvez aussi, depuis votre tableau de bord, cliquer sur “Pages”, sélectionner une page (ex : Accueil) ou créer une nouvelle page. Vous allez être redirigés vers une page builder basique, mais vous devez cliquer sur “Modifier avec Elementor”.

Elementor permet de segmenter la page en plusieurs sections. Chaque section peut être modifiée selon vos besoins et selon la page que vous voulez créer. Cliquez sur “+” pour créer une nouvelle section ou sur “x” pour supprimer une section.

Quand vous allez créer une section, vous pouvez l’organiser en bloc (un, deux ou trois blocs). Sur chaque bloc, vous pouvez glisser-déposer des widgets comme des images, des boutons, des vidéos… La prise en main de ce constructeur de pages peut vous prendre quelques minutes, le temps de comprendre son fonctionnement. Vous allez découvrir qu’il est très facile à utiliser afin d’avoir un design avancé.

Le fonctionnement de votre site

La beauté ne suffit pas

Même si le design de votre site est important pour votre image, le fonctionnement de votre site est encore plus important. Une jolie page d’accueil peut attirer l’attention des visiteurs, mais vous devrez aussi avoir des formulaires, des boutons de partages sur les réseaux sociaux, les popups… Vous devrez donc utiliser des “extensions” (ou plug-ins).

Les extensions sont disponibles depuis votre tableau de bord sur l’onglet “Extensions”. Le thème Astra propose déjà une longue liste d’extensions essentielles comme WPform, WooCommerce ou Elementor. Si vous choisissez d’autres thèmes, vous devrez installer WooCommerce, Elementor ou WPform depuis votre boutique d’extensions. Vous allez choisir une extension qui conviendra le plus à votre site comme les extensions SEO, les formulaires… Chaque extension installée peut être paramétrée depuis votre tableau de bord. Même si l’installation et le paramétrage des extensions essentielles peuvent être difficiles pour certains, vous pouvez accéder à Yeformation.com pour bénéficier d’une aide.

Woocommerce : le plugin ultra puissant

L’incontournable du E-commerce Pro.

WooCommerce est une extension WordPress pour construire une boutique en ligne. En effet, WordPress est une plateforme pour créer un blog et l’installation de WooCommerce est nécessaire (pas avec le thème Astra) pour une boutique en ligne.

Pour une boutique en ligne, il faut que vous accordiez une grande importance à votre blog et vos articles. Votre blog peut être un tremplin pour votre référencement SEO et un grand pas vers la fidélisation de vos clients. Un bon blog permet aussi de développer votre communauté et réduire considérablement votre budget publicité.

Les réglages de base de WooCommerce

Avant de toucher aux produits et aux catégories de produits, vous devrez aller dans le réglage de base afin d’entrer les informations sur votre activité. 

Dans l’onglet WooCommerce, cliquez sur “Réglages”. Entrez toutes les informations nécessaires comme les adresses de votre entreprise, la devise à utiliser, les passerelles de paiements, les procédures de livraison…

La gestion de vos produits

Dans l’onglet WooCommerce de votre tableau de bord, cliquez sur “Tous les produits” et supprimez les produits par défaut.

Pour créer un produit, cliquez sur l’onglet “Produit” puis “Ajouter produit”.

Entrez ensuite toutes les informations relatives à votre produit comme le nom, la description, la guide des tailles, les photos…

C’est dans la partie “Données  produits” que vous allez différencier le type de produit que vous allez proposer (produit physique, produit avec variantes…)

Pour un produit virtuel (e-book, formations…) choisissez produit simple avec option “virtuel” et/ou “téléchargeable”.

Vous pouvez aussi choisir des produits groupés, produits externes…

Si vous proposez un produit physique avec des variances (couleurs, tailles…), vous devrez choisir “produit variable” et entrez toutes les caractéristiques reliées à votre produit.

Après ce paramétrage, vous pouvez prévisualiser le produit et le publier.

Quels sont tes domaines d’expertise ?

job en ligne

Conclusion

À vous de jouer !

Maintenant, vous savez comment construire et publier une boutique en ligne avec WordPress. Nous vous conseillons de bien prendre le temps d’observer chaque partie de votre tableau de bord afin de mieux maitriser son fonctionnement. Cela permet aussi d’améliorer au mieux votre site web. Sachez qu’il est aussi possible de suivre des formations sur la création d’un site WordPress ou WooCommerce. Si vous avez besoin d’autres informations sur ce tutoriel ou sur les formations, vous pouvez nous contacter sur yeformation.com ou sur milfa7.com.