Maintenant que vous avez terminé de développer votre site e-commerce en local, le moment est venu de le mettre en ligne.
Mais avant que des milliers d’internautes puissent avoir accès à votre boutique en ligne, voici les différentes étapes par lesquelles nous allons devoir passer :
Si vous souhaitez avoir de l’aide pour mettre en ligne votre boutique PrestaShop, déposez gratuitement un projet sur Codeur.com et travaillez avec un freelance qualifié.
Sommaire :
Avant de migrer votre site e-commerce en ligne, voici ce dont vous aurez besoin :
Le serveur d’hébergement va être l’endroit où seront stockées l’ensemble des informations de votre boutique en ligne.
De nombreuses plateformes vous permettent d’acheter votre hébergement, les plus connus étant OVH, 1and1 ou encore 772424.
Le nom de domaine correspond à l’url de votre site, par exemple www.maboutique.com.
La plupart du temps vous pourrez acheter votre nom de domaine en même temps que votre hébergement.
Lorsque vous choisissez votre nom de domaine, pensez à respecter les règles suivantes :
Afin de transférer votre site local vers votre serveur en ligne, nous allons devoir utiliser un logiciel FTP, pour « File Transfer Protocol ».
Nous vous conseillons d’utiliser FileZilla. Ce logiciel est gratuit, simple d’utilisation et très bien documenté.
Trouvez le meilleur prestataire PrestaShop pour votre projet rapidement et gratuitement sur Codeur.com
Vos premiers devis en 15 minutes
Gratuit et sans obligation
Déjà plus de 75 000 clients
Souvenez-vous, lorsque vous avez créé votre site e-commerce en local, vous aviez dû mettre les fichiers d’installation de PrestaShop dans le dossier htdocs de MAMP.
Tous les fichiers générés lors des modifications que vous avez effectué ont été enregistrées à cet endroit.
Cela signifie que la version de votre site actuel (que vous vous apprêtez à mettre en ligne) se trouve dans ce dossier prestashop.
Nous allons donc transférer ce dossier prestashop vers votre serveur en ligne.
Commencez par ouvrir FileZilla, puis connectez-vous en saisissant :
Ces identifiants FTP vous ont été envoyés par email par votre hébergeur.
Cliquez ensuite sur « Connexion rapide ».
Vous pouvez alors voir sur la partie gauche votre site local. C’est ici que vous retrouvez l’ensemble des fichiers présent sur votre ordinateur.
Sur la partie droite vous retrouvez votre site distant, c’est-à-dire les fichiers présents sur votre site e-commerce en ligne. Actuellement les dossiers sont vides puisque nous n’avons encore rien transféré.
Sur la partie droite, ouvrez le dossier « www » en double-cliquant dessus.
Sur la partie gauche, retrouvez le contenu du dossier prestashop, situé dans le dossier htdocs de MAMP. Sélectionnez l’ensemble des fichiers (et non le dossier) puis faites un clique-droit et cliquez sur « Envoyer ».
Votre site PrestaShop est presque totalement en ligne. Nous devons maintenant transférer votre base de données.
Ouvrez MAMP puis cliquez sur « Démarrer les serveurs ». Vous devriez être redirigé vers la page suivante :
Depuis le menu principal, rendez-vous sur « Outils » puis cliquez sur « phpMyAdmin ».
Dans le menu de gauche, repérez la base de données que vous avez créé pour votre site e-commerce en local (ici il s’agit de la base de données « prestashop »).
Cliquez sur le nom de votre base de données pour l’ouvrir.
Dans les onglets du haut, cliquez sur « Exporter ».
Sélectionnez « Personnalisée, afficher toutes les options possibles » pour la méthode d’exportation.
Laissez « SQL » pour le format et cochez « Enregistrer la sortie vers un fichier » pour la sortie. Vous pouvez laisser les autres paramètres par défaut.
Cliquez ensuite sur « Exécuter ».
Un fichier .sql du nom de votre base de données se télécharge alors sur votre ordinateur.
Maintenant que nous avons récupéré notre base de données, nous allons la mettre sur notre serveur, en ligne.
Vous allez devoir vous rendre sur le site de votre hébergeur et vous connecter à votre compte.
Pour la partie de ce tutoriel, nous allons vous détailler les étapes depuis l’hébergeur 1and1. Toutefois, la procédure sera sensiblement la même si vous êtes sur un autre hébergeur.
Dans le menu de gauche, cliquez sur « Base de données MySQL » puis sur le bouton « Créer une base de données ».
Saisissez les informations nécessaires pour la création de votre base de données puis cliquez sur « Enregistrer ».
Nous vous conseillons de noter le mot de passe car il pourra vous être utile à l’avenir.
Patientez pendant la configuration de votre base de données.
Vous serez ensuite redirigé vers les bases de données présentes sur votre hébergement.
Cliquez sur « Ouvrir ».
Vous arrivez alors dans la partie phpMyAdmin. C’est ici que nous allons pouvoir importer notre base de données PrestaShop.
Pour cela, cliquez sur l’onglet « Importer ».
Depuis « Parcourir » sélectionnez le fichier .sql que vous avez exporté. Veillez à ce que le format « SQL » soit bien sélectionné.
Cliquez sur « Exécuter ».
Votre base de données PrestaShop se trouve maintenant sur votre serveur et votre site e-commerce est presque entièrement en ligne.
Il s’agit de la dernière étape pour mettre en ligne votre boutique Prestashop. Nous allons devoir faire communiquer votre base de données à votre site e-commerce.
Retournez dans votre dossier prestashop. Rappelez vous, le notre est encore situé dans le dossier htdocs de MAMP.
Ouvrez le fichier « settings.inc.php » situé dans le dossier « config » avec un éditeur de texte (par exemple l’application TextEdit sur Mac ou encore Sublime Text).
À ce stade, je vous conseille de faire une copie de ce fichier afin d’avoir une version qui fonctionne pour votre boutique PrestaShop.
Une fois la copie créée, voici ce que vous devez modifier :
Nous avons terminé de mettre à jour ce fichier. N’oubliez pas de l’enregistrer.
Il va maintenant falloir le remettre en ligne puisque nos modifications ne sont présentes que sur notre ordinateur.
Retournez sur FileZilla et retrouvez le fichier « settings.inc.php » sur votre site local.
Dans la partie droite, site distant, retrouvez également ce fichier.
Faites un clic-droit sur le fichier local et cliquez sur « Envoyer » pour le mettre à jour sur votre serveur. Une petite fenêtre s’ouvre afin de préciser votre action. Vous pouvez cocher « Remplacer » et cliquez sur « Ok ».