Auteur/autrice : admin4094

  • Comment configurer la facturation pour vos campagnes Microsoft Advertising ?

    Comment configurer la facturation pour vos campagnes Microsoft Advertising ?

    Beaucoup d’entreprises n’y pensent pas mais les campagnes Microsoft Advertising peuvent s’avérer être des campagnes très vertueuses en comparaison avec les campagnes Google Ads, et cela est dû au faite de Microsoft est arrivé sur ce marché lorsque Google Ads (à l’époque appeler Adwords) était déjà bien établit avec un quasi-monopole, mais aussi du fait qu’il y a moins d’annonceurs, les enchères sont donc moins élever et les ROAS peuvent être meilleurs.

    Pour bénéficier des avantages du canal d’acquisition Microsoft Advertising et augmenter votre chiffre d’affaire, l’étape indispensable est le paramétrage de votre modèle de facturation. On vous explique tout dans les étapes qui suivent.

    Configurer votre facturation Microsoft Advertising

    Avant de pouvoir activer vos campagnes et diffuser vos annonces, vous devez faire certains choix quant à la façon dont vous serez facturé. La plus part des entreprises utilisent le seuil de post-paiement, ce qui veut dire que vous payez pour les clics une fois les coûts cumulés, et non avant. Il existe 2 autres options de facturation en plus du post-paiement, à savoir le prépaiement et la facturation mensuelle.

    Définir votre facturation

    Lorsque vous serez prêt à lancer vos campagnes Microsoft Advertising, vous devrez définir vos informations de facturation. Pour rappel, les annonces Microsoft Advertising sont payées au clic, c’est-à-dire que vous ne payez que lorsque quelqu’un clique sur votre annonce.

    Ci-dessous les étapes pour rentrer vos informations de facturation lorsque vous ouvrez votre compte Microsoft Advertising pour la 1ère fois :

    1. Sélectionnez Outils, puis Facturation et paiements.
    2. Cliquez sur Modes de paiement dans le menu principal.
    3. Cliquez sur Ajouter une carte ou un autre moyen de paiement de votre choix.
    4. Sélectionnez le pays/région de l’adresse de facturation, puis vos options de facturation, dont la méthode de paiement (paramètre de paiement) et le moyen de paiement (moyen de paiement).
    5. Indiquez toutes les informations requises selon la méthode de paiement sélectionnée.

    Fonctionnement des comptes de solde de post-paiement

    Avec les comptes de seuil de post-paiement, Microsoft Advertising vous facture automatiquement à votre date de facturation mensuelle (jour du mois de votre inscription) ou lorsque vos frais atteignent un montant spécifique. Ce montant prédéterminé, appelé seuil de facturation, est la limite de crédit de votre compte. Lorsque vous effectuez des paiements, votre seuil de facturation augmente.

    Fonctionnement de la facturation mensuelle et de l’ordre d’insertion

    Microsoft advertising

    Lorsque que le service de facturation mensuelle est configuré pour votre compte, vous devez avoir un ordre d’insertion actif pour que vos annonces puissent être diffusées. Un ordre d’insertion est un contrat qui détermine le montant maximal que vous dépenserez pour votre compte sur une période spécifiée. Vous contrôlez toujours vos dépenses à l’aide de votre budget de campagne, et vous serez facturé uniquement pour les frais accumulés. Par exemple, si vous avez un ordre d’insertion d’un mois de 1 000€ et que vous n’avez accumulé que 900€ de frais sur la période de facturation, Microsoft débitera 900€ de votre budget d’ordre d’insertion.

    Lorsque vous créez un ordre d’insertion, il devient actif à partir de la date de début.

    Voici comment créé un ordre d’insertion avant de lancer vos campagnes sur un modèle de facturation mensuelle.

    1. Sélectionnez Outils, puis Facturation et paiements.
    2. Sélectionnez Ordres d’insertion dans le menu principal.
    3. Sélectionnez Créer un ordre > Ordre d’insertion pour ouvrir le formulaire d’ordre.
    4. Sélectionnez le compte.
    5. Entrez la Date de début, la Date de fin, qui peut être une date spécifique, ou aucune date de fin, et le montant du Budget, qui peut être défini ou illimité.
    6. Facultatif : Sous Bon de commande, indiquez le numéro de bon de commande fourni par le système de notes de frais de votre entreprise afin d’effectuer le suivi de cet ordre d’insertion.
    7. Facultatif : Sous Nom de l’ordre, nous vous conseillons de choisir un nom d’ordre simple et facile à identifier afin de facilement retrouver l’ordre d’insertion lorsque vous en gérez plusieurs.
    8. Facultatif : Sous Remarques, ajoutez tous les détails pouvant être utiles à propos de cet ordre d’insertion.
    9. Si vous souhaitez ajouter d’autres ordres d’insertion, sélectionnez Créer un autre ordre d’insertion.
    10. Une fois que vous avez terminé, sélectionnez Envoyer.

    Voilà le tour est joué il ne vous reste plus qu’à lancer vos campagnes et bénéficier du réseau de diffusion Microsoft pour augmenter la visibilité de vos plateformes.

  • La panne historique de Facebook

    La panne historique de Facebook

    Facebook et ses services affiliés ont arrêté de fonctionner pendant près de six heures à la suite d’une mauvaise configuration des routeurs backbone de l’entreprise.

    Cette panne est rentrée dans l’histoire déjà de par sa durée, mais aussi parce qu’elle intervient dans un contexte moins favorable pour Facebook car accusée de mentir sur sa politique de modération par une ancienne employée.

    Le champion des réseaux sociaux Facebook et ses services annexes – Instagram, WhatsApp, Messenger, Oculus et Workplace, ont été touchés par une panne de près de 6 heures. La coupure des services a affecté les utilisateurs du monde entier avec des impacts plus ou moins grave en fonction des pays et des types d’usages. En effet ne pas pouvoir échanger depuis Messenger avec des amies est moins grave que de ne pas pouvoir communiquer via WhatsApp avec des collaborateurs à l’autre bout de la planète pour une réunion planifiée, ou encore dans les pays où les outils Facebook ont littéralement remplacer les opérateurs téléphoniques.

    L’incident a débuté vers 16h le 04 octobre et a finalement été résolue vers minuit heure française. Concrètement l’incident s’est traduit côté web par l’impossibilité d’accéder aux sites internet Facebook avec des messages d’erreur qui indiquaient que les noms de domaine étaient introuvables, et côté application mobile cela s’est manifesté par des applications qui tournaient en boucle et qui n’arrivaient pas à se mettre à jour. Comme si un malheur ne pouvait pas arriver seul, en plus des sites et applications grand publique de Facebook, en interne l’incident technique a aussi impacter les employés notamment pour accéder à l’entreprise avec leur badge d’après le Tweet d’un journaliste du New York Times.

    Comprendre d’où venait la panne Facebook ?

    L’explication officielle fournie par les équipes techniques de Facebook est qu’il y a eu des changements de configurations opérés sur certains serveurs coordonnant le trafic réseau entre les différents Data Centers de Facebook, entraînant une réaction en cascade à l’origine de l’interruption de la communication entre les différents serveurs.

    En gros les serveurs DNS (Domaine Name System) faisant autorité pour le nom de domaine facebook.com ne répondaient pas aux différentes requêtes des serveurs ce qui a impliqué des non réponses côté utilisateurs.

    Pour mieux comprendre, voici un petit rappel Digital Info pour comprendre les bases d’internet.

    Le Domain Name System, généralement appelé DNS, en français c’est le « système de noms de domaine », qui est le service informatique utilisé pour traduire les noms de domaine Internet en adresse IP ou autres enregistrements. Et lorsqu’un DNS ne répond pas cela affiche des messages d’erreur relative au nom de domaine. C’est l’un des principes de base d’internet.

    Il est important aussi que connaitre la terminologie Internet ; le mot internet vient de la combinaison de ces 2 mots « interconnected networks » qui veut dire « Réseaux interconnectés », internet est donc un ensemble d’ordinateurs mis en réseaux et interconnectés entre eux et qui permet aux internautes et aux serveurs de communiquer de machine à machine via des IP (Internet Protocol).

    Dans cette infrastructure qu’est internet les noms de domaines jouent un rôle majeur, en effet ils permettent de traduire une adresse IP en un nom plus facile à mémoriser et à commercialiser. Par exemple il est plus facile de dire que l’adresse internet du Club de Judo est clubjudo.com au lieu l’adresse IP 12.245.67.89 (Cette IP est un exemple et bien entendu pas la vraie).

    Si le DNS ne répond plus, l’adresse ne peut plus être traduite et la ressource est inaccessible comme le cas de cet incident Facebook.

    Plus de détails techniques sur les causes de la panne

    Si nous rentrons un peu dans la technique, d’après l’explication des équipes Facebook qui se résume à une mauvaise configuration de serveurs, en allant plus loin on peut citer les raisons suivantes comme cause technique de la panne :

    • Le changement de configuration sur les routeurs backbone qui coordonnent le trafic réseau entre les Data Center Facebook qui n’a pas fonctionné.
    • La coupure de connexion faite par Facebook entre les sites gérant le stockage de leur données et de calculs et ceux qui connectent cette infrastructure au reste d’Internet.
    • Les routeurs qui ont automatiquement cessé d’émettre leur présence, ce qui les a rendus invisibles sur la toile car aucune réponse des DNS Facebook.
    • Et pour bien finir les systèmes de sécurités existants de Facebook pour éviter ce phénomène de château de carte n’a pas fonctionné pour prendre le relais suite à un bug.

    Les pertes engendrées par la panne pour Facebook

    D’après les estimations de la plateforme très réputé Bloomberg (https://www.bloomberg.com/news/articles/2021-10-04/zuckerberg-loses-7-billion-in-hours-as-facebook-plunges), depuis la dénonciation d’un employé sur mensonge Facebook concernant la modération des données des utilisateurs et la panne historique qui a mis hors ligne les produits phares de Facebook Inc, la fortune personnelle de Mark Zuckerberg a chuté de plus de 6 milliards de dollars en quelques heures, le faisant tomber d’un rang dans le classement des personnes les plus riches du monde.

    La baisse des actions de lundi a fait chuter la valeur de Zuckerberg à 121,6 milliards de dollars, le faisant passer sous Bill Gates au n ° 5 de l’indice Bloomberg des milliardaires. Il est en baisse de près de 140 milliards de dollars en quelques semaines, selon l’indice.

    En effet depuis l’annonce du 13 septembre du Wall Street Journal publiant une série d’articles basés sur une cache de documents internes, révélant que Facebook était au courant d’un large éventail de problèmes avec ses produits, tels que les dommages causés par Instagram à la santé mentale des adolescentes et la désinformation sur les émeutes du Capitole du 6 janvier – tout en minimisant les problèmes en public. Les rapports ont attiré l’attention des responsables gouvernementaux et, lundi, la dénonciatrice s’est révélée.

    Depuis une vente massive a fait chuter les actions du géant des médias sociaux de 4,9% lundi, ajoutant à une baisse d’environ 15% depuis la mi-septembre.

    La fin de la panne mais pas du scandale Facebook

    On peut officiellement dire que la panne technique survenue le 04 octobre est maintenant derrière, à croire le Tweet de Marc Zuckerberg

    Crédit photo : Photo de Luca Sammarco provenant de Pexels

  • Comment changer l’apparence des filtres sur Prestashop ?

    Comment changer l’apparence des filtres sur Prestashop ?

    Les filtres ou navigation à facette sont très utiles lorsque vous avez un catalogue fournit, car cela permet aux visiteurs d’aller vers ceux pour quoi ils visitent votre site.

    Pour modifier l’apparence de vos filtres, rien de plus simple aujourd’hui de passer d’un style d’affichage sous forme de case à cocher à une liste déroulante ou bouton radio. Pour ce faire, suivez les étapes ci-dessous pour vous donner plus de liberté sur l’esthétique de vos filtres :

    • Allez dans module > module manager
    • Tapez « Navigation à facette » dans le moteur de recherche pour accéder au module qui gère cet élément.
    • Afficher votre filtre (navigation à facette) en haut de votre page catégorie

    Si vous utilisez le template par defaut de Prestashop, l’affichage du filtre est possible que sur la page listing des produits, pour l’afficher il vous suffit de gréffer le module sur le Hook « displayContentWrapperTop » (quelques ajustement via les feuilles de styles sont à prévoir – theme/votre_theme/assets/custom.css) ou sur « displayLeftColumn »  pour revenir à l’original.

    Selon votre environnement il serait nécessaire de vider vos caches pour voir la modification.

  • Passer sa boutique Prestashop en https

    Passer sa boutique Prestashop en https

    Au préalable vous devez soit acheter un certificat SSL chez un vendeur et l’installer sur votre hébergement. Ou si vous travaillez avec les gros hébergeurs du marché tel qu’OVH ou Hostgator par exemple, le certificat est souvent proposé avec l’hébergement. Dans ce cas il faut se rendre dans la console d’administration et activer le certificat SSL sur votre hébergement.

    • Une fois cette étape réalisée, connectez-vous à votre administration Prestashop et allez dans « Configuration » dans le menu en bas
    • Ensuite cliquer sur « Paramètres généraux »
    • Mettre le champ « Activer le SSL » sur « OUI ».

    Si vous possédez un certificat SSL associé à votre nom de domaine, vous pouvez activer le cryptage SSL (https://) pour l’identification des clients et le processus de commande.

    • Dernière étape, mettre le champ « Activer le SSL sur tout le site» sur « OUI ».

    Quand cette option est activée, toutes les pages de votre boutique seront sécurisées par votre certificat SSL.

    Cela donne ça en back office

  • Magento Commerce devient Adobe Commerce

    Magento Commerce devient Adobe Commerce

    Depuis mai 2018 le géant Adobe a fait l’acquisition de la solution Magento, la plateforme e-commerce la plus utilisée dans le monde. En 2021 nous passons maintenant dans la phase de changement de nom et l’addition de nouvelles fonctionnalités.

    Le 21 avril 2021 Adobe et Magento ont fait un communiqué via un twitte officiel indiquant très clairement que la plateforme e-commerce de Magento fait entièrement parti de la famille Adobe.

    Cette annonce arrive en effet 3 ans après l’annonce d’acquisition d’Adobe de la solution e-commerce Magento pour un montant de 1.68 milliard USD. D’après Adobe l’objectif de cette acquisition vise à améliorer les solutions Adobe Cloud, la suite marketing et commerciale d’Adobe.

    Magento s’imbriquerait dans l’écosystème déjà bien fourni d’Adobe au côté de produits bien connus tels que la plate-forme de données Adobe Analytics, le système de gestion de contenu et d’actifs Adobe Experience Manager, l’outil d’automatisation du marketing Adobe Marketo, Adobe Creative Suite pour les créations de supports digitaux et bien plus.

    Qu’est-ce que le changement Magento Commerce en Adobe Commerce  apportera à vos business ?

    L’ajout de Magento fournira une intégration transparente des capacités de commerce électronique aux clients d’Adobe, permettant ainsi d’utiliser une plate-forme unique qui sert à la fois les clients B2B et B2C dans le monde. L’intégration dans l’environnement de transformation numérique Adobe Experience permettrait aux entreprises d’utiliser des solutions commerciales hautement personnalisées et centrées sur le client. Cette acquisition promet d’être un développement gagnant-gagnant pour Adobe, Magento et leurs clients.

    Avec Magento, les clients Adobe bénéficieraient du fort historique de développement et d’expertise de Magento dans le domaine du e-commerce. Pour comprendre ce qui a fait de cette plate-forme l’une des solutions les plus populaires sur le marché, voici quelques notions dont bénéficieraient les clients Adobe.

    Pour la petite histoire de la création de Magento

    Magento est une idée originale de deux amis d’université – Roy Rubin et Yoav Kutner, tous deux étudiants de l’UCLA. La société nouvellement fondée de Rubin et Kutner a décroché un gros contrat pour la création d’un site Web de commerce électronique, mais ils ont estimé qu’osCommerce, la solution de commerce électronique la plus populaire de l’époque, n’était pas assez bon pour ce qu’ils voulaient construire.

    S’inspirant d’osCommerce, ils ont développé leur propre plate-forme et l’ont publiée sous licence open source en 2008. Le nom vient de la couleur « magenta » qu’ils ont utilisée dans le logo. La petite histoire raconte que le nom de domaine « magenta » était déjà pris, ils l’ont donc changé en une version masculine : Magento.

    Les clés du succès de Magento qui devrait propulser Adobe

    L’une des fortes démarcations qu’a eu Magento dans ces débuts était d’utiliser une architecture ouverte et le framework le plus populaire des années 2000 à savoir le couple PHP-MySQL. Avec ce choix stratégique Magento est rapidement devenue l’une des plateformes de commerce électronique à la croissance la plus rapide, remportant plusieurs prix dans le domaine des logiciels Open Source.

    Le prochain fait marquant dans le succès de Magento est venu en 2011, avec son achat par eBay. A l’époque eBay cherchait à renforcer sa communauté de développeurs de commerce électronique mais cette cohabitation n’a pas duré longtemps, en 2015 Magento était à nouveau une entité distincte.

    Dès sa sortie d’eBay Magento lance 2016 la version Entreprise qui viendra en plus de la version communautaire déjà une référence dans les solutions Open source e-commerce. Cette version « Corporate » offre une flexibilité et un potentiel de croissance importante et jamais égalé pour les utilisateurs, notamment au niveau des extensions additionnelles que pouvaient ajouter les entreprises pour répondre à leur besoin spécifique.

    Autre fait marquant qui a contribué au succès de Magento, c’est en 2018, quand Adobe a annoncé qu’il allait acquérir Magento pour 1,68 milliard de dollars, la plus grande transaction de fusion et acquisition d’Adobe au cours de la dernière décennie.

    Aujourd’hui, alors qu’Adobe approche du troisième anniversaire de l’acquisition, l’intégration de Magento dans Adobe Experience Cloud est presque terminée. La grande nouvelle d’avril 2021 est qu’Adobe consolide officiellement ses marques et que Magento Commerce sera désormais connu sous le nom d’Adobe Commerce.

    Magento Commerce est officiellement Adobe Commerce, quels sont les prochaines étapes ?

    Comme dans la plupart des acquisitions cela engendre souvent une évolution de la solution, et le duo Magento – Adobe ne déroge pas à cette règle, parmi les projets mentionnés dans les différents communiqués de presse et sur les réseaux sociaux, les suivants méritent une attention particulière :

    • La refonte majeure du Core de Magento afin de l’adapter à l’écosystème Adobe, l’objectif étant d’apporter une solution plus robuste et évolutive.

    • L’ajout de la machine learning Adobe Sensei qui fournira à Magento la capacité d’apprentissage automatique pour les recommandations et recherche de produits très utile dans le domaine de la conversion des visiteurs en clients.

    • L’ajout des fonctionnalités de signature électronique avec la solution Adobe Sign. Le partenariat Adobe avec l’entreprise WayFlyer viendrait renforcer ce dispositif de solutions financières à destination des commerçants qui les aiderait à développer leur activité.

    • L’apport du partenaire officiel d’Adobe TMO Group avec ces années d’expériences dans le commerce électronique international pour le B2B et B2C. Ce partenaire apporte ces solutions nationales et transfrontalières pour l’Asie, l’Europe et les États-Unis.

    Notre conclusion sur l’intégration de Magento Commerce Cloud dans Adobe Experience

    Magento continuera certainement à tirer parti des opportunités provenant d’autres outils de l’écosystème Adobe Experience pour encore mieux répondre aux attentes des clients.

    En conclusion on peut dire que l’intégration de Magento Commerce Cloud dans Adobe Experience Cloud changera forcément la donne pour les clients des 2 bords. Cette nouvelle synergie permettra sans doute de répondre aux attentes du marché en termes d’expérience client, d’engagement et de fluidité des solutions e-commerce. En effet créer une expérience rationalisée et passionnante pour les clients font partie des gros enjeux de l’e-commerce du futur. Et Magento devenant Adobe Commerce, on peut penser que ce couple deviendra un incontournable du secteur à coup sûr.

  • Comment créer un compte publicitaire sur Amazon ?

    Comment créer un compte publicitaire sur Amazon ?

    Amazon n’est plus à présenter tout acheteur ou vendeur en ligne a déjà eu à faire à Amazon soit pour dénicher ses articles favoris ou promouvoir ses produits.

    Ce tutorial a pour vocation de vous monter en tant que vendeur les étapes de création d’un compte de campagne Amazon afin de faire la promotion de vos produits. Pour cela Amazon met à votre disposition son service Amazon Advertising. Comme Google Ads et Facebook Ads. Amazon Advertising est de plus en plus présent, son succès pour les revendeurs est notamment dû à un retour sur investissement élevé et une data plus précis sur les habitudes d’achat des consommateurs.

    Avant de commencer assurez-vous d’avoir un compte Amazon soit :

    • Un compte Seller Central
    • Un compte Vendor Central
    • Un compte Kindle Direct Publishing

    Si vous n’avez pas encore de compte voici le lien pour en créer un https://advertising.amazon.com/fr-fr/register?countrycode=fr

    Si vous avez déjà un compte professionnel Amazon, voici en 5 étapes la création d’un compte de publicitaire sur Amazon

    1. Connectez-vous à votre compte

    2. Allez en haut à droite une fois connecter à votre compte Amazon Advertising et cliquez sur « Gérer vos comptes »


    3. Cliquer sur « Créer un compte publicitaire fournisseur »

    4. Remplir les champs du formulaire de création de compte publicitaire

    – Mettre le nom du compte que vous souhaitez pour retrouver plus facilement vos campagnes.

    – renseignez l’email du partenaire qui vous aide dans vos campagnes si vous avez un sinon laissez vide.

    5. Une fois validé

    Dans le cas où vous avez un partenaire qui gèrera vos campagnes un email vous est adressé ainsi qu’à l’email du fournisseur ou partenaire.

    L’administrateur demandeur reçoit ce type d’email de la part d’Amazon.

    Suivez le lien et les instructions pour approuver votre propre demande.

    Approuver dans le compte de l’administration qui a fait la demande d’ajout de compte publicitaire fournisseur (agence ou autre). N’oubliez pas de choisir le compte concerné si vous avez plusieurs compte (par exemple par Pays, Amazon FR, Amazon DE ou Amazon UK…).

    L’utilisateur ajouter pour le compte publicitaire devrait approuver de son côté aussi en suivant les instructions de l’email reçu 

    Voilà vous venez de créer un Compte Publicitaire Amazon, reste plus qu’à lancer vos campagnes.

  • Gagner de l’argent avec les crypto money via l’application Coin Base

    Gagner de l’argent avec les crypto money via l’application Coin Base

    Ce n’est plus un secret aujourd’hui, on peut gagner de l’argent depuis son SmartPhone sans bouger de son canapé. L’une des pistes pour cela s’appelle Crypto Money ou crypto monnaie en français ou encore monnaie digitale.

    Toutes ces notions peuvent être abstraites mais lorsqu’on s’y intéresse un peu, on se rend vite compte que c’est simple et qu’il y a des outils qui permettent d’automatiser et d’optimiser le process. Je veux vous parles d’une des applications que j’ai testé et qui fonctionne à merveille lorsqu’il s’agit d’investir sur les crypto money et sortir son épingle du jeu, il s’agit de l’application Coin Base

    Coinbase, une plateforme réputée, sécurisée et simple d’utilisation.

    Coinbase est un portefeuille de crypto-monnaies crée en 2012 permettant d’acheter, de vendre et de stocker des cryptos tel que Bitcoin (BTC), Ethereum (ETH), Litcoin (LTC) ou encore Ripple (XRP)…

    Aujourd’hui cette plateforme est un des pures Player du marché de la Blockchain, le site affiche fièrement plus de 30 millions d’utilisateurs, 30 milliards de volume de transaction et disponible dans 102 pays dans le monde. Ce succès est sans doute lié à sa facilité d’utilisation grâce à une interface User Friendly et une méthode d’achat par carte bancaire simplifié, sécurisé et rapide. Coinbase est la plateforme la plus adéquate pour son premier achat de crypto-monnaies.

    Les plus de Coinbase

    Ce qui est bien dans cette application c’est d’abord  l’affichage de la valeur des crypto monnaies et leur évolution par heure, jour, semaine, mois et année.

    Comment faire son 1er investissement sur Coin Base ?

    Le site permet une prise en main facile il suffit d’ouvrir un compte et vous laissez guider

  • Mettre le slider à 100% sur la page d’accueil de Prestashop 1.7

    Mettre le slider à 100% sur la page d’accueil de Prestashop 1.7

    C’est bien connu le thème par défaut de Prestashop ne correspond pas toujours aux besoins spécifiques de chaque projet. L’un des éléments d’une boutique Prestashop qui suscite des désirs de personnalisation est le Slider de la page d’accueil. On peut le comprendre car c’est l’un des encarts les plus imposants et important lorsqu’un visiteur arrive sur votre boutique en ligne, il est d’autant plus important car il relaye et donne accès à des sous partis de votre site qui peuvent être stratégique selon l’activité commerciale de votre entreprise.

    Dans cet article nous vous livrons la méthode pour mettre votre diaporama de la page d’accueil Prestashop sur toute la largueur de la page d’accueil de votre boutique. C’est parti !

    La solution que nous vous proposons est basée sur le CSS

    • Trouver d’abord le fichier custom.css, il se trouve généralement dans le répertoire suivant : /www/RepertoireInstallationPrestashop/themes/child_classic/assets/css/custom.css
    • Ouvrez le fichier custom.css, et identifier le code suivant : body.page-index #wrapper .container
    • Changer le max-width à 100% et le width à 100%. Votre code final devrait ressembler à ça !
    body.page-index #wrapper .container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    }
    body.page-index #wrapper .featured-products,
    body.page-index #wrapper .banner,
    body.page-index #wrapper #custom-text{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    }
    
  • Comment changer l’apparence de l’icône panier dans Prestashop ?

    Comment changer l’apparence de l’icône panier dans Prestashop ?

    Les boutiques en lignes sont de plus en plus nombreux sur la toile, et si vous avez un projet en ligne que vous avez opté pour Prestashop comme solution open source pour l’e-commerce alors vous pourriez trouver ce tuto utile !

    Changer l’icône « Caddie » en une autre forme

    Vous avez peut-être le besoin de mettre un caddie plus sympa ou autre chose comme un sac qui correspond mieux à votre image de marque et votre secteur d’activité. Ce qu’il faut savoir, c’est que le dessin du panier sur Prestashop n’est pas une image, c’est une police de caractères stylisée (font-awesome) !

    1 option, changer la police de caractère par une autre

    Vous avez la possibilité de simplement choisir une autre forme dans la liste des font-awesome et l’affiché. Pour cela il vous faut

    • L’accès au fichier CSS de votre Prestashop
    • RDV dans le répertoire de votre thème « child_classic\child_classic\assets\css\»
    • Ouvrir le fichier  custom.css, et rajouter le code ci-dessous :
    .fa-shopping-cart:before {
      content: "\f07a"; 
      }
    • Sur cet exemple de code, la valeur « \f07a » correspond au « caractère panier » !
    • Remplacer la valeur « \f07a » par une autre. Exemple : « \f291 »

    Voici le lien vers la liste des caractères disponibles : https://fontawesome.com/icons?d=gallery

    Voici le lien vers la liste des caractères disponibles : https://fontawesome.com/icons?d=gallery

    Option 2, changer la police de caractère par une image personnalisé

    Pour des raisons esthétiques vous pourriez souhaiter mettre une illustration fait par votre graphiste préféré, dans ce cas la modification s’opère dans le même fichier CSS.

    • Supprimer ou mettre en veille la ligne content: « \f07a »;
    • Ajouter une image en Background
    .fa-shopping-cart:before {
      content: "\f07a"; 
      }
  • Comment mettre à jour son menu principal sur Prestashop ?

    Comment mettre à jour son menu principal sur Prestashop ?

    Lorsqu’on a un site il y a toujours une bonne raison de revoir le positionnement et le contenu de son menu de navigation principale. En effet sur la plupart des sites le menu est l’élément qui reste toujours afficher et qui permet aux internautes de ne pas se perdre dans votre et surtout de trouver rapidement ce qu’ils sont venus chercher sur votre site.

    Si vous utilisez la solution e-commerce Prestashop,  vous ne dérogez pas à la règle, pour l’animation de votre eshop, vous avez certainement eu besoin de mettre à jour votre catalogue, pousser des opérations spécifiques type black Friday ou soldes, ou encore mettre en avant une nouveauté pour booster vos ventes.

    Sur cette page nous allons voir en 6 clics comment modifier votre menu de navigation principale sur Prestashop.

    Voici les étapes :

    1. Connectez-vous à votre panel d’administration de votre boutique en ligne
    2. Aller dans l’onglet « Apparance & Thèmes » dans la barre latérale de gauche
    3. Cliquez sur « Configuration Page d’accueil »
    4. Cliquez sur Menu, le drop down affiche plusieurs options
    prestashop menu principale
    1. Choisissez « Menu Principal » et cliquez sur « Configurer ».
    2. Sélectionnez à droite les pages que vous souhaitez s’afficher dans le menu en cliquant sur « Ajouter ».
    prestashop menu principale

    Rajoutez votre propre menu

    Pour ajouter votre propre onglet sur le menu par exemple vers une page de votre site ou un vers une page quelconque.

    1. Descendez plus bas dans la page
    2. Saisissez le libéllé souhaiter pour votre onglet
    3. Ajouter l’url de la page vers laquelle vous souhaitez rediriger votre page

    4. Remonter ensuite dans l’encart « éléments disponibles » et ajoutez votre onglet en le sélectionnant et cliquant sur « Ajouter ». Ensuite enregistrez et c’est fait !