Tutoriels

Personnalisez votre site RestoReady

Les thèmes RestoReady sont modifiables facilement, quel que soit votre niveau de compétences.

Les réglages généraux et les paramètres de thème sont accessibles en se connectant à l’administration RestoReady et ne demandent aucune connaissance technique particulière.

L’éditeur de templates vous permet d’utiliser les langages HTML, Liquid, CSS et Sass et vous donne un contrôle total sur l’apparence de votre site.

Réglages généraux

Commençons par la façon la plus simple de changer l’apparence du site. Il suffit de se connecter à l’espace d’administration avec l’adresse email et le mot de passe créés lors de l’inscription à RestoReady.

Connexion à l'administration RestoReady
Accueil de l'administration

Une fois connecté, nous déroulons le menu « Restaurant » de la navigation principale, puis choisissons sur le sous-menu « Coordonnées ».

Coordonnées

Sur cette page, il est possible de modifier plusieurs informations qui ont un impact sur l’apparence du site :

  • Nom : le nom du restaurant
  • Logo : le logo du restaurant. Plusieurs formats de fichier sont acceptés (GIF, JPG, PNG), nous vous conseillons le format PNG en 24 bits avec gestion de la transparence pour un meilleur rendu indépendamment du fond sur lequel il se trouve.
  • Image : il s’agit de la photo principale du restaurant. Il peut s’agir d’une vue de la façade, de la salle, d’un plat particulièrement esthétique, ou bien d’une image plus abstraite qui va illustrer l’ambiance de l’établissement. Là encore plusieurs formats sont supportés, nous vous conseillons d’utiliser un fichier JPG peu compressé et de grande dimension. RestoReady se chargera de le redimensionner automatiquement lors de l’affichage.
  • Description : texte libre qui va s’afficher sur la page d’accueil (l’endroit exact dépend du thème choisi) ainsi que sur la page du restaurant. Vous pouvez bien sûr présenter le restaurant et ses spécialités, mais aussi apporter des précisions sur l’accueil des groupes, les labels, les partenariats, les conditions de réservation, les autres prestations (vente à emporter, traiteur, séminaires, etc.)
  • Slogan : phrase d’accroche, type de cuisine, nom du chef… Veillez à bien soigner cet élément qui sera utilisé proche du logo et sur toutes les pages en général.
Back-office et démo d'un thème
Galerie photos

Allons maintenant dans le menu « Restaurant » puis « Galerie photos ». Il est possible d’ajouter les photos et leurs légendes. Cette galerie sera affichée sur la page Restaurant. Comme pour la photo principale du restaurant, les formats de fichier GIF, JPG et PNG sont acceptés. Nous vous conseillons de grandes photos en JPG en orientation « paysage » pour un résultat parfait.

Le nombre de photos n’est pas limité, nous vous conseillons cependant de privilégier la qualité plutôt que la quantité pour offrir une expérience agréable aux utilisateurs mobiles. À vous de sélectionner la meilleure vue extérieure, quelques vues intérieures, quelques plats emblématiques, une photo du personnel, etc. Voir un exemple de galerie photos RestoReady.

Pour améliorer le référencement, prenez le temps de saisir une légende soignée sur toutes les photos.

Diaporama

On peut y accéder par le menu « Restaurant » puis « Diaporama ». Le fonctionnement et nos recommandations sont les mêmes que pour la galerie photo, sauf que cet élément est affiché sur la page d’accueil. Il est encore plus important de choisir un nombre réduit de photos pour ne pas alourdir le chargement.

Page contact

La solution RestoReady inclut une page contact qui peut être entièrement personnalisée. Elle peut donc non seulement servir de page de contact, mais aussi se transformer en formulaire de réservation, de pré-commande, d’inscription à un événement…

Rendons-nous dans le menu « Contacts » puis « Paramètres du formulaire ». Les champs que nous pouvons modifier sont :

  • Email de réception : adresse email qui va recevoir les demandes de contact.
  • Intitulé de navigation : intitulé du lien tel qu’il apparaîtra dans la navigation principale.
  • Intitulé du formulaire : titre de la page elle-même.
  • Texte d’accueil du formulaire : le texte d’introduction affiché avant le formulaire.
  • Intitulé des remerciements : le titre de la page de remerciement.
  • Contenu des remerciements : le texte affiché sur la page de remerciement.

haut de page

Paramètres de thème

Les thèmes RestoReady offrent un grand espace de liberté pour personnaliser l’apparence du site. Vous pouvez passer d’un thème à l’autre, faire des essais de mise en page, de choix de couleurs, et prévisualiser votre travail sans impacter le site vu par les visiteurs.

Les thèmes RestoReady sont prévus pour que certains paramètres soient facilement modifiables depuis l’administration. En général il s’agit des couleurs, des polices de caractères et d’options de modules, comme afficher ou non l’inscription à la newsletter.

Pour commencer la personnalisation de notre thème, rendons-nous dans le menu « Thèmes » dans la navigation principale de l’administration RestoReady.

Note : si cette page affiche ce thème n’est pas personnalisable, c’est que vous avez installé un thème déjà personnalisé à votre charte par une agence spécialisée. Dans ce cas, vous ne pouvez pas faire de changements depuis l’administration et vous devez prendre contact avec l’agence.

La page des thèmes

La page « Thèmes » est divisée en deux parties. Le thème actif qui est visible par les visiteurs du site, se trouve en haut. En bas, nous trouvons les autres thèmes disponibles. Pour activer un autre thème, il suffit de cliquer sur le bouton « Activer » de l’un d’eux. Il sera alors immédiatement visible par les visiteurs, nous vous conseillons de faire tous vos changements avant de cliquer sur « Activer » pour ne pas perturber le fonctionnement du site public. Nous pouvons à tout moment pré-visualiser les modifications effectuées sur un thème, qu’il soit actif ou non.

Pour commencer à modifier le thème de notre choix, nous cliquons sur le lien « Paramétrage ». Nous arrivons sur l’écran contenant tous les réglages possibles sur ce thème. Pour une meilleure lisibilité, les réglages sont groupés par catégorie dans des onglets.

Lorsque nous changeons un ou plusieurs paramètres, nous devons cliquer sur le bouton « Enregistrer » pour sauvegarder nos choix.

Réglage des couleurs
Réglage des couleurs
Choix des polices
Choix des polices de caractères
Option des modules
Options des modules

haut de page
Tous les tutoriels