Présence en ligne

Créez le site web de votre restaurant, intégrez un widget de réservation sur n'importe quel site, branchez votre propre nom de domaine et affichez vos réseaux sociaux.

Comprendre l'onglet « Présence en ligne »

L'onglet « Présence en ligne » d'un restaurant regroupe tout ce qui concerne votre vitrine internet. Il se divise en deux sous-onglets : « Site web » (un vrai mini-site clé en main pour votre restaurant) et « Widget » (un module de réservation à coller sur un site que vous possédez déjà). Les deux s'appuient sur votre agent de réservation pour permettre à vos clients de réserver en ligne.

Étapes

  1. Ouvrez un restaurant depuis la liste « Restaurants ».
  2. Cliquez sur l'onglet « Présence en ligne » (icône planète) dans la barre d'onglets du restaurant.
  3. Choisissez le sous-onglet « Site web » pour construire/publier votre site, ou « Widget » pour récupérer le code de réservation à coller ailleurs.
  4. Travaillez le sous-onglet voulu puis revenez à l'autre quand vous le souhaitez : les deux sont indépendants.

Réglages

Site web
Sous-onglet qui ouvre le constructeur de site (thème, visuels, contenu, galerie, SEO) et la gestion des domaines personnalisés.
Widget
Sous-onglet qui génère le widget de réservation embarquable (lien direct, code iframe, bouton flottant) pour chaque agent actif.

Le sous-onglet « Widget » et le bouton « Réserver » de votre site ne fonctionnent QUE si vous avez au moins un agent actif. Sans agent actif, le sous-onglet Widget affiche un écran « Agent requis » avec un bouton « Créer un agent ».

S'il faut créer un agent, le message précise : « Sans agent, le widget et le bouton de réservation du site ne seront pas disponibles. »

On peut arriver directement sur cet onglet via les anciens liens « widget » ou « website » : ils redirigent tous vers « Présence en ligne ».

Construire le site web de votre restaurant

Le sous-onglet « Site web » est un constructeur de mini-site sans code. Vous choisissez un thème, ajoutez vos visuels et votre texte, puis vous publiez. Le site comporte 4 pages : Accueil, Carte & Menus, Photos et Contact. Les modifications se font dans des sections repliables et doivent être sauvegardées, puis publiées pour devenir visibles du public.

Étapes

  1. Dans « Présence en ligne » > « Site web », attendez le chargement du module (« Chargement du module site web... »).
  2. Section « Thème » (ouverte par défaut) : cliquez sur l'une des 3 cartes pour choisir l'identité visuelle (Luna, Atelier ou Terra).
  3. Section « Visuels & Branding » : ajoutez votre logo et votre image de couverture (hero).
  4. Section « Contenu de la page d'accueil » : remplissez titre, sous-titre, texte du bouton, description, histoire, ambiance et points forts.
  5. Section « Galerie photos » : importez vos photos (ou utilisez le remplissage automatique).
  6. Section « Référencement (SEO) » : ajustez le titre et la description affichés sur Google.
  7. Cliquez sur « Sauvegarder » (en haut ou dans la barre fixe en bas) pour enregistrer le brouillon.
  8. Cliquez sur « Aperçu » pour visualiser le rendu dans un cadre intégré, ou « Voir le site » pour l'ouvrir dans un nouvel onglet.
  9. Quand tout est prêt, cliquez sur « Publier » pour rendre le site visible publiquement.

Réglages

Thème
Identité visuelle du site, parmi 3 options. Luna (« Minimal & Contemporain », élégance épurée), Atelier (« Éditorial & Raffiné », esprit magazine de luxe), Terra (« Chaleureux & Naturel », esprit maison). Chaque carte affiche un aperçu du nom de votre restaurant dans la police du thème. Défaut : Luna.
Logo du restaurant
Image affichée dans la navigation du site. Format carré recommandé. Si vide, aucun logo n'est affiché et seul le nom du restaurant fait office de logo (« Icône par défaut si vide »).
Image de couverture (hero)
Image plein écran sur la page d'accueil, format paysage. Si vide, la première photo de la galerie est utilisée automatiquement.
Titre du hero
Grand titre affiché sur l'image de couverture. Par défaut, le nom du restaurant.
Sous-titre du hero
Texte optionnel sous le titre principal (ex. « Cuisine italienne au cœur de Paris »).
Texte du bouton principal
Libellé du bouton de réservation du site. Défaut : « Réserver une table ».
Description (section « À propos »)
Texte d'introduction de votre restaurant, affiché dans la section d'accueil. Sert aussi de repli pour l'histoire si celle-ci est vide.
Histoire du restaurant
Texte optionnel affiché dans la section « Notre histoire ». Si vide, la Description est réutilisée à la place.
Atmosphère
Texte optionnel décrivant le ressenti d'une visite. Affiché dans le bloc « Ambiance » des informations pratiques du site public.
Points forts
Une accroche par ligne, affichées sous la description sous forme de badges. Maximum 8 (l'éditeur coupe au-delà). Exemples : « Cuisine méditerranéenne », « Terrasse ensoleillée », « Produits locaux ».
Titre SEO
Titre affiché par Google et dans l'onglet du navigateur. Recommandé : 60 caractères maximum (un compteur s'affiche). Si vide, le nom du restaurant est utilisé.
Description SEO
Description courte pour Google. Recommandé : 160 caractères maximum (compteur affiché). Un « Aperçu Google » montre le rendu (titre bleu, URL verte, description).
Slug YumCall
Identifiant d'URL du site, généré automatiquement à partir du nom + ville, avec unicité garantie. En lecture seule, non modifiable.

Deux statuts existent : « Brouillon » (modifications enregistrées mais site non visible) et « Publié ». Sauvegarder ne suffit pas à mettre en ligne : il faut aussi Publier.

Sauvegarder enregistre tout le contenu ; le champ Atmosphère est enregistré séparément dans les infos étendues du restaurant.

Le constructeur n'a pas de section « Carte & Menus » : la page Menu du site reprend automatiquement la carte saisie dans l'onglet « Menu » du restaurant. Tant qu'aucune catégorie n'est renseignée, la page affiche « La carte sera bientôt disponible ».

Adresse, téléphone, horaires d'ouverture, types de cuisine et fuseau horaire sont repris automatiquement depuis la fiche du restaurant ; pas besoin de les ressaisir ici.

L'aperçu est en lecture seule : il reflète le brouillon en cours mais l'URL publique ne change qu'après publication.

Spécialités, fourchette de prix, infos chef et parking proviennent des infos étendues du restaurant et alimentent les blocs « Informations pratiques » / « Accès » du site public.

Ajouter des photos et enrichir le contenu depuis Google

Pour gagner du temps, YumCall peut pré-remplir vos visuels et vos textes à partir des données Google de votre établissement, ou générer une galerie d'inspiration. Vous gérez ensuite vos photos manuellement dans la section « Galerie photos ».

Étapes

  1. Pour remplir automatiquement le contenu, cliquez sur « Enrichir avec Google » (en haut du module). YumCall récupère nom, adresse, note, photos et types de cuisine depuis Google Places.
  2. Pour gérer vos photos, ouvrez la section « Galerie photos ».
  3. Importez vos propres photos en cliquant dans la zone d'upload, ou glissez-déposez vos fichiers directement.
  4. Sinon, cliquez sur « Auto (Unsplash) » pour pré-remplir la galerie avec 3 photos d'inspiration libres.
  5. Réorganisez les photos par glisser-déposer si besoin, puis « Sauvegarder ».

Réglages

Enrichir avec Google
Remplit uniquement les champs encore vides : titre/description SEO, titre et sous-titre du hero, texte À propos, points forts (types de cuisine), et galerie (jusqu'à 6 photos Google, sinon 3 photos d'inspiration). Ne remplace jamais ce que vous avez déjà saisi.
Auto (Unsplash)
Remplace la galerie par 3 photos génériques liées à votre type de cuisine, pour démarrer rapidement. À remplacer ensuite par vos vraies photos.
Galerie photos
Vos photos importées, affichées sur la page d'accueil (aperçu de 3) et sur la page Photos. Le titre de la section indique le nombre de photos configurées.

Formats acceptés pour l'upload : JPEG, PNG, WebP (et SVG/GIF/AVIF). Taille maximum : 5 Mo par fichier. Plusieurs fichiers à la fois sont possibles dans la galerie.

« Enrichir avec Google » nécessite que le restaurant soit relié à une fiche Google (placeId). Sinon, un message « Aucun placeId Google disponible » s'affiche.

Si aucune photo n'est configurée, le site affiche d'abord les photos Google de l'établissement, puis, à défaut, des images par défaut.

Les photos « Auto (Unsplash) » sont des images d'illustration, pas celles de votre restaurant : remplacez-les avant une vraie mise en ligne.

L'image de couverture (hero) tombe sur la première photo de la galerie si vous ne fournissez pas d'image dédiée.

Brancher votre propre nom de domaine

Par défaut, votre site est accessible sur une adresse YumCall (votre slug suivi de yumcall.app). Vous pouvez aussi brancher votre propre nom de domaine (ex. www.monrestaurant.fr) via la section « Domaines personnalisés », en bas du sous-onglet « Site web ». Le processus se fait en 3 étapes : ajout du domaine, configuration DNS, puis activation automatique (vérification DNS + certificat SSL).

Étapes

  1. Descendez jusqu'à la carte « Domaines personnalisés ».
  2. Saisissez votre domaine en commençant par www. (ex. « www.monrestaurant.fr ») puis cliquez sur « Ajouter » (ou touche Entrée).
  3. Une fois ajouté, le domaine apparaît à l'étape « Configurer » avec les enregistrements DNS à créer.
  4. Connectez-vous chez votre hébergeur de domaine (registrar) et ajoutez les enregistrements affichés (généralement un CNAME et un TXT). Utilisez les boutons « Copier » à côté de chaque valeur.
  5. Patientez : YumCall lance une « Vérification automatique » (toutes les 10 secondes) ; vous pouvez aussi cliquer sur « Vérifier maintenant ».
  6. Quand le DNS est validé, l'étape passe à « Provisioning du certificat SSL en cours… » puis à l'état en ligne (badges « DNS vérifié » et « SSL actif »).
  7. Si vous avez plusieurs domaines, cliquez sur « Définir comme domaine principal » sur celui que vous voulez utiliser en priorité.

Réglages

Champ « Ajouter un domaine »
Saisie de l'hôte à connecter. Doit être un sous-domaine valide (ex. www.monrestaurant.fr). Le bouton « Ajouter » reste désactivé tant que le format est invalide.
Enregistrements DNS (CNAME / TXT)
Liste des entrées à créer dans la zone DNS de votre domaine, avec « Nom / Host » et « Valeur / Cible » copiables. Le CNAME pointe le site vers YumCall ; le TXT prouve que le domaine vous appartient.
Vérifier maintenant
Force une vérification immédiate du DNS au lieu d'attendre le contrôle automatique.
Définir comme domaine principal
Marque ce domaine (badge « Principal ») comme adresse principale du site. Visible uniquement une fois le domaine en ligne (DNS vérifié + SSL actif).
Supprimer (icône corbeille)
Déconnecte le domaine du site, après confirmation. Vous pourrez le rajouter plus tard si besoin.
Besoin d'aide ? Voir les guides par registrar
Bloc dépliant avec des instructions pas-à-pas pour OVH, Cloudflare, GoDaddy et Gandi.

Les domaines racine (ex. monrestaurant.fr sans www) ne sont PAS supportés car ils n'acceptent pas de CNAME. Utilisez le sous-domaine www. (un bouton « Utiliser www. » est proposé) puis configurez une redirection 301 chez votre registrar.

La propagation DNS et l'émission du certificat SSL peuvent prendre quelques minutes ; c'est normal.

Astuce d'affichage : certains registrars demandent juste le sous-domaine (ex. « www »), d'autres le nom complet ; les deux fonctionnent.

Sous Cloudflare, pensez à désactiver le proxy (nuage gris) sur le CNAME, sinon la vérification échoue.

Tant qu'un domaine personnalisé n'est pas pleinement en ligne (DNS vérifié + SSL actif + défini comme principal), l'en-tête du module continue d'afficher l'adresse YumCall comme lien principal.

Une fois le domaine principal en ligne, l'en-tête affiche votre domaine (avec un cadenas vert) comme lien principal et l'adresse YumCall en lien secondaire.

Intégrer le widget de réservation sur un autre site

Le sous-onglet « Widget » fournit, pour chaque agent actif, tout le nécessaire pour permettre la réservation depuis un site que vous possédez déjà (WordPress, Wix, votre propre site, etc.). Trois usages sont proposés : un lien de réservation à partager, un widget intégré dans une page (iframe), et un bouton flottant qui apparaît en bas à droite de toutes vos pages.

Étapes

  1. Ouvrez « Présence en ligne » > « Widget ». Un bloc « Widget de réservation » s'affiche pour chaque agent actif.
  2. Choisissez la couleur (palette de presets ou sélecteur de couleur) et le thème (Clair / Sombre) ; un mini-aperçu du bouton se met à jour.
  3. Pour partager simplement : dans l'onglet « Widget intégré », copiez « Votre lien de réservation » avec « Copier le lien », et envoyez-le à vos clients (réseaux sociaux, fiche Google, email...).
  4. Pour intégrer dans une page : toujours dans « Widget intégré », dépliez « Voir le code à copier », cliquez sur « Copier le code d'intégration » et collez le code iframe dans le HTML de votre page.
  5. Pour un bouton sur tout le site : ouvrez l'onglet « Bouton flottant », cliquez « Copier le code » et collez la ligne juste avant la balise </body> de votre site.
  6. Vérifiez le rendu avec « Prévisualiser le widget » (lien) ou « Prévisualiser sur une page test » (bouton flottant).

Réglages

Couleur du widget
Couleur principale du module. 6 presets fournis : Émeraude (#239772, défaut), Bleu océan, Violet, Rose, Orange, Ardoise. Sélecteur de couleur libre et champ hexadécimal également disponibles.
Thème
Apparence du widget : « Clair » (défaut) ou « Sombre ».
Type d'intégration
Deux onglets : « Widget intégré » (lien partageable + code iframe) et « Bouton flottant » (script une ligne, recommandé pour la plupart des sites).
Votre lien de réservation
URL directe vers le formulaire de réservation de ce restaurant. À partager tel quel ; le widget récupère sa configuration (couleur/thème) automatiquement.
Code d'intégration (iframe)
Bloc HTML <iframe> à coller dans une page existante (idéal pour une page « Réserver une table »). Largeur 100 %, hauteur 700px, largeur max 450px, coins arrondis.
Code du bouton flottant
Une seule ligne <script> à coller avant </body>. Affiche un bouton de réservation visible sur toutes les pages, responsive, qui ouvre une fenêtre modale.

La couleur et le thème sont sauvegardés automatiquement (après une courte pause de saisie) côté serveur : les widgets déjà intégrés se mettent à jour tout seuls au prochain chargement, sans recoller le code.

Pour le bouton flottant, la propagation des changements de couleur/thème peut prendre jusqu'à 5 minutes (cache).

Les codes sont volontairement « propres » (sans paramètres) : inutile de modifier le code à chaque changement de style. Le widget lit sa config depuis YumCall.

Si plusieurs agents sont actifs sur le même restaurant, un bloc widget distinct est généré pour chacun.

« Recommandé pour la plupart des sites » : le bouton flottant (une seule ligne de code, mises à jour automatiques, bouton visible partout).

Le parcours de réservation côté client (widget)

Quel que soit le mode d'intégration (lien, iframe ou bouton flottant), vos clients suivent le même formulaire de réservation en 4 étapes, propulsé par votre agent qui calcule les disponibilités en temps réel. Comprendre ce parcours aide à expliquer le fonctionnement à vos clients et à anticiper les cas particuliers.

Étapes

  1. Étape 1, « Combien de personnes ? » : le client choisit le nombre de convives (1 à 10).
  2. Étape 2, « Quelle date ? » : sélection dans le calendrier, avec raccourcis « Aujourd'hui », « Demain », « Ce weekend ». Les jours de fermeture sont grisés.
  3. Étape 3, « À quelle heure ? » : les créneaux disponibles s'affichent, regroupés par service (ex. Déjeuner, Dîner).
  4. Étape 4, « Vos coordonnées » : le client saisit Prénom, Nom, Email, Téléphone et une Note optionnelle, puis clique « Confirmer ».
  5. Si le service exige une empreinte de carte, un écran « Enregistrez votre carte » apparaît avant la confirmation finale.
  6. Une fois validée, l'écran « Réservation confirmée ! » récapitule la réservation et indique que la confirmation a été envoyée par email.

Réglages

Nombre de personnes
Étape 1, de 1 à 10 convives. Le passage à l'étape suivante est automatique après sélection.
Coordonnées client
Prénom, Nom, Email et Téléphone sont obligatoires pour confirmer. La Note (allergies, demandes spéciales) est optionnelle.

Les créneaux affichés et la durée de réservation respectent la configuration du service de votre restaurant (durée de créneau, capacité, etc.) : le widget ne fixe rien arbitrairement.

Si une date est fermée (fermeture exceptionnelle), le widget affiche « Restaurant fermé » avec votre note publique éventuelle, et propose un bouton « Prochain créneau le… » vers la prochaine date disponible.

S'il n'y a aucun créneau libre, le message « Aucun créneau disponible » s'affiche, là aussi avec le prochain créneau possible si disponible.

Si le service requiert un pré-paiement, une empreinte de carte est demandée (« Aucun montant n'est débité maintenant ») et la réservation se confirme une fois la carte enregistrée.

Le widget reprend automatiquement le nom du restaurant, le fuseau horaire et les horaires d'ouverture ; il affiche en pied « Propulsé par Yumcall ».

Réseaux sociaux et pages du site public

Votre site public comporte 4 pages (Accueil, Carte & Menus, Photos, Contact) avec un bouton « Réserver » toujours accessible, et un footer qui peut afficher vos liens Instagram et Facebook. Ces liens réseaux sociaux ne se règlent PAS dans le constructeur de site mais dans les informations du restaurant.

Étapes

  1. Pour ajouter vos réseaux sociaux : ouvrez le restaurant, allez dans l'onglet d'informations du restaurant (infos étendues).
  2. Renseignez « Lien Instagram » (ex. https://instagram.com/votreresto) et/ou « Lien Facebook » (ex. https://facebook.com/votreresto).
  3. Saisissez l'URL complète, avec https://.
  4. Sauvegardez : les liens apparaissent alors dans le footer (« Suivez-nous ») et sur la page Contact (« Réseaux sociaux ») de votre site.
  5. Côté client, ces liens s'ouvrent dans un nouvel onglet.

Réglages

Lien Instagram
URL complète de votre page Instagram. Affichée dans le footer et la page Contact du site public. Astuce affichée : « Liens affichés dans le footer de votre site public. Renseignez l'URL complète (avec https://). »
Lien Facebook
URL complète de votre page Facebook. Même affichage que pour Instagram.

Le bloc « Suivez-nous » du footer et le bloc « Réseaux sociaux » de la page Contact n'apparaissent que si au moins un des deux liens (Instagram ou Facebook) est renseigné.

Le footer affiche aussi votre adresse, votre téléphone (cliquable), la navigation et un copyright « © [année] [nom] » avec « Propulsé par YumCall ».

La page Contact intègre une carte Google Maps, vos coordonnées avec un lien « Voir sur Google Maps », vos horaires d'ouverture et, si renseignées, vos infos d'accès/parking.

Le bouton « Réserver » est présent dans la barre de navigation, dans le hero d'accueil, en bas de page, et en bouton flottant ; il ouvre le widget de réservation dans une fenêtre modale. Il n'apparaît que si un agent actif existe.

Le menu/carte du site reprend automatiquement la carte saisie dans l'onglet « Menu » du restaurant ; les prix s'affichent en euros (format français).

Mis à jour le 4 juin 2026.

PrécédentMenuSuivantGérer les réservations au quotidien

Pour aller plus loin

MenuRéservations & disponibilités
Prendre RDV