create an online restaurant menu in WordPress og

Comment créer facilement un menu de restaurant en ligne dans WordPress

Vous souhaitez créer un menu de restaurant en ligne sur WordPress ?

Partager votre menu sur votre site Web aidera à convaincre plus de gens de s’arrêter dans votre restaurant. Lorsque les gens peuvent facilement vérifier la nourriture, les boissons et les prix, ils sont plus susceptibles de passer une commande ou de visiter.

Dans cet article, nous allons vous montrer comment créer un menu de restaurant en ligne dans WordPress, étape par étape.

Comment créer un menu de restaurant en ligne dans WordPress (étape par étape)

Ce dont vous avez besoin pour démarrer un site Web de restaurant

Avant de pouvoir créer un menu de restaurant en ligne, vous devez configurer un site Web. Si vous n’avez pas encore de site Web, ne vous inquiétez pas.

Vous pouvez facilement démarrer un site Web en utilisant WordPress, qui est le meilleur constructeur de sites Web au monde utilisé par des millions de petites entreprises, restaurants, bars et cafés. Plus de 42% de tous les sites Web sur Internet utilisent WordPress.

Mieux encore, vous pouvez commencer à créer votre site Web sans un investissement initial important.

La première chose dont vous avez besoin est un nom de domaine et un hébergement Web. Nous avons conclu un accord avec Bluehost, l’un des fournisseurs d’hébergement recommandés par WordPress, pour offrir à nos lecteurs une bonne affaire.

Fondamentalement, vous obtenez un nom de domaine gratuit, un certificat SSL gratuit et une remise de 60% sur l’hébergement Web.

→ Cliquez ici pour obtenir cette offre exclusive Bluehost ←

Au-delà de l’hébergement et d’un nom de domaine, il vous faut également un thème WordPress. Un thème est comme un modèle pour votre site Web.

Il existe des tonnes de thèmes de restaurants WordPress pour vous aider à créer un site Web professionnel qui encouragera vos clients à passer commande.

Si vous avez besoin d’aide pour configurer le site Web de votre restaurant, consultez notre guide étape par étape sur la façon de créer un site Web.

Pourquoi créer un menu en ligne dans WordPress ?

Créer une page de menu en ligne sur votre site WordPress vous permet de créer une meilleure expérience pour vos visiteurs et clients potentiels.

Lorsqu’un visiteur visite le site Web de votre restaurant, la première chose qu’il regarde habituellement est votre menu. Si vous offrez uniquement aux visiteurs un menu PDF, vous leur compliquez la tâche de voir les choix alimentaires que vous proposez.

En créant un menu en ligne sur votre site Web, vos utilisateurs n’ont pas besoin de télécharger votre menu. Le téléchargement de PDF peut être difficile en fonction des forfaits de données et de la connexion de vos clients.

De plus, une page de menu sur votre site Web sera adaptée aux mobiles et aura fière allure sur tous les appareils, afin que vos visiteurs puissent facilement la lire sans zoomer ni dézoomer.

Mieux encore, avec une page de menu, vous pouvez facilement modifier votre menu et même ajouter une commande en ligne. Les fichiers PDF sont beaucoup plus compliqués à modifier et à télécharger lorsque vous devez apporter des modifications au menu ou aux prix.

Cela étant dit, nous allons partager deux plugins WordPress différents qui peuvent vous aider à ajouter un menu de restaurant en ligne à WordPress. Utilisez simplement les liens rapides ci-dessous pour choisir le plugin que vous souhaitez utiliser.

Méthode 1. Ajouter un menu de restaurant à WordPress avec SeedProd

Nous vous recommandons d’utiliser SeedProd pour créer un menu de restaurant en ligne dans WordPress. C’est le meilleur constructeur de pages WordPress par glisser-déposer utilisé par plus d’un million de sites Web.

Il vous permet de créer un menu de restaurant époustouflant à l’aide d’un générateur de glisser-déposer. De plus, vous pouvez facilement modifier votre menu au fur et à mesure qu’il change et de nouvelles options de menu sont disponibles.

Pour ce tutoriel, vous pouvez utiliser la version gratuite de SeedProd pour créer votre menu. Cependant, une version professionnelle de SeedProd est disponible avec plus de 150 modèles, schémas de couleurs, intégrations de marketing par e-mail, carrousels d’images, blocs de médias sociaux et bien plus encore.

La première chose à faire est d’installer et d’activer le plugin. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.

Lors de l’activation, accédez à SeedProd » Pages puis cliquez sur le bouton « Ajouter une nouvelle page de destination ».

Ajouter une nouvelle page de destination SeedProd

Cela vous amène à l’écran des modèles, où vous pouvez sélectionner un modèle de page. Il existe des dizaines de modèles pour différents créneaux et objectifs.

Pour choisir un modèle, survolez-le et cliquez sur l’icône « Coche ». Vous pouvez choisir le modèle de votre choix, mais pour ce didacticiel, nous utiliserons le modèle « Page de vente du dîner ».

Sélectionnez le modèle de page de destination

Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez donner un nom à votre nouvelle page de menu. Vous pouvez également modifier l’URL de la page. Nous appelons simplement notre page ‘Menu’.

Ensuite, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

Nom de la page de destination

Une fois que vous avez fait cela, vous serez redirigé vers l’écran de l’éditeur de page.

Le côté droit de la page est l’aperçu et peut être entièrement personnalisé. Le côté gauche de la page comporte différents blocs et sections que vous pouvez ajouter à la page.

Exemple de modèle de page de destination SeedProd

Tout d’abord, cliquez sur le logo de la page.

Cela fera apparaître un menu sur la gauche où vous pourrez télécharger le logo de votre restaurant. Pour ajouter un nouveau logo, vous pouvez suivre le même processus que l’ajout d’une image à WordPress.

Changer le logo du menu

Ensuite, vous pouvez modifier le bouton du menu de navigation pour revenir à votre page d’accueil. De cette façon, lorsque vos visiteurs ont fini de consulter le menu, ils peuvent revenir sur votre site Web.

Cliquez simplement sur le bouton du menu de navigation, puis vous pouvez modifier le texte et le lien dans le menu de gauche.

Changer le bouton de navigation dans les menus

Après cela, vous pouvez supprimer la section de contenu principal.

Survolez simplement le titre de la page et cliquez sur l’icône « Supprimer le bloc ».

Supprimer les sections existantes

Ensuite, vous pouvez faire de même pour les éléments image, texte et bouton.

Ensuite, vous pouvez ajouter un titre pour le titre de votre menu en faisant glisser le bloc « Titre » sur votre page.

Ajouter un titre de menu

Comme les autres éléments, vous pouvez modifier la taille, la couleur et la police du texte avec le menu de gauche.

Après cela, vous pouvez modifier les aliments existants et les remplacer par votre propre texte et vos propres images.

Tout d’abord, cliquez sur l’image et téléchargez votre propre image avec le menu de gauche.

Ajouter une image d'élément de menu

Ensuite, cliquez sur le titre actuel pour saisir votre propre texte.

Vous pouvez également modifier le texte en cliquant dessus et en ajoutant une description.

Modifier le texte de l'élément de menu

Une fois que vous avez modifié le titre et le texte, vous pouvez ajouter un prix pour l’article.

Faites simplement glisser l’élément « Texte » sur votre page, puis personnalisez le texte avec le menu de gauche.

Ajouter le prix d'un élément de menu

Ensuite, suivez simplement les mêmes étapes que ci-dessus pour le reste des éléments de votre menu de restaurant.

Vous pouvez personnaliser toutes les sections du modèle de page.

Si vous souhaitez ajouter une autre section de menu avec le même style, passez la souris sur l’élément et cliquez sur « Dupliquer la ligne ».

Section en double

Cela fera une copie de la même ligne et l’ajoutera directement en dessous.

N’hésitez pas à continuer à personnaliser le menu de votre restaurant. Vous pouvez entièrement personnaliser chaque partie de la page, y compris les couleurs, la taille, les polices, etc.

Si vous ne souhaitez pas ajouter une photo pour chaque élément, vous pouvez facilement utiliser un bloc de liste pour ajouter des éléments de menu.

Une fois que vous avez terminé de créer votre menu de restaurant en ligne, cliquez sur la flèche déroulante à côté du bouton « Enregistrer » et sélectionnez « Publier ».

Publier le menu en direct

Votre nouveau menu de restaurant est désormais disponible pour vos visiteurs.

Maintenant, vous pouvez ajouter votre menu de restaurant à votre menu de navigation et à d’autres zones de votre blog WordPress.

Carte des restaurants WordPress

Méthode 2. Ajouter un menu de restaurant à WordPress avec Food Menu

Cette méthode consiste à utiliser le plugin Food Menu – Restaurant Menu & Online Ordering. Ce plugin vous permet de créer rapidement un menu en ligne dans WordPress.

Il s’intègre également à WooCommerce, vous pouvez donc donner à vos visiteurs la possibilité de passer une commande en ligne.

La première chose à faire est d’installer et d’activer le plugin. Pour plus de détails, consultez notre guide du débutant sur la façon d’installer un plugin WordPress.

Lors de l’activation, accédez à Menu de nourriture » Ajouter de la nourriture.

Ajouter un nouvel élément de menu

Sur cet écran, vous pouvez saisir le nom, la description et l’image de votre élément de menu.

Après cela, assurez-vous de cliquer sur le bouton « Publier » pour enregistrer votre élément de menu.

Publier un nouvel élément de menu

Pour ajouter plus d’articles à votre menu, suivez simplement les mêmes étapes que ci-dessus.

Une fois que vous avez terminé d’ajouter des éléments à votre menu alimentaire, il est temps d’ajouter ce menu à WordPress.

Tout d’abord, vous devez aller à Menu Alimentaire » Générateur de ShortCode, puis cliquez sur le bouton « Ajouter un nouveau ».

Aller au générateur de shortcode

Ensuite, vous pouvez donner un titre à votre shortcode pour vous aider à vous souvenir du type d’éléments de menu que vous avez ajoutés.

Ensuite, vous pouvez personnaliser l’affichage de votre menu.

Nommez le shortcode de votre menu

Nous conserverons les options par défaut, mais vous pouvez personnaliser l’affichage du menu avec les paramètres de la section « Mise en page ».

Ici, vous pouvez sélectionner le nombre d’éléments à afficher par ligne.

Modifier la disposition du shortcode

Dans l’onglet ‘Filtrage’, vous pouvez choisir si vous souhaitez afficher un menu simple ou si vous souhaitez activer la commande en ligne.

Pour activer la commande en ligne, sélectionnez simplement le bouton radio « WooCommerce ». Vous pouvez également contrôler les éléments que vous souhaitez afficher.

Filtrage des codes courts

Si vous prévoyez de laisser les clients ajouter des produits alimentaires à leurs paniers et à leur paiement, vous devez ajouter vos éléments de menu en tant que produits dans votre boutique WooCommerce.

Pour plus de détails sur l’ajout de produits, consultez notre guide étape par étape sur la façon de démarrer une boutique en ligne.

Ensuite, vous pouvez personnaliser les informations qui s’affichent pour chaque élément en cliquant sur l’onglet « Sélection de champ ».

Shortcode de sélection de champ

Lorsque vous cochez ou décochez les cases, vous pouvez voir un aperçu en temps réel de ce à quoi ressembleront les changements.

Après cela, vous pouvez modifier l’apparence de vos éléments de menu en cliquant sur l’option de menu « Style ».

Menu de style de shortcode

Une fois que vous avez terminé de personnaliser l’affichage de vos éléments de menu, assurez-vous de cliquer sur le bouton « Publier ».

Cela ne rendra pas encore votre menu disponible sur votre site, mais cela enregistrera le shortcode que nous ajouterons à votre site Web ci-dessous.

Shortcode du menu de publication

Vous devez maintenant créer une page où votre menu s’affichera.

Pour ce faire, accédez à Pages » Toutes les pages puis cliquez sur « Ajouter un nouveau ».

Ajouter une page pour le menu

Après cela, vous pouvez donner un titre à votre page. Cela apparaîtra à vos visiteurs, vous voudrez donc le nommer quelque chose comme « Menu ».

Ensuite, cliquez sur l’icône ‘+’ pour ajouter un nouveau bloc.

Ajouter un bloc de page de menu

Ensuite, tapez « Menu » dans la barre de recherche.

Ensuite, sélectionnez le bloc « Menu alimentaire ».

Sélectionnez le bloc de menu alimentaire

Après cela, vous devez sélectionner le shortcode que vous venez de créer dans le menu déroulant.

Cela insérera votre menu dans votre page.

Sélectionnez le shortcode du menu

Ensuite, cliquez sur le bouton « Publier » ou « Mettre à jour » pour faire vivre votre menu.

Vous pouvez également ajouter d’autres éléments à cette page comme du texte, un formulaire de contact, votre flux Instagram, etc.

Publier un nouveau menu

Désormais, lorsque vos visiteurs consulteront votre menu, ils pourront voir les articles et même passer une commande si vous avez ajouté la fonctionnalité WooCommerce.

Quelle que soit la taille de l’écran sur lequel votre menu est affiché, il affichera parfaitement les éléments de votre menu.

Exemple de menu WordPress

Nous espérions que cet article vous a aidé à apprendre à créer un menu de restaurant en ligne dans WordPress. Vous pouvez également consulter nos sélections d’experts des meilleurs logiciels de paie RH pour les petites entreprises, ou notre comparaison des meilleurs services téléphoniques professionnels pour les petites entreprises.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour des didacticiels vidéo WordPress.

Notes: 4.9 . 9500 Votes