Prestashop : comment ajouter numero de telephone dans le header ?

1. Aucun emplacement prévu pour le numéro dans le thème PrestaShop

Certains thèmes PrestaShop ne prévoient pas de zone pour afficher un numéro de téléphone, ce qui rend son ajout non intuitif.

La solution consiste à modifier le fichier header.tpl situé dans le dossier du thème actif. Ajoutez une balise contenant le numéro à l’endroit souhaité, de préférence près du logo ou de la navigation pour garantir une bonne visibilité.

2. Numéro ajouté mais non visible en front-office PrestaShop

Il arrive que le numéro inséré dans le code ne s'affiche pas sur le site, à cause d’un cache actif ou d’un thème compilé.

Dans ce cas, videz le cache Smarty dans Paramètres avancés > Performances et désactivez temporairement la compilation automatique. Rechargez la page pour vérifier que le numéro s’affiche correctement dans le header du site.

3. Mauvais format du numéro dans PrestaShop

Un numéro de téléphone mal formaté peut être difficilement lisible ou non cliquable sur mobile, ce qui nuit à l’accessibilité.

Utilisez le format international avec l’indicatif (ex. +33 1 23 45 67 89). Intégrez également un lien tel: pour rendre le numéro cliquable, améliorant ainsi l’expérience utilisateur mobile.

4. Ajout supprimé après mise à jour du thème PrestaShop

Modifier directement les fichiers du thème peut entraîner la perte du numéro ajouté lors d’une mise à jour ou d’un remplacement du thème.

Pour éviter cela, créez un thème enfant ou utilisez un module personnalisé pour insérer le numéro via un hook statique. Cela garantit la pérennité de l’affichage sans intervention manuelle à chaque mise à jour.

5. Problème d’alignement du numéro dans le header PrestaShop

Une fois le numéro ajouté, il peut apparaître mal aligné ou décalé, perturbant la mise en page du header.

Utilisez les classes CSS du thème pour harmoniser le style du numéro avec le reste de l’en-tête. Placez-le dans une balise dédiée, et testez l’affichage sur mobile et bureau pour garantir une présentation cohérente.

6. Ajout possible via un module PrestaShop

Certains utilisateurs préfèrent ne pas toucher au code et recherchent une solution sans programmation pour ajouter un numéro de téléphone.

Utilisez un module gratuit comme "Custom HTML Block" ou un constructeur de thème qui permet d’ajouter des éléments HTML dans les hooks du header, sans modifier les fichiers du thème directement.

7. Numéro s’affiche en doublon dans PrestaShop

Après ajout, le numéro peut apparaître plusieurs fois si un module ou une surcharge ajoute également un numéro automatiquement.

Inspectez les modules actifs liés au contact client et désactivez ceux qui ajoutent un numéro par défaut. Conservez une seule source d’affichage, pour éviter la redondance visuelle.

8. Absence de lien vers une page de contact avec le numéro PrestaShop

Le numéro est visible, mais aucun lien n’est proposé vers la page de contact pour plus d’informations ou pour envoyer un message.

Ajoutez un lien hypertexte à côté ou sous le numéro qui pointe vers la page contact du site. Cela renforce la confiance des clients et encourage une prise de contact plus complète si nécessaire.

9. Problème de traduction du label "Téléphone" dans PrestaShop

Si vous affichez un libellé comme "Appelez-nous", celui-ci peut ne pas être traduit dans les autres langues du site.

Utilisez les fonctions de traduction de PrestaShop via International > Traductions > Thème. Cela vous permet d'afficher un message adapté pour chaque langue active, tout en gardant une cohérence multilingue.

10. Affichage du numéro impossible en haut de toutes les pages PrestaShop

Le numéro peut s'afficher uniquement sur certaines pages si le code est mal intégré dans la structure du thème, limitant sa portée globale.

Ajoutez le numéro dans le fichier header.tpl ou via un module greffé sur un hook global comme displayTop. Cela garantit une présence constante du contact sur tout le site, ce qui est essentiel pour la relation client.