Le site Web d'un restaurant, d'un café ou d'une boutique a une seule mission : aider une personne du quartier à décider d'entrer, d'appeler ou de réserver. Dans EverWeb, vous pouvez le créer en quelques pages, avec votre carte, vos horaires d'ouverture, un plan d'accès, un numéro de téléphone sur lequel il suffit de toucher pour appeler, et un bouton ou un formulaire du service de réservation ou de commande que vous utilisez déjà. Dans EverWeb 4.6 et versions ultérieures, un formulaire de contact peut aussi prendre des commandes simples et des acomptes. Voici quoi utiliser pour chaque partie, dans l'ordre où nous le construirions.
Avant de commencer
- Votre carte ou votre liste de produits, sous forme de texte ou de PDF.
- 10 à 20 bonnes photos, dont la façade du bâtiment pour que les gens la reconnaissent.
- Votre service de réservation ou de commande, si vous prenez des réservations de tables ou des commandes en ligne. EverWeb crée un lien vers ce service ou affiche son formulaire sur votre page. EverWeb ne gère pas les tables et n'affiche pas les disponibilités en temps réel.
- Un nom de domaine (votre adresse Web, par exemple votrecafe.com).
Les pages à créer
| Page | Ce qu'elle contient | Dans EverWeb, utilisez |
|---|---|---|
| Accueil | Une photo forte, une phrase sur vous, les horaires, des boutons Appeler et Réserver | Un conteneur réglé sur Ligne pour les boutons |
| Carte | Les plats et les prix, ou les produits | Du texte, plus un PDF facultatif |
| Nous trouver | Adresse, plan, stationnement, formulaire de contact | Une forme dont le Remplissage est réglé sur Carte, et le formulaire de contact avancé |
| Réserver ou Commander | Votre service de réservation ou de commande, ou un simple bon de commande | Un bouton avec lien, le widget d'extrait HTML, ou un formulaire de contact avec paiements (4.6) |
| Galerie | D'autres photos | Galerie d'images réactives |
Construisez-le dans cet ordre
- Commencez par une page adaptative, car la plupart des visiteurs vous chercheront sur un téléphone. Dans le sélecteur de modèles de thème, réglez le filtre sur Adaptatif et choisissez un modèle ou Blank Responsive (page adaptative vierge). Organisez chaque section avec des conteneurs : consultez Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone.
- Créez une page maîtresse avec votre logo, votre menu de navigation et un pied de page contenant votre adresse, vos horaires et votre numéro de téléphone. Vous modifiez ensuite vos horaires à un seul endroit. Consultez Placer le même en-tête, le même menu et le même pied de page sur toutes les pages avec une page maîtresse.
- Ajoutez un bouton « toucher pour appeler ». Sélectionnez-le, allez dans Inspecteur > Hyperliens, cochez Activer en tant qu'hyperlien, réglez Lier à sur Une page externe et tapez
tel:suivi de votre numéro avec l'indicatif du pays et sans espaces, par exempletel:+14165550100. Placez-en un en haut de la page d'accueil et un autre dans le pied de page. Consultez Comment créer un lien vers une autre page, un site Web, une adresse e-mail, un numéro de téléphone, un PDF ou une section de page. - Ajoutez votre carte. Sous forme de texte sur une page, elle se lit bien sur les téléphones et Google peut lire les plats. Utilisez une zone de texte par rubrique, comme Entrées et Plats. Pour une carte imprimable, liez un bouton au PDF en réglant Lier à sur Un fichier. Quand la carte change, utilisez Remplacer l'actif... dans la liste Composants : le fichier garde son nom, donc le lien, et tout code QR posé sur vos tables, continue de fonctionner. Consultez Remplacer une image ou un PDF partout à la fois, et faire le ménage dans les fichiers que vous n'utilisez plus (la liste Composants).
- Ajoutez un plan. Dessinez une forme, allez dans Inspecteur > Options de forme et réglez son Remplissage sur Carte. Nous recommandons cette méthode plutôt que l'ancien widget de Google Maps. L'option Carte de base nécessite une clé API Google Maps, et EverWeb propose de vous aider à en obtenir une. Consultez Ajouter une carte Google à votre site Web.
- Ajoutez les réservations ou les commandes. Le plus simple est un bouton Réserver une table ou Commander en ligne lié à la page de votre service. Pour afficher le formulaire du service sur votre propre page, copiez le code d'intégration qu'il vous fournit, faites glisser le Widget d'extrait HTML (HTML Snippet) sur la page (dans un conteneur sur une page adaptative), collez le code et cliquez sur Appliquer. S'il n'apparaît pas sur votre page publiée, changez Embed Option (option d'intégration) dans Réglages des widgets de Auto à Direct Embed (intégration directe) ou External Frame (cadre externe). Consultez Ajouter un calendrier de réservation, un fil Instagram ou un autre code externe avec le widget d'extrait HTML.
- Prenez des commandes simples ou des acomptes avec un formulaire (EverWeb 4.6 et versions ultérieures). Avec l'add-on Contact Forms Enhanced, un formulaire créé avec le widget Formulaire de contact avancé (Contact Form Advanced) peut accepter un paiement par carte ou par PayPal. Il convient à la commande d'un gâteau de fête avec la taille et le message, à une réservation de traiteur avec acompte, à une commande à emporter ou à un bon cadeau. Les clients choisissent des options payantes, voient le total et paient sur la page de paiement de Stripe ou de PayPal, et vous recevez la commande par e-mail marquée Paid (payé). Le formulaire ne vérifie ni les disponibilités ni les stocks : confirmez donc chaque commande ou réservation par e-mail ou par téléphone. Consultez Vendre un produit avec options et suppléments depuis votre formulaire de contact et Prendre des réservations et des acomptes avec votre formulaire de contact.
- Ajoutez des photos avec le widget Curseur d'images ou Carrousel, ou une Galerie d'images réactives qui affiche les photos en grand quand on les touche. Enregistrez d'abord vos photos pour le Web, idéalement moins de 500 Ko chacune, pour que les pages se chargent vite avec les données mobiles. Cocher Exporter des images optimisées dans Fichier > Modifier les paramètres de publication publie des copies plus légères.
- Ajoutez un formulaire de contact pour les demandes de traiteur et de groupes, avec le Formulaire de contact avancé. Consultez Comment utiliser mes propres paramètres SMTP (courrier sortant) avec mon formulaire de contact ?.
- Ajoutez des liens vers vos réseaux sociaux, ou affichez vos dernières publications Facebook avec le widget Chronologie Facebook (Facebook Page Timeline). Consultez Ajouter des boutons et des fils de réseaux sociaux (Facebook, Instagram, X, Pinterest) à votre site Web.
À configurer en dehors d'EverWeb
- Hébergement, domaine et messagerie. EverWeb + Hosting comprend l'hébergement et des adresses comme [email protected]. Consultez Créer une adresse e-mail avec votre propre domaine (EverWeb + Hosting) et Faire pointer votre domaine vers EverWeb Hosting (mettre à jour les serveurs de noms / DNS).
- Google Business Profile, la fiche gratuite de Google qui affiche vos horaires et votre repère sur la carte dans la recherche Google et dans Google Maps. Ajoutez-y l'adresse de votre site Web, et gardez les mêmes horaires aux deux endroits.
- Votre compte de réservation ou de commande, testé d'abord séparément.
- Pour les paiements par formulaire : un compte Stripe ou PayPal, l'add-on Contact Forms Enhanced (consultez Qu'est-ce que l'add-on Contact Forms Enhanced ?), et le cadenas (HTTPS) sur votre site Web (consultez Mon site indique « Non sécurisé » : comment passer votre site Web en HTTPS (SSL)).
Liste de vérification avant de publier
- Le lien téléphonique fonctionne sur votre téléphone : cliquez sur Aperçu, choisissez Preview QR Code (code QR d'aperçu) et scannez-le.
- Les horaires, l'adresse et le téléphone sont identiques sur votre site Web, votre fiche Google et vos pages de réseaux sociaux.
- Les prix de la carte sont à jour, et le PDF s'ouvre.
- Le Titre de la page Web et la Description de la page Web de chaque page disent ce que vous êtes et où, par exemple « Restaurant thaï à Leeds ». Consultez Pourquoi les gens ne trouvent-ils pas mon site Web sur Google ?.
- Les photos ont un Texte ALT dans Options de forme.
- Publiez avec Fichier > Publier le site entier, puis testez le bouton de réservation, le formulaire de contact et tout bon de commande sur le site Web en ligne. Les formulaires et les paiements ne fonctionnent pas dans l'Aperçu.
Articles connexes
- Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone
- Placer le même en-tête, le même menu et le même pied de page sur toutes les pages avec une page maîtresse
- Ajouter un calendrier de réservation, un fil Instagram ou un autre code externe avec le widget d'extrait HTML
- Prendre des réservations et des acomptes avec votre formulaire de contact
- Mon formulaire de contact ne m'envoie pas d'e-mails