E-Commerce pour les Nuls

Vous avez peu, ou pas de connaissances en programmation ou en design de site web mais voulez vendre vos produits sur Internet? Vos moyens financiers sont très limités?

J'ai trouvé une solution efficace et extrêmement simple qui permet de construire rapidement un site web avec une allure assez professionnelle (tout dépend du temps que l'on y met) facile à modifier et à entretenir! Voici un tutoriel étape par étape de ce dont vous avez besoin (voir un exemple):

1- Ouvrir un compte Blogger

La première étape consiste à créer un blog. Pourquoi un blog? C'est gratuit, on vous fourni une adresse, une structure et une façon rapide et simple d'ajouter du contenu sans posséder de logiciel ou de connaissances techniques avancées. Vous croyez qu'un blog sert seulement qu'à publier des messages pour raconter sa vie sur Internet? Vous allez découvrir qu'il y existe plusieurs autres fonctions très intéressantes!

1. Se rendre sur le site de Blogger.
2. Cliquer sur Créer un Blog. Si vous ne possédez pas de compte Google, on vous demandera d'en créer un. Poursuivez en suivant les étapes.
3. Choisir le nom du blog.
4. Choisir un modèle. Pour l'étape du modèle, vous pouvez choisir n'importe lequel dans ceux qui vous sont proposés. Vous pourrez ensuite personnaliser tout le contenu à votre goût.

2- Modifier l'apparence

En ce qui concerne l'apparence, vous avez 3 choix.

1. Conserver le modèle actuel (celui founi par Blogger). Passer à l'étape 4 si vous choisissez cette option.
2. Trouver un modèle (Template) sur Internet (Rechercher dans Google quelque chose comme "Blogger Template")
3. Télécharger mon modèle. J'ai prit le temps de confectionner un modèle adapté spécialement pour un site de e-commerce (voir l'exemple). Je base le reste du tutoriel sur ce modèle. Il n'est pas obligatoire, mais recommandé. Vous pouvez le télécharger ci-dessous pour seulement 2€.
   

Les couleurs, les images, le contenu et la position des objets sont toujours personnalisables et modifiables.

3- Installer un modèle

1. Si vous avez trouvé un modèle de blog sur Internet ou si vous avez téléchargé mon modèle, vous devez décompresser le fichier .zip (e-commerce-template-fr.zip) pour en extraire le fichier .xml (e-commerce-template-fr.xml). L'extraire dans un dossier sur votre ordinateur où vous pourrez le retrouver par la suite.
2. Se rendre au tableau de bord de Blogger.
3. Cliquer sur Mise en page sous le blog correspondant.
4. Cliquer sur Modifier le code HTML sous l'onglet Mise en page.
5. Récupérer le fichier .xml extrait a priori (Transférez un modèle à partir d'un fichier de votre disque dur
   

4- Personnaliser la page

La section de la personnalisation est assez facile dans Blogger. Sous l'onglet Mise en page, changez les couleurs et les polices d'écrituer à votre gré dans la section Police et couleurs. Toujours sous Mise en page, essayez d'ajouter, d'enlever ou de modifier des éléments dans Éléments de la page. L'originalité de votre page dépendra du temps investi dans cette section.
Plus vous choisissez un modèle complet, plus il sera difficile de modifier vos paramètre personnels. À peu près tout (sauf la structure de base) est personnalisable dans le modèle que je vous propose.

Modèle de blog e-commerce

5- Recevoir les paiements de futurs clients

Évidemment, le but d'étaller ses produits à vendre sur le Web est premièrement de les vendre et deuxièmement, espérer faire de l'argent! À mon avis, la façon la plus simple et la plus sécure pour transférer de l'argent sur Internet reste PayPal. Les consommateurs commencent à avoir l'habitude d'entendre ce nom et leur font généralement confiance. Croyez moi, vos futurs clients aimeront mieux fournir leur numéro de carte de crédit à une entreprise reconnue que de vous le donner directement à vous!
Si vous avez déjà un compte PayPal, passez directement à l'étape 6. Sinon, voici comment en créer un.

1. Se rendre sur le site de PayPal.
2. S'inscrire.
3. Choisir un type de compte Premier (recommandé pour des petites entreprises) ou Business.
4. Suivre les instructions

6- Ajouter un item

C'est ici que le blog devient très intéressant! Habituellement, un blog sert à publier des messages. Ces messages sont classés par Blogger selon la date, le titre et les mots clés reliés à ceux-ci. Alors automatiquement, votre blog affichera par défaut les items les plus récents, mais vos clients pourront aussi facilement trier ceux-ci par mots clés et même faire des recherches par titre, date ou mot clé. Publier un message sur un blog, c'est tout sauf compliqué... publier un item sur son nouveau site transactionnel, ce n'est pas bien bien plus compliqué, on devra seulement que rajouter une petite étape très importante, la transaction!

1. Se rendre au tableau de bord de Blogger.
2. Cliquer sur Nouveau message.
3. Dans Titre, entrer le nom de votre produit.
4. Cliquer ensuite sur Modifier le code HTML.
   
   
   
5. Cliquer sur l'icone Ajouter une image (Petit dessin d'une photo, habituellement la 2e à partir de la droite).
6. Ajouter une image à partir de votre ordinateur. Évidemment, vous devrez avoir prit une bonne photo de votre item a priori.
7. Choisissez Aucun dans mise en page.
8. Cliquer sur Envoyer une image. Ne pas publier le message tout de suite.
   
   
   
   Voici la partir importante:
   
   
   
9. Se rendre sur son compte PayPal.
10. Cliquer sur l'onglet Solutions e-commerce.
11. Cliquer sur Bouton Ajouter au panier.
12. Suivre les instructions. Cette partie peut être un peu plus compliquée pour un nouvel utilisateur mais une fois habitué, elle prend moins d'une minute. Pour de l'aide concernant la création de boutons sur PayPal, se référer à l'aide de PayPal.
13. Une fois le bouton créé, copier le code du bouton fourni par PayPal.
14. Retourner au message dans le Code HTML. Vous devriez voir quelquechose qui ressemble à ceci:
    
    
    
    

    <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="image1.jpg"><img style="cursor:pointer; cursor:hand;width: 800px; height: 600px;" src="image1.jpg" border="0" alt="" /></a>

    
    Coller le code du bouton immédiatement à coté du dernier caractère
    (soit: </a>)
15. Pour avoir une belle mise en forme, tenter de supprimer tous les sauts de lignes non nécessaires, idéalement directement dans le code HTML. Il est aussi possible de cliquer sur l'onglet Rédiger dans le haut du message et tenter de supprimer les sauts de ligne sous la photo, mais il faut faire attention car avec cette méthode, il arrive qu'on puisse effacer accidentellement les propriétés du code qui fait en sorte que le bouton fonctionne.
16. Entrer, si désiré, un petit texte sous le bouton pour décrire votre item.
17. Ajouter des libellés pour ce message. Ce sont les mots clés qui aideront au classement de votre item sur le site (ex: catégorie, couleur, format...).
18. Cliquer sur Publier le message. Voilà! C'est terminé! Votre premier item est publié et prêt à être vendu. Répeter pour chaque nouvel item.

7- Créer un bouton Afficher le panier

Pour les utilisateurs du modèle que je vous ai proposé, vous pouvez ajouter un bouton Afficher le panier, qui permet à vos clients d'acheter plusieurs items lors de la même transaction.

1. Après avoir créé votre bouton pour votre item, sous le code généré par PayPal, vous avez l'option de Créer un bouton Afficher le panier. Cliquer sur ce lien et créer le bouton.
2. Sélectionner et copier le code.
3. Se rendre au tableau de bord de Blogger.
4. Dans Mise en page, sélectionner Éléments de la page. Vous voyez alors les éléments qui apparaissent dans votre page.
5. Dans la section de droite, vous avez un petit encadré écrit HTML/JavaScript (directement au dessus de Rechercher un lien). Cliquer sur Modifier.
6. Remplacer le code existant par le code du bouton Afficher le panier que vous venez de créer.