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

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

Tutoriel vidéo complet pour savoir comment créer un site internet WordPress simple avec une boutique en ligne Woocommerce.

Si vous avez besoin que je crée votre site visitez la plateforme de mon entreprise ➜ Yeformation.com : Structure spécialisée dans le web, le digital et la stratégie de vente et de développement.

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

Cette vidéo est dédiée à tous mes élèves à L’Atelier Chardon Savard, École de Design de Mode et de Haute Couture à Paris, notamment les Classes de 3ème années, Conseils en style et 2ème année Access.

1 – Je crée votre site WordPress ➜ Cliquez ici
2 – Réserver un cours en ligne ➜ Cliquez ici
3 – J’installe et confiture vos extensions ➜ Cliquez ici
4 – Me commander un forfait horaire ➜ Cliquez ici


5 – Acheter un Nom de Domaine seul* ➜ Cliquez ici
6 – Acheter un Hébergement + Nom de domaine* ➜ Cliquez ici
7 – Acheter unCertificat SSL – https* ➜ Cliquez ici


8 – Acheter des Thèmes WordPress Premium* ➜ Cliquez ici
9 – Acheter es Extensions WordPress Premium* ➜ Cliquez ici


10 – Générateur gratuit de politique de confidentialité ➜ Cliquez ici
11 – Générateur gratuit de C.G.V-C.G.U ➜ Cliquez ici
12 – Générateur gratuit de mentions légales ➜ Cliquez ici


13 – Vous êtes dans la musique ou artiste dans l’âme ? Cliquez ici
Je peux vous aider à sérieusement lancer votre projet. Cliquez ici


14 – Vous êtes un professionnel, une entreprise, entrepreneur indépendant ou particulier ? Je peux vous aider à développer vos activités sur Internet Cliquez ici

* : Liens d’affiliation.

Milfa7 Instrumental Playlist – Partie 1

Milfa7 Instrumental Playlist – Partie 2

Comment Créer un Site Internet WordPress Simple Avec Boutique En Ligne WooCommerce ?

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 d’une création d’un site sur 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.

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. Le site propose aussi 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”. Vous allez la renommer en “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”.

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

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.

Le plug-in WooCommerce

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.

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.

Les liens proposés dans ce texte sont des liens d’affiliation avec namecheap.com.
Vous avez apprécié cet article ? Cliquez les boutons de partages ci-dessous et faites-le découvrir autour de vous, je suis sûr qu'il aidera vos amis qui souhaiteraient créer une boutique WordPress.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *