Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL 4 e édition
Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et fiable. Cependant, Pearson Education France n assume de responsabilités, ni pour son utilisation, ni pour les contrefaçons de brevets ou atteintes aux droits de tierces personnes qui pourraient résulter de cette utilisation. Les exemples ou les programmes présents dans cet ouvrage sont fournis pour illustrer les descriptions théoriques. Ils ne sont en aucun cas destinés à une utilisation commerciale ou professionnelle. Pearson Education France ne pourra en aucun cas être tenu pour responsable des préjudices ou dommages de quelque nature que ce soit pouvant résulter de l utilisation de ces exemples ou programmes. Tous les noms de produits ou autres marques cités dans ce livre sont des marques déposées par leurs propriétaires respectifs. Publié par Pearson Education France 47 bis, rue des Vinaigriers 75010 PARIS Tél. : 01 72 74 90 00 www.pearson.fr Mise en pages : TyPAO Collaboration éditoriale : Hervé Guyader ISBN : 978-2-7440-2380-4 Copyright 2009 Pearson Education France Tous droits réservés Aucune représentation ou reproduction, même partielle, autre que celles prévues à l article L. 122-5 2 et 3 a) du code de la propriété intellectuelle ne peut être faite sans l autorisation expresse de Pearson Education France ou, le cas échéant, sans le respect des modalités prévues à l article L. 122-10 dudit code. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc.
Table des matières 1 Introduction au monde du e-commerce....................... 1 Comment utiliser ce livre?....................................... 2 Une boutique en ligne, mais pas n importe comment............. 3 Bien penser la stratégie de sa boutique.......................... 3 Le statut juridique........................................... 4 Déclaration à la CNIL........................................ 7 Comment procéder?............................................. 8 Les différentes étapes de la création............................... 10 Le design....................................................... 11 Partie I Mise en place technique d une boutique 2 Bien choisir son hébergeur.................................... 15 Les offres dédiées................................................ 15 L hébergement généraliste........................................ 17 3 Mise en place d un serveur de développement............... 21 Comment fonctionne un site dynamique?......................... 21 Les avantages d un site dynamique............................. 21 Anatomie d un site dynamique................................ 23 La technologie PHP en détail..................................... 24 Présentation générale........................................ 25 PHP dans vos pages.......................................... 25 Les bases de données MySQL................................. 28 Dernière brique, un serveur Apache............................. 30
VI CRÉER UN SITE E-COMMERCE AVEC DREAMWEAVER CS4 ET PHP/MYSQL Installation de WampServer 2.0 sur un système Windows........... 31 Présentation et téléchargement................................. 31 Installation de WampServer 2.0................................ 32 Mise en marche des serveurs.................................. 34 Configuration de l environnement de développement............... 36 Nommage de la base de données............................... 37 Définition des utilisateurs..................................... 39 Création du répertoire de développement........................ 41 Création du profil de site dans Dreamweaver CS4.................. 41 Présentation rapide de Dreamweaver............................ 41 L assistant Profil de sites...................................... 42 Localisation du serveur de développement....................... 43 Connexion au serveur distant.................................. 47 4 Spécifications et création de la base de données............. 51 Spécification des pages d un site web.............................. 52 Arborescence du site......................................... 53 Spécification des pages....................................... 58 Réalisation des maquettes........................................ 67 Définition de la structure de la base de données.................... 68 Communication entre le site et la base de données................ 69 Conseils génériques à la conception de la base de données.......... 69 Base de données de la boutique en ligne......................... 70 Création des tables dans phpmyadmin............................ 76 Remplissage des tables MySQL................................... 84 Connexion à la base de données dans Dreamweaver CS4......... 86 Création d une page blanche................................. 86
TABLE DES MATIÈRES VII Le panneau Bases de données................................. 87 Création d une connexion pour un site PHP...................... 88 Fichier de connexion......................................... 90 5 Création d un catalogue en ligne............................. 93 Fonctionnement théorique........................................ 94 Définition de jeux d enregistrements.............................. 95 Le panneau Liaisons......................................... 96 Création d un jeu d enregistrements simple...................... 96 Insertion de contenu dynamique.................................. 104 Données dynamiques........................................ 104 Définition dynamique d une image............................. 106 Aperçu des données.............................................. 109 Aperçu dans le navigateur..................................... 109 Aperçu dans Dreamweaver.................................... 110 Finalisation de la page de description.............................. 112 Création avancée de jeux d enregistrements...................... 113 Affichage du nom de l auteur.................................. 118 Affichage des catégories d annuaire............................ 122 Mise en place de la page Auteur................................... 123 Création des jeux d enregistrements............................ 124 Régions répétées............................................ 126 Navigation page à page....................................... 129 Numérotation des enregistrements.............................. 132 Détail de l annuaire.............................................. 134 Note sur les comportements de serveur............................ 135 Le panneau Comportements de serveur.......................... 136 Modification d un comportement de serveur..................... 136
VIII CRÉER UN SITE E-COMMERCE AVEC DREAMWEAVER CS4 ET PHP/MYSQL 6 Installation d un moteur de recherche........................ 139 L utilisation des actifs sur un site dynamique....................... 140 Création du formulaire de recherche.............................. 141 Création physique du formulaire............................... 141 Nommage des éléments...................................... 143 Action!................................................... 143 Les actifs........................................................ 145 Le panneau Actifs........................................... 145 Création d un élément de bibliothèque.......................... 147 Insertion d un élément de bibliothèque dans une page............. 148 Mise à jour des éléments de bibliothèque........................ 150 Page de résultat................................................. 154 Jeux d enregistrements....................................... 154 Affichage des résultats sur la page.............................. 156 7 Accueil des clients et ouverture des comptes................. 159 Les clients dans la base de données............................. 160 Sessions PHP............................................... 162 Création d un client à l aide des assistants......................... 162 Assistant de formulaire d insertion d enregistrement.............. 162 Finalisation du formulaire..................................... 168 Vérification des doublons..................................... 171 Connexion, déconnexion des utilisateurs........................... 174 Connecter l utilisateur........................................ 174 Déconnecter l utilisateur...................................... 177 La section Client du site.......................................... 178 Création d une page à accès restreint........................... 179 Mise à jour des informations personnelles du client............... 181
TABLE DES MATIÈRES IX Reconnaître un utilisateur dans une zone non restreinte............ 185 Intégration du formulaire de connexion........................... 186 8 Gérer les commandes des clients.............................. 189 Un peu de théorie................................................ 189 Modification du descriptif des produits.......................... 190 Gestion du panier............................................ 190 Validation du panier......................................... 191 Modification de la page de description des articles.................. 192 Mise en place d un lien Acheter................................ 192 Lien vers le panier........................................... 196 Mise en place de l affichage conditionnel........................ 197 Création du panier.............................................. 200 Affichage d une ligne de panier................................ 201 Modification de la quantité d articles........................... 204 Suppression d un article...................................... 206 Affichage de la totalité du panier............................... 208 Validation de la commande....................................... 210 Bouton de validation sur panier.php............................ 211 Ajout de la commande à la base de données...................... 212 Page de validation............................................... 213 Résumé des commandes.......................................... 218 9 Paiement et facturation....................................... 221 PayPal, une solution de paiement en ligne.......................... 222 Inscription à PayPal France...................................... 224 Configuration de l interface de paiement........................ 227
X CRÉER UN SITE E-COMMERCE AVEC DREAMWEAVER CS4 ET PHP/MYSQL Intégration du lien de paiement au panier......................... 229 Retour à votre boutique après paiement........................... 232 Vérification des paiements en attente dans PayPal.................. 233 Gestion des factures............................................. 233 Les autres solutions de paiement.................................. 234 10 Mise en place d une plate-forme d administration............ 235 Quelle architecture et quelles fonctionnalités?..................... 235 Les droits d accès................................................ 237 Mettre à jour les fiches produits existantes......................... 237 Lister les produits du catalogue................................ 237 L assistant pages Principale-Détails............................. 238 Création de la page de détail.................................. 240 Modifier un produit.......................................... 242 Supprimer un produit du catalogue............................... 245 Insérer de nouveaux produits..................................... 245 Protection de l interface d administration......................... 246 Partie II La relation client, point central du site e-commerce 11 Un site sécurisé inspirant confiance............................ 251 L obligation d information à l égard de l internaute................ 251 Protéger son site webmarchand................................... 256 Utiliser les plates-formes de paiement bancaires.................... 258 L offre CM-CIC P@iement................................... 259
TABLE DES MATIÈRES XI L offre e.transactions du Crédit Agricole........................ 260 Sogenactif de la Société Générale.............................. 262 Autres banques, autres solutions............................... 263 Souscrire à une assurance : Fia-Net............................... 264 Le logo Fia-Net : un gage de sécurité et de transparence........... 265 La présence d une fiche descriptive de votre site.................. 266 L interface Fia-Net.......................................... 266 Le coût de Fia-Net........................................... 268 12 Support et aide pour guider le client lors de son achat....... 269 L importance d une bonne ergonomie............................. 269 Des fiches produits claires et faciles d accès..................... 273 Les clés pour éviter l abandon de panier........................... 274 Les rubriques d aide et de contact................................ 276 Foire aux questions.......................................... 276 Intégration de l aide sur le site................................. 277 La rubrique contact.......................................... 277 13 Statistiques de fréquentation et de vente..................... 279 Google Analytics................................................. 279 La mise en place............................................ 280 La création d un profil sur Google Analytics..................... 281 La gestion des informations................................... 283 Xiti.com........................................................ 290 La mise en place............................................ 290 La gestion des informations................................... 291
XII CRÉER UN SITE E-COMMERCE AVEC DREAMWEAVER CS4 ET PHP/MYSQL 14 Vers une boutique 2.0........................................ 295 Le Social Marketing, pourquoi faire?............................. 296 Mettre les produits en avant...................................... 297 Des propositions contextuelles basées sur les clients................. 299 Principe général............................................. 300 Création d une requête....................................... 300 Mise en place............................................... 302 Interagir avec les clients?........................................ 303 Partie III Premiers pas en marketing, faire connaître sa boutique en ligne 15 Référencement naturel........................................ 307 De l importance des mots clés..................................... 308 La page d accueil............................................ 308 Mots clés des pages de catalogue............................... 311 Optimisation des pages........................................... 311 Les balises de référencement.................................. 312 Intégration des balises d en-tête, avec Dreamweaver............... 312 Optimisation du texte des pages................................ 314 Tisser des liens.................................................. 316 Qu est-ce que le Net Linking?................................ 316 Les étapes d une stratégie..................................... 317 Le recours au fichier Sitemaps.................................... 318 Le principe du protocole Sitemaps............................. 318 La mise en place de Sitemaps.................................. 318 L inscription au service Google Outils pour Webmaster.......... 320 Déclarez vos fichiers au protocole Sitemaps...................... 321
TABLE DES MATIÈRES XIII Les techniques d exclusion d indexation........................... 324 Syntaxe du fichier Robots.txt.................................. 325 Mise en place du fichier...................................... 326 16 Référencement payant........................................ 327 Quelques préalables............................................. 328 L étude concurrentielle..................................... 328 Préparez votre future campagne................................ 328 Google AdWords................................................ 332 Créer son compte............................................ 332 Gérer son compte............................................ 339 Yahoo! Search Marketing........................................ 347 Créer son compte............................................ 347 Gérer sa campagne.......................................... 350 Microsoft adcenter.............................................. 356 Créer son compte............................................ 356 Gérer sa campagne.......................................... 360 L optimisation d une campagne de liens sponsorisés................ 364 L optimisation de votre campagne.............................. 364 L optimisation de votre site web............................... 366 17 Utiliser les comparateurs de prix.............................. 369 Kelkoo, la plate-forme commerçante de Yahoo..................... 370 Le Guide.com................................................... 372 Shopping.com................................................... 373 Twenga......................................................... 374
XIV CRÉER UN SITE E-COMMERCE AVEC DREAMWEAVER CS4 ET PHP/MYSQL 18 Faire appel aux services d affiliation.......................... 377 Le principe de l affiliation........................................ 378 Une relation affilieur, affilié et plate-forme d affiliation............ 378 Une offre commerciale performante............................ 378 Les différents modes de fonctionnement/de facturation............ 378 Votre programme d affiliation.................................... 383 Le choix d un réseau d affiliation.............................. 383 La mise en place d un programme d affiliation................... 384 S assurer de la performance de la campagne..................... 385 19 L exploitation de votre base e-mail.............................. 387 La conception de votre newsletter................................. 388 La gestion de vos mailings lists.................................... 391 Index.......................................................... 393