Site de e-commerce vendant en avant-première et en exclusivité une tennis révolutionnaire qui laisse respirer le pied grâce à un système d’aération unique.
La tennis cool est composé d’une semelle à la structure écliptique permettant à l’air de circuler et d’éviter que la chaussure ne colle à la peau. La face supérieure quant à elle comporte 7 ouvertures limitant la transpiration du pied pour vous assurer un confort optimal.
Plugins utilisés
Woocommerce :
Tout d’abord nous avons opté pour woocommerce pour la simplicité, notre site a un seul et unique produit à vendre.
La template retenue pour la création du site : Mystile était compatible avec un site de e-commerce, elle contenait déjà le plugin woocommerce et il a suffit de paramétrer les options par le back-office de wordpress dans WooCommerce.
À savoir le pays, la monnaie, la zone de livraison, la TVA, etc
Ensuite il a fallu créer une fiche par produit, l’intégration est facile il suffit de cliquer sur Produits dans le back-office et de composer le descriptif de l’objet à vendre, tout comme on le fait pour un article wordpress normal. Des options sont à spécifiées pour faire en sorte de laisser un choix de taille au client.
PayPal :
Pour la solution de paiement sur le site e-commerce Coool, nous avons retenu Paypal qui permettait de gérer en version business le paiement par carte bancaire de façon sécurisée et qui n’engendrait pas de frais bancaires (seule une commission modérée est prise sur les ventes).
Pour le réglage il faut bien sûr avoir un compte Paypal business qui vous demande un RIB – Paypal fera une vérification et vous demandera de constater l’opération sur votre compte bancaire en faisant un crédit et un débit.
Slider by subsystic :
Notre template n’avait pas de slideshow intégré, nous avons retenu un plugin qui nous permettait d’intégrer un slideshow sur notre homepage. Sur un site de E-commerce cela nous permet de voir le ou les produits en action ou différents angles.
Pour l’accueil cette page n’est pas une page statique, nous avons modifié le code html de la page pour intégrer les différents contenus – Le slideshow et les 2 colonnes de texte.
Pour le réglage du slideshow tout se passe dans le backoffice, il faut au préalable créer ses images avec Photoshop ou Gimp au format de votre slideshow, après avoir fait un export pour le web afin d’optimiser le poids de vos fichiers.
Ensuite créer un nouveau slide et lui donner un nom, ce qui va, automatiquement, vous donner le shortcode à intégrer dans vos pages pour le faire apparaitre, en choisissant un modèle dans la liste (en version gratuite 3 choix de slideshow).
Il faut ensuite régler les différentes options : taille (largeur, hauteur), les effets, les délais de transition, etc.
Vous importerez les différents visuels « slides » et ensuite vous sauvegardez votre travail, comme à l’habitude dans wordpress.
Il suffit d’intégrer le shortcode dans la page où vous souhaitez afficher un slideshow, enregistrez puis observez le résultat.
Read More
