Mode maintenance Elementor et modèles de page Coming soon

Vous construisez ou avez créé un site avec le builder Elementor et souhaitez activer le mode Maintenance ou Coming Soon ?

Eh bien, sachez qu’avec Elementor, il n’est pas nécessaire d’installer un plugin tiers. En effet, Elementor intègre nativement une fonctionnalité pour mettre votre site en mode Maintenance.

Avec Elementor, vous pouvez donc créer et afficher une page Maintenance ou une page Coming Soon selon votre besoin.

Dans cet article, vous verrez comment paramétrer, activer et désactiver le mode Maintenance d’Elementor. Et vous trouverez aussi des idées et des modèles gratuits pour créer votre page Coming Soon ou Maintenance.

Comment créer votre modèle de page Maintenance ou Coming Soon ?

Pour pouvoir utiliser le mode maintenance d’Elementor, vous devez associer un modèle de page qui s’affichera lorsque celui-ci sera activé.

Il faut donc en premier lieu créer ce modèle de page.

Pour ce faire, passez par Elementor > Outils > Mode maintenance et cliquez sur “créez-en un” sous “Choisissez un modèle” ou bien, allez sous Modèles > Ajouter.

Elementor vous redirige alors vers la création d’une page en tant que modèle Elementor. Ici, sélectionnez “Page” comme type de modèle. Puis donnez-lui un nom, par exemple, “Coming Soon” ou “Maintenance”. Et enfin, cliquez sur “Créer un modèle”.

Le truc à ne surtout pas oublier de faire pour la page maintenance, c’est de supprimer l’entête et le pied de page. Ainsi, seuls les liens inclus dans la page Maintenance seront accessibles. C’est-à dire que vous devez choisir la mise en page Canevas.

Cela peut se faire, soit en mode édition dans Elementor en passant par l’icône d’engrenage > Réglages > Modèle de page ou bien via l’éditeur WordPress sous Attributs d’articles.

Pour ce qui est du design de la page Maintenance proprement dit, auparavant, Elementor proposait 4 modèles gratuits. Maintenant, ces templates sont réservés aux possesseurs d’Elementor Pro. De ce fait, vous n’aurez pas d’autre choix que de la créer vous-même.

Vous pouvez par exemple :

• Personnaliser la page pour l’assortir à votre marque (couleur d’arrière-plan ou image).
• Mettre un compte à rebours ou indiquer la date de (re)mise en ligne du site
• Rédiger un petit message sympa
• Indiquer vos coordonnées de contact
• Mettre des liens vers vos réseaux sociaux…

💡Bien entendu, vous pouvez créer deux modèles, un pour le mode Coming soon et un autre pour le mode Maintenance. Il suffira ensuite de choisir celui qui correspond au mode que vous activerez.😉

Pour vous aider à créer votre page Maintenance ou Coming Soon, voici quelques idées et templates Elementor gratuits.

Idées et templates page Coming Soon Elementor gratuits

Tout d’abord, sachez que si vous utilisez la version gratuite d’Elementor, il vous faudra installer un addon pour inclure un compteur dans votre page. En effet, le widget de compte à rebours n’est disponible que dans la version pro d’Elementor.

D’autre part, rappelez-vous que selon votre thème, soit le template conviendra tel quel, soit il vous faudra modifier sa mise en page.

3 modèles de page Coming Soon avec le plugin Templately

En premier lieu, vous pouvez utiliser l’un des 3 modèles de page maintenance que Templately propose gratuitement. Pour l’importer, installez le plugin et consultez la marche à suivre dans l’article que j’ai dédié à Templately.

💡 Cela installera le plugin Essential Addons for Elementor et un widget de compte à rebours. Bon après, si ne voulez pas de compteur, vous n’êtes pas obligé de l’installer.

7 templates de page Coming Soon et 1 de Maintenance avec le plugin SKT templates

SKT Themes dont j’ai déjà vanté les Addons, propose également des templates pour Elementor et Gutenberg. Parmi ceux-ci, vous trouverez 7 templates de page Coming Soon et 1 template de page Maintenance.

Pour importer un template, installez et activez l’extension SKT templates. Vous ne trouverez pas l’icône de la bibliothèque des templates dans Elementor, mais dans le menu WordPress.

Cliquez dessus, puis faites une recherche en indiquant “coming soon”. Cliquez alors sur n’importe lequel des huit modèles, cela ouvrira une page de prévisualisation via laquelle vous pourrez surfer sur tous les modèles.

Pour finir, cliquez sur “Import” en haut à gauche. Dès l’import terminé, l’éditeur d’Elementor s’ouvrira sur la page. Il ne vous restera plus qu’à la modifier selon vos souhaits en n’oubliant pas de définir le modèle de page sur canevas et en l’enregistrant comme modèle.

💡Pour ces templates, les compteurs sont des images. Si vous souhaitez afficher de vrais comptes à rebours sur votre page et que vous ne possédez pas de widget pour le faire, installez SKT Addons for Elementor et utilisez le widget Countdown. ​😉

Template de page Elementor Coming Soon de Wicky Design

Enfin, Wicky Design propose aussi un modèle de page Coming Soon à télécharger gratuitement. Si vous l’aimez, il suffit de vous inscrire à la newsletter pour y avoir accès et de visionner la vidéo pour comprendre comment l’importer.

💡Animations Lottie à intégrer dans votre modèle de page maintenance

Pour le fun, vous pouvez également intégrer une animation Lottie au lieu d’une image. Il y en a pas mal qui sont gratuites. Pour les trouver, il suffit de faire des recherches avec les mots-clés Coming Soon, under construction, maintenance…

Votre page étant créée, voyons à présent comment activer et désactiver le mode maintenance d’Elementor.

Comment activer le mode maintenance d’Elementor ?

Pour activer le mode maintenance d’Elementor, rendez-vous dans Elementor > Outils > Mode maintenance.

Premièrement, sélectionner le mode de maintenance que vous souhaitez afficher : Arrive bientôt (Coming Soon) ou Maintenance.

Deuxièmement, paramétrez qui peut accéder au site lorsque le mode maintenance est activé.

Par défaut, le mode maintenance d’Elementor est paramétré pour que tous les utilisateurs connectés puissent continuer à accéder au site. Mais si vous ne souhaitez autoriser l’accès au site qu’à certains rôles d’utilisateurs, c’est possible. En ce cas, sélectionnez “Personnalisé“. La liste des rôles d’utilisateurs enregistrés sur votre site apparait alors. Il ne vous reste plus qu’à cocher ceux dont vous autorisez l’accès.

Troisièmement, choisissez le modèle de page adéquat que vous avez créé au préalable en cliquant sur “Sélectionner”.

Enfin, cliquez sur “Enregistrer les modifications“.

Immédiatement, Elementor affichera un bouton rouge “Mode maintenance actif” sur la barre d’outils de votre tableau de bord WordPress.

💡Pour être sur(e) que votre site est bien passé en mode maintenance, visitez-le en vous déconnectant ou en navigation privée. Si ce n’est pas le cas, il peut s’agir d’un problème de cache. Alors, videz-le et vérifiez de nouveau.

Comment désactiver le mode Maintenance dans Elementor ?

Une fois que vous avez fini de travailler sur votre site, il faut le rendre à nouveau visible aux visiteurs.

Alors, pour désactiver le mode Maintenance ou Coming Soon, rendez-vous de nouveau sous Elementor > Outils > Mode maintenance.

Ou bien, cliquez sur le bouton “Mode maintenance actif” dans la barre supérieure de votre tableau de bord d’administration WordPress. Vous atterrirez sur la même page.

Et là, sous “Sélectionner le mode“, choisissez “Désactivé“, enfin n’oubliez pas d’enregistrer les modifications. 😉

Mode Maintenance ou Coming Soon, à vous de choisir !

Voilà, vous savez dorénavant comment activer le mode Maintenance d’un site créé avec Elementor sans plugin.

Un plugin de moins, c’est toujours ça de gagné pour les performances de votre site, n’est-ce pas ?

💡PS : Si vous hésitez entre les deux modes, consultez mon article sur la différence entre Maintenance et Coming Soon afin de choisir celui qu’il convient d’activer.