CMS PrestaShop : guide d’installation manuelle de votre boutique ecommerce
Vous souhaitez installer PrestaShop pour lancer votre boutique en ligne ?
Plateforme e-commerce réputée en France, PrestaShop est une solution open source, leader sur le marché des CMS (système de gestion des contenus) dédiée à la création de sites de commerce électronique qui a l’avantage d’être complète, performante, sécurisée, accessible à tous et, surtout, gratuite lors de son installation. Utilisé aussi bien par les petites entreprises que par les grandes sociétés, le logiciel peut être agrémenté de milliers de modules complémentaires. La communauté PrestaShop, composée de plusieurs millions de contributeurs, nous permet de vous offrir un outil fiable et en constante évolution.
Prêts à vous lancer dans l’installation ? Suivez pas à pas notre tutoriel d’installation afin d’installer PrestaShop.
Les prérequis avant d’installer PrestaShop sur un hébergement à distance
Avant de vous lancer tête baissée dans l’installation de PrestaShop Edition pour commencer à travailler sur votre futur site e-commerce, vous devez respecter certains impératifs au préalable, c’est-à-dire procéder au choix d’un hébergeur, d’un nom de domaine, à la création d’une base de données et à l’installation d’un client FTP sur votre PC, conditions indispensables en vue d’aller plus loin lors de l’installation des fichiers sur votre serveur à distance.
Ne vous inquiétez pas si vous n’êtes pas encore familier avec cet éventail de termes tout aussi techniques les uns que les autres.
Tout vous sera parfaitement expliqué au cours de la procédure d’installation, captures d’écran à l’appui. Pour les définitions de chacun des termes, ne manquez pas notre rubrique “Lexique” en début d’article.
Cependant si vous n'êtes pas à l'aise avec l'installation de votre boutique PrestaShop sur un hébergement à distance, nous vous proposons une offre clé en main avec hébergement et installation inclus. Plus d'informations sur l'offre PrestaShop Hosted.
1. Téléchargez PrestaShop en local
Pour commencer l’installation de PrestaShop, procurez-vous tout simplement le paquet de fichiers d’installation disponibles sur le site officiel à l’adresse suivante : https://www.prestashop.fr/prestashop-edition-basic/
Remplissez les différents champs prévus à cet effet, cochez les d’acceptation des CGU et de la politique de confidentialité puis, cliquez sur le bouton Call-To-Action “Télécharger” pour récupérer un fichier ZIP sur votre disque dur.
Pour information, actuellement, la dernière version disponible est celle-ci : PrestaShop 1.7.8.2. Il demeure néanmoins possible de télécharger une version antérieure en vous accédant à Github.
Dézippez-le grâce à un logiciel d’extraction tel que Winrar ou Winzip ou 7Zip (Windows).
Vos fichiers sont téléchargés ? Passons dès lors à l’étape suivante : le choix de l’hébergement.
2. Choix de l’hébergement
Un hébergeur est, à la manière d’un magasin physique dans le monde réel, un emplacement virtuel qui va vous permettre de stocker et de publier l’ensemble des informations relatives à votre site web (ressources, code HTML, images, vidéos…) en vue de les rendre publiques et accessibles sur Internet.
C’est d’ailleurs ce qui fait la différence entre un serveur à distance et un serveur en local. Dans le premier cas, les fichiers de votre site sont stockés en ligne, directement chez votre hébergeur, tandis que dans le cas d’un hébergement en local, sous WAMP (Microsoft) ou MAMP (Apple) par exemple, les fichiers PrestaShop sont stockés sur votre ordinateur. Votre site ne sera donc pas visible de tous.
Chacun de vos fichiers consommant de l’espace de stockage, il est primordial de sélectionner un hébergeur de qualité mais également un type d’hébergement adapté au potentiel de trafic et de connexions, les fameux hits, que subira votre site quotidiennement. Plus vous aurez de trafic sur votre site, plus votre serveur devra être calibré et s’adapter en cas de pics d’audience par le biais de mécanismes comme le load balancing (répartition de la charge serveur). Veillez à héberger votre site sur un serveur dédié pour vous assurer d'une :
- performance optimale,
- meilleure sécurisation des données,
- plus grande autonomie
- rapidité d’exécution, des différentes tâches, plus importante.
Chez PrestaShop, nous avons un partenariat avec la solution IONOS qui vous permet d’héberger et de pré-installer PrestaShop directement depuis l’interface d’administration de votre fournisseur d’hébergement grâce à son système Click And Build (auto-installateur) qui simplifie les étapes d’installation.
En outre, il est également possible d’acheter directement votre nom de domaine depuis IONOS si vous préférez tout avoir à un seul endroit.
Pour le choix de votre hébergement, vous pouvez également faire appel à d’autres plateformes telles que OVH cloud, Gandi, O2switch, LWS, PlanetHoster, Hostinger…
Prenez soin de vérifier que votre hébergeur est compatible avec PrestaShop : compatibilité Windows, Linux ou Unix, une capacité de mémoire suffisante côté serveur (64 Go de RAM), une version de Php (5.2 minimum) et de MySQL (5 minimum) récente.
Lors de votre souscription, vous devriez recevoir un email de votre service d’hébergement contenant l’ensemble des informations dont vous aurez besoin pour concevoir votre site (hôte FTP, identifiant, mot de passe, port utilisé…). Vous pouvez également obtenir ses informations directement depuis votre interface d’administration, votre espace client lequel contient l’ensemble des paramètres relatifs à vos accès FTP qui serviront d’identifiants de connexion.
Exemple d’interface d’administration :
Vous avez enfin choisi votre hébergeur ? Vous pouvez à présent vous concentrer sur la création d’une base de données.
3. Création de la base de données
Dans l’interface d’administration de votre solution d’hébergement, qu’il s’agisse de IONOS, d’OVH Cloud ou autres, vous allez devoir créer une base de données (BDD) qui va permettre de stocker et de sauvegarder toutes les informations relatives à votre boutique e-commerce (commandes, clients, catalogue, transporteurs…).
Comment créer votre base de données ?
- Dans votre compte IONOS, cliquez sur “Hébergement”
- Cliquez sur le bouton “Administrer” du bloc “Bases de données”
- A l’écran suivant, renseignez les différents champs de la base de données : description, mot de passe…
Ça y est ! Votre base de données, via IONOS, est créée ! Félicitations !
- Recherchez votre hébergement dans la liste des hébergements disponibles sur votre compte client
- Dans l’onglet “Bases de données”, cliquez sur “Accéder à phpMyAdmin” (une nouvelle fenêtre s’ouvre)
Une nouvelle fenêtre s’ouvre, voici alors ce que vous devez avoir à l’écran :
L’adresse serveur de la base de données et l’identifiant de connexion à la base de données sont disponibles depuis l’interface d’administration de votre hébergement. Chez OVH cloud, ça se trouve ici :
- Renseignez donc ces deux champs, ainsi que le mot de passe que vous aviez paramétré, pour vous connecter à phpMyAdmin qui, une fois connecté, ressemble à ceci :
Vous êtes connecté ? Voici l’interface sur laquelle vous devriez vous trouver actuellement :
- Maintenant que vous êtes connecté, créez votre base de données en cliquant sur l’onglet « Nouvelle base de données » dans la colonne de gauche.
- Entrez le nom de votre base de données. Dans ce tutoriel, nous allons mettre « tutoPrestaShop ». Enfin, cliquez sur le bouton « Créer ».
Créer un utilisateur pour votre base de données
Une fois la base créée, il vous faut ajouter un utilisateur avec un accès sécurisé et l'associer à votre base de données.
Cliquez sur l’onglet « Privilèges » de votre base de données, puis « Ajouter un compte d’utilisateur ».
Pour notre exemple, nous allons ajouter un utilisateur « PrestaShop » avec un mot de passe sécurisé.
Vous arrivez alors sur l’écran vous demandant quels droits attribuer à l’utilisateur sur la base de données. Pour cet exemple, cochez tous les droits et cliquez sur « Exécuter ».
Votre base de données et votre utilisateur sont maintenant reliés entre eux, il ne vous reste plus qu’à acheter un nom de domaine et installer un logiciel de transfert par FTP avant de pouvoir installer PrestaShop.
4. Choix et achat d’un nom de domaine
Le choix du nom de domaine (NDD) n’est pas à prendre à la légère. En effet, votre devra refléter l’identité de votre entreprise ou de votre marque et son extension être en adéquation avec votre cible géographique. En effet, il serait malvenu, d’un point de vue du SEO notamment, d’acheter un nom de domaine dont l’extension se termine en .co.uk alors que votre audience se trouve exclusivement en France.
Votre nom de domaine doit également être le plus court possible pour une meilleure mémorisation de vos futurs prospects/clients. Le choix d’un nom de domaine100% brandé ou d’un nom de domaine qui contient un ou plusieurs mots-clés relatifs à votre domaine d’activités n’appartient qu’à vous. Ceci est une question de communication et d’identité de marque. Il ne tient qu’à vous de savoir si vous souhaitez développer la notoriété de votre marque sur le long terme ou si vous préférez capitaliser sur un nom de domaine à mots-clés, voire un EMD (Exact Match Domain), à court terme pour renforcer votre positionnement sur les mots-clés présents dans le nom de domaine.
- Exemples de noms de domaine célèbres brandés : carglass.fr, manomano.fr, fnac.com, sarenza.com, zalando.fr, giboire.com, darty.com, amazon.fr, verbaudet.fr…
- Exemples de noms de domaine célèbres semi-brandés : guedo-outillage.fr, blot-immobilier.fr, king-jouet.com…
- Exemples de noms de domaine célèbres à mots-clés : promovacances.com, covoiturage.fr (ex blablacar.fr), maisonducafe.com…
Pour acheter un nom de domaine, il vous suffit de vous rendre sur n’importe quel registrar, que ce soit OVH, Gandi, PlanetHoster, 1&1 Ionos, Hostinger, LWS, Infomaniak…
Bien évidemment, vous n’êtes pas obligé d’acheter un nom de domaine auprès de votre plateforme d’hébergement. Si tel est le cas, vous serez dans l’obligation de faire pointer votre nom de domaine vers les serveurs DNS de votre nouvel hébergeur, ce qui implique de légères connaissances techniques en matière de gestion des DNS.
Ça y est, vous avez enfin trouvé votre nom de domaine ? Passons désormais au dernier chapitre lié à l’utilisation d’un logiciel FTP, lequel vous permettra de téléverser vos fichiers PrestaShop, jusqu’alors présents uniquement sur votre ordinateur en local, vers votre serveur distant hébergé chez votre fournisseur.
5. Utilisation d’un logiciel de transfert par FTP
Comme évoqué précédemment, un logiciel FTP (File Transfer Protocol) est un protocole de communication destiné au partage de fichiers sur un réseau TCP/IP, autrement dit, c’est via cette application que vous allez ultérieurement déposer votre paquet de fichiers PrestaShop sur le serveur afin de démarrer le processus d’installation du CMS.
Si vous ne disposez pas de logiciel FTP, téléchargez-en un. Chez PrestaShop, nous vous recommandons d’utiliser Filezilla (Filezilla Client), un gestionnaire de fichiers gratuit qui va vous permettre de transférer l’ensemble des fichiers qui constituent votre boutique e-commerce PrestaShop vers votre serveur à des fins de mise en ligne.
Dès lors que vous aurez installé Filezilla, connectez-vous à votre serveur en renseignant les différents champs demandés (hôte, identifiant, mot de passe, port) et dont vous trouverez les informations par mail ou via l’interface d’administration de votre hébergeur.
Vous êtes connecté à votre serveur ? Glissez-déposez les fichiers ci-dessous de votre site local vers votre site distant afin de poursuivre l’installation de PrestaShop :
- index.php
- Install_PrestaShop.html
- PrestaShop.zip (Attention : logiquement, vous devez dézipper votre fichier avant de le transférer vers votre serveur !)
Bon à savoir : Vous pouvez également passer par Cpanel (disponible chez la plupart des hébergeurs connus comme OVH, 1&1 IONOS, LWS…), panneau d’administration composé d’une interface graphique qui permet de simplifier la gestion de ses sites web et de son serveur, pour transférer vos fichiers PrestaShop du site local vers le site distant, autrement dit votre serveur.
À ce stade, sitôt que l’ensemble des fichiers PrestaShop auront été déployés sur votre serveur via un client FTP (ou Cpanel), si vous vous rendez à l’adresse URL de votre page web sur un navigateur, Google Chrome par exemple, vous devriez voir ceci :
Côté FTP :
Les fichiers PrestaShop sont à présent installés sur le serveur. Il est désormais temps de passer à l’étape finale : le tunnel d’installation.
Lancement et paramétrage du tunnel d’installation de votre site PrestaShop
A présent que le processus d’installation est arrivé à 100%, voici l’affichage que vous devez avoir à l’écran une fois connecté à votre site web
Par défaut, la langue sélectionnée est l’anglais mais libre à vous de changer pour le français dans la liste déroulante.
Une fois la langue choisie, cliquez sur le bouton “Suivant” pour passer à la seconde étape du tunnel qui consiste à accepter les termes du contrat et des licences.
Cochez la case “J’accepte les termes et conditions du contrat ci-dessus” et cliquez sur “Suivant”.
A l'étape d’après, l’assistant vous demande de renseigner les informations liées au site web.:
À l’étape de configuration du système, veuillez renseigner les champs relatifs à la base de données que vous aurez préalablement créée, via phpMyAdmin par exemple. Si vous avez déjà une base de créée, récupérez les informations ci-dessus (adresse serveur de la base, nom de la base, identifiant…) directement auprès de votre fournisseur d’hébergement.
Voici les différents champs à remplir :
- Adresse du serveur de la base : ****
- Nom de la base : ***
- Identifiant de la base : ***
- Mot de passe de la base : ***
- Préfixe des tables : ***
Avant de passer à l’étape suivante, pensez à vérifier si les données sont correctes en appuyant sur le bouton « Tester la connexion à la base de données ».
Si tout est correct, une alerte verte s’affichera, comme sur l’image ci-dessous, et vous pourrez donc continuer l’installation en cliquant sur « Suivant ».
Lors du clic sur le bouton “Suivant”, le logiciel procédera à l’installation de votre boutique (création des paramètres de fichiers, des tables de la base de données, des langues, des modules…).
A la fin du processus d’installation, voici l’écran que vous êtes censés avoir :
PrestaShop vous indique que l’installation est terminée. Félicitations !
Vous pouvez maintenant accéder au backoffice, avec vos données précédemment configurées, en cliquant sur le bouton « Gérez votre boutique », ainsi qu’au front office pour découvrir votre site e-commerce, en cliquant sur le bouton « Découvrez votre boutique ».
Le logiciel SaaS vous rappelle également vos identifiants de connexion (login / mot de passe).
Enfin, l’outil vous invite, pour des raisons de sécurité, de supprimer le dossier “install” manuellement des fichiers PrestaShop installés sur votre serveur, auquel cas rouvrez Filezilla ou un autre gestionnaire de sites, et supprimez le répertoire tel que ci-dessous :
Sans la suppression de ce dossier dans le FTP, PrestaShop ne vous permettra pas de vous connecter à votre back office, c’est pourquoi cette étape demeure indispensable. D’ailleurs, pour vous en convaincre, il suffit de vous connecter à votre interface d’administration en ajoutant /admin derrière l’URL de votre site Internet (https://www.votre-site.fr/admin). Faites le test et vous devriez voir apparaître ceci ) l’écran :
L’étape de suppression du dossier /install de votre client FTP est donc obligatoire !
La suppression de ce répertoire a pour conséquence la modification automatique de l’url de connexion à votre back office qui passe de /admin, qui ressort désormais en page d’erreur 404, à /admin… suivi de chiffres et de lettres.
Vous pouvez bien évidemment modifier l’url de connexion en renommant comme bon vous semble le répertoire /admin*** depuis votre client FTP.
Pour vous connecter à votre back office, il vous faudra désormais taper : https://www.votre-site.fr/nom_de_votre_nouveau_repertoire_de_connexion
Exemple : https://www.ma-boutique.fr/login
Votre boutique PrestaShop est désormais installée, prête à être utilisée et surtout prête à être configurée pour la rendre à votre image.
Voici à quoi ressemble le back office de votre site :
Et voici à quoi ressemble le front office votre site à ce stade :
Alors, prêt à installer votre tout premier site PrestaShop ? Nous espérons que ce tutoriel d’installation de votre boutique ecommerce PrestaShop vous a plu. Si vous souhaitez ajouter un complément d’informations, vous pouvez nous contacter à l’adresse suivante : https://www.prestashop.fr/contact
N’hésitez pas à nous faire part de vos remarques !
Base de données |
Plus succinctement appelée BDD, une base de données est un ensemble d’informations structurées et organisées de telle manière qu’il est facile d’accéder aux données, de les traiter et de les mettre à jour. Comme n’importe quel site dynamique qui implique des interactions avec les utilisateurs, ainsi que le stockage et la récupération de données, PrestaShop fonctionne avec une base de données qui doit être installée et configurée au préalable.
|
Client FTP |
Un client FTP est une application qui permet d’interagir avec un serveur FTP en permettant aux utilisateurs de téléverser ou de télécharger des fichiers depuis leur ordinateur vers le serveur et vice versa (opération bi-directionnelle). La fonction d’un client FTP est donc simple : récupérer ou déposer des fichiers. Dans le cas de la création de votre site ecommerce, votre client FTP, Filezilla Client par exemple, vous permettra d’envoyer les fichiers Prestashop vers votre serveur FTP (ne pas confondre avec le serveur web qui sert à afficher les fichiers appelés par un client web, un navigateur web le plus souvent, via le protocole HTTP).
|
CMS |
Un système de gestion de contenu (CMS) est une application logicielle qui permet aux utilisateurs de créer, modifier, collaborer, publier et stocker du contenu numérique, pour le web le plus souvent. Un CMS fournit une interface utilisateur graphique avec des outils permettant de créer, d'éditer et de publier du contenu web sans avoir besoin d'écrire du code à partir de zéro. Aucune connaissance HTML n’est obligatoire bien que ce soit un avantage pour mieux personnaliser son site web.
|
FTP |
Le protocole de transfert de fichiers (FTP) est un protocole utilisé pour transférer un fichier sur Internet d'un hôte à un autre. FTP est basé sur l'architecture client-serveur. Le serveur FTP détient les fichiers et les bases de données qui sont nécessaires pour fournir les services demandés par les clients. Le plus souvent, le serveur FTP est un appareil à haute puissance qui est capable de traiter plusieurs demandes de clients en même temps. Le client FTP est généralement un ordinateur personnel utilisé par un utilisateur final ou un appareil mobile qui exécute le logiciel nécessaire capable de demander et de recevoir des fichiers sur Internet à partir d'un serveur FTP.
|
Hébergement (local / distant) |
L'hébergement web permet de consulter en ligne les fichiers qui composent un site Web (code HTML, images, ressources, etc.). La quantité d'espace allouée sur un serveur à un site web dépend du type d'hébergement. Les principaux types d'hébergement sont les suivants : partagé, dédié, VPS, etc. Par ailleurs, il existe deux façons d’héberger son site Internet : l’hébergement en local et l’hébergement à distance. Si vous travaillez sur un serveur en local (localhost), cela signifie que vous avez un serveur installé sur votre machine actuelle, via l’utilisation d’une solution telle que WAMP par exemple, plateforme de développement Web qui permet de faire fonctionner son site en local avant de transférer vos fichiers vers le serveur de production pour mise en ligne définitive. Au contraire, lorsque le serveur est distant, cela signifie simplement qu'il se trouve sur un autre ordinateur. En résumé, quand on veut ne rendre accessible son site qu’à soi-même, pour des tests notamment, on envoie les fichiers sur son serveur local. A l’inverse, si l’on souhaite le rendre visible aux yeux de milliers d’internautes, il faut impérativement passer par un serveur distant, lequel est hébergé chez un fournisseur comme 1&1 Ionos, entre autres.
|
Module | Également appelé extension ou plug-in, un module est un composant additionnel qui vous permet d’ajouter de nouvelles fonctionnalités à votre site web marchand. Il s'installe très simplement et se configure via l’administration PrestaShop. Il en existe pour de nombreuses utilisations : modules de paiement, dédiés aux réseaux sociaux, au référencement, à la livraison, aux marketplace, etc.
|
Nom de domaine |
Un nom de domaine désigne l’adresse URL d’un site Internet, autrement dit ce que les utilisateurs tapent dans la barre de recherche d'un navigateur pour accéder directement à votre site web. Le nom de domaine contient le nom du site (domaine de deuxième niveau) suivi de l’extension,nationale (ccTLD = .fr, .co.uk, .it, etc.) ou générique (gTLD = .com, .net, .org, etc.), préfixe (sous-domaine ou domaine de troisième niveau) non inclus. A savoir : un site Internet est d’abord identifié par un ensemble unique de chiffres appelé adresse IP. Lorsqu'un internaute saisit un nom de domaine dans sa barre de recherche, il envoie une requête à un ensemble de serveurs DNS (Domain Name System). Le DNS répond alors avec l'adresse IP du serveur d'hébergement du site web, le rendant ainsi accessible. Les noms de domaine ont été créés parce que les adresses IP sont trop compliquées à retenir. Ainsi, pour que les internautes puissent accéder à un site web, il faut impérativement lui trouver un nom. |
phpMyAdmin |
PhpMyAdmin est un logiciel libre de droits destiné à gérer l'administration d'un serveur de base de données MySQL ou MariaDB. Vous pouvez utiliser phpMyAdmin pour effectuer la plupart des tâches d'administration, y compris la création d'une base de données, l'exécution de requêtes et l'ajout de comptes utilisateurs.
|
Serveur DNS |
Le serveur DNS (Domain Name System) est un serveur spécifiquement utilisé pour faire correspondre les noms d'hôtes de sites web (comme prestashop.com) à leurs adresses IP (Internet Protocol) correspondantes. Le serveur DNS contient une base de données d'adresses IP publiques et de leurs noms de domaine correspondants. Par exemple, l’adresse IP du serveur PrestaShop est : 104.18.13.107. Chaque appareil connecté à l'internet possède une adresse IP unique qui permet de l'identifier, selon les protocoles IPv4 ou IPV6. Il en va de même pour les serveurs web qui hébergent les sites web. Les serveurs DNS nous évitent de mémoriser des nombres aussi longs dans les adresses IP (et des nombres alphanumériques encore plus complexes dans le système IPV6) car ils traduisent automatiquement les noms de sites web que nous saisissons dans la barre d'adresse du navigateur en ces nombres afin que les serveurs puissent charger les bonnes pages web. Le DNS est un système d'enregistrements de noms de domaine et d'adresses IP qui permet aux navigateurs de trouver la bonne adresse IP correspondant à un nom d'hôte URL saisi. Lorsque nous essayons d'accéder à un site web, nous saisissons généralement son nom de domaine, comme prestashop.com ou yateo.com, dans le navigateur web. Les navigateurs web ont toutefois besoin de connaître les adresses IP exactes pour charger le contenu du site web. Le DNS traduit les noms de domaine en adresses IP afin que les ressources puissent être chargées à partir du serveur du site web.
|