Prestashop : comment modifier la page de mode maintenance ?

Prestashop : localiser le fichier de la page de maintenance

Dans Prestashop, la page de maintenance est générée à partir du fichier maintenance.tpl, situé dans le dossier /themes/votre_theme/. C’est ce fichier que tu dois modifier pour personnaliser l’apparence et le contenu affiché aux visiteurs.

Si tu n’as pas ce fichier dans ton thème actif, Prestashop utilisera celui du thème classique. Copie-le dans ton thème pour le modifier sans altérer les fichiers d'origine du système.

Prestashop : personnaliser le message affiché

Tu peux changer le texte par défaut de la page maintenance dans le fichier maintenance.tpl. Remplace le contenu HTML visible par un message personnalisé, expliquant la raison de la fermeture temporaire et, si possible, un délai de retour.

Ajoute un ton rassurant, éventuellement une date estimée, pour éviter de perdre la confiance du client. Le contenu clair et bien formulé améliore l’expérience utilisateur, même pendant une interruption.

Prestashop : ajouter un logo ou une image personnalisée

Pour améliorer l’apparence de la page maintenance, tu peux y insérer un logo ou une image. Utilise la balise <img> avec une URL pointant vers ton fichier dans /themes/votre_theme/assets/img/.

Ajoute un style="max-width:300px;" pour garder un format lisible. Un visuel professionnel renforce la crédibilité de ta boutique Prestashop, même pendant la maintenance, et laisse une impression positive.

Prestashop : modifier le style avec du CSS

Le fichier maintenance.tpl peut inclure des styles CSS directement dans la page ou via un fichier séparé dans le thème. Tu peux ainsi adapter les couleurs, la taille du texte, ou centrer le contenu à ta guise.

Ajoute un bloc <style> dans le fichier ou lie un fichier CSS dans /themes/votre_theme/assets/css/. Cela permet d'harmoniser la charte graphique de la page maintenance avec le reste de ton site Prestashop.

Prestashop : afficher un compte à rebours de retour

Tu peux insérer un compte à rebours JavaScript dans maintenance.tpl pour indiquer une date de réouverture. Cela rassure les visiteurs en leur donnant une idée claire du moment de reprise.

Utilise une bibliothèque comme Countdown.js ou du JavaScript simple pour afficher le temps restant. C’est une astuce efficace pour garder l’attention du client, même lorsque la boutique est temporairement inaccessible.

Prestashop : afficher les liens réseaux sociaux

Dans la page maintenance, tu peux ajouter des liens vers tes réseaux sociaux pour rester en contact avec tes clients. Intègre des icônes cliquables menant à Facebook, Instagram, ou LinkedIn via des balises <a> dans maintenance.tpl.

Cela montre que ta boutique reste active en ligne et que les visiteurs peuvent suivre l’actualité ou les annonces importantes. C’est une stratégie utile pour maintenir l’engagement client pendant les interruptions.

Prestashop : rendre la page responsive

Par défaut, la page maintenance de Prestashop peut ne pas être responsive. Pour corriger cela, applique des règles CSS en media queries dans le fichier ou utilise des unités flexibles comme vw ou % pour les tailles.

Teste la page sur différents écrans (mobile, tablette) pour t’assurer que le contenu reste lisible et bien centré. Une page bien adaptée améliore l’image professionnelle de ta boutique.

Prestashop : insérer un formulaire de contact temporaire

Tu peux ajouter un formulaire de contact simple dans la page maintenance pour permettre aux clients de poser une question urgente. Attention toutefois : cela nécessite un traitement serveur ou un outil tiers.

Utilise par exemple un service externe comme Google Forms ou Typeform, intégré dans un iframe. Cela permet de maintenir une communication minimale, même lorsque la boutique Prestashop est en maintenance.

Prestashop : traduire la page maintenance

Le contenu textuel affiché dans la page de maintenance peut être traduit via le système de traduction de Prestashop. Dans International > Traductions, choisis "Traductions des thèmes" puis sélectionne la langue et le fichier maintenance.tpl.

Tu peux y modifier ou traduire les messages affichés. Cela est utile si tu gères un site multilingue afin que chaque client voie le bon message dans sa langue.

Prestashop : tester la page sans couper l'accès

Pour voir le rendu de la page maintenance sans bloquer l’accès à toute la boutique, utilise un navigateur privé ou un VPN. Cela te permet de simuler une adresse IP non autorisée, et donc de voir la page comme un client lambda.

Tu peux aussi retirer temporairement ton IP de la liste blanche dans Paramètres > Général > Maintenance. Cela est essentiel pour valider le design et le fonctionnement de ta page avant sa mise en production.