Een website voor een restaurant, café of winkel heeft één taak: iemand in de buurt helpen besluiten om langs te komen, te bellen of te reserveren. In EverWeb bouwt u hem met een handvol pagina's, met uw menukaart, openingstijden, een kaart, een telefoonnummer waarop mensen kunnen tikken om te bellen, en een knop of formulier van de reserverings- of bestelservice die u al gebruikt. In EverWeb 4.6 en hoger kan een contactformulier ook eenvoudige bestellingen en aanbetalingen ontvangen. Hier ziet u wat u voor elk onderdeel gebruikt, in de volgorde waarin wij het zouden bouwen.
Voordat u begint
- Uw menukaart of productlijst, als tekst of als pdf.
- 10 tot 20 goede foto's, ook van de voorkant van het gebouw, zodat mensen het herkennen.
- Uw reserverings- of bestelservice, als u tafelreserveringen of online bestellingen aanneemt. EverWeb linkt ernaar of toont het formulier ervan op uw pagina. EverWeb beheert geen tafels en toont geen actuele beschikbaarheid.
- Een domeinnaam (uw webadres, zoals uwcafe.nl).
Pagina's om te maken
| Pagina | Wat erop komt | Gebruik in EverWeb |
|---|---|---|
| Home | Een sterke foto, één zin over u, openingstijden, knoppen om te bellen en te reserveren | Een Container ingesteld als Rij voor de knoppen |
| Menukaart | Gerechten en prijzen, of producten | Tekst, plus eventueel een pdf |
| Bezoek ons | Adres, kaart, parkeren, contactformulier | Een vorm met de Vulling ingesteld op Kaart, en Contactformulier Geavanceerd |
| Reserveren of bestellen | Uw reserverings- of bestelservice, of een eenvoudig bestelformulier | Een gelinkte knop, de widget HTML Snippet, of een contactformulier met betalingen (4.6) |
| Galerij | Meer foto's | Responsieve afbeeldingengalerij |
Bouw hem in deze volgorde
- Begin met een responsieve pagina, want de meeste bezoekers zoeken u op met een telefoon. Zet in de sjabloonkiezer (Theme Template Chooser) het filter op Responsief en kies een sjabloon of Blank Responsive (leeg responsief). Deel elk onderdeel in met Containers: zie Een responsieve pagina bouwen met Containers, zodat alles netjes onder elkaar komt op een telefoon.
- Maak een basismodel (Master Page) met uw logo, navigatiemenu en een voettekst met uw adres, openingstijden en telefoonnummer. Dan wijzigt u uw openingstijden op één plek. Zie Dezelfde koptekst, menu en voettekst op elke pagina met een Hoofd Sjabloon.
- Voeg een knop toe om te bellen. Selecteer de knop, ga naar Details > Hyperlinks, vink Maak hyperlink aan, zet Link naar op An External Page (een externe pagina) en typ
tel:en uw nummer met landcode en zonder spaties, zoalstel:+14165550100. Zet er een bovenaan de homepagina en een in de voettekst. Zie Zo linkt u naar een andere pagina, een website, een e-mailadres, een telefoonnummer, een pdf of een deel van een pagina. - Voeg uw menukaart toe. Als tekst op een pagina leest hij goed op telefoons en kan Google de gerechten lezen. Gebruik één tekstvak per onderdeel, zoals Voorgerechten en Hoofdgerechten. Voor een menukaart om af te drukken linkt u een knop naar de pdf, met Link naar ingesteld op A File (een bestand). Verandert de menukaart, gebruik dan Vervang Asset... in de lijst Bestanden: het bestand houdt zijn naam, dus de link, en een eventuele QR-code op uw tafels, blijft werken. Zie Een afbeelding of pdf overal tegelijk vervangen, en bestanden opruimen die u niet meer gebruikt (de lijst Bestanden).
- Voeg een kaart toe. Teken een vorm, ga naar Details > Vorm opties en zet de Vulling op Kaart. Wij raden dit aan boven de oudere widget Google Maps. De optie Basic Map heeft een API-sleutel voor Google Maps nodig, en EverWeb biedt aan u te helpen er een te krijgen. Zie Een Google-kaart aan uw website toevoegen.
- Voeg reserveren of bestellen toe. De eenvoudigste manier is een knop Reserveer een tafel of Bestel online die naar de pagina van uw service linkt. Om het formulier van de service op uw eigen pagina te tonen, kopieert u de insluitcode die u krijgt, sleept u de widget HTML Snippet naar de pagina (in een Container op een responsieve pagina), plakt u de code en klikt u op Toepassen. Verschijnt hij niet op uw gepubliceerde pagina, zet dan Embed Option (insluitoptie) in Widget instellingen van Auto op Direct Embed (direct insluiten) of External Frame (extern kader). Zie Een boekingskalender, Instagram-feed of andere externe code toevoegen met de widget HTML Snippet.
- Ontvang eenvoudige bestellingen of aanbetalingen met een formulier (EverWeb 4.6 en hoger). Met de Contact Forms Enhanced-add-on kan een formulier van Contactformulier Geavanceerd (Contact Form Advanced) betalingen per kaart of via PayPal ontvangen. Dat past bij een bestelling voor een feesttaart met maat en tekst, een cateringboeking met aanbetaling, een bestelling om af te halen, of een cadeaubon. Klanten kiezen opties met een prijs, zien het totaal en betalen op de afrekenpagina van Stripe of PayPal, en u ontvangt de bestelling per e-mail, gemarkeerd als Paid (betaald). Het formulier controleert geen beschikbaarheid of voorraad, dus bevestig elke bestelling of boeking per e-mail of telefoon. Zie Een product met opties en extra's verkopen via uw contactformulier en Boekingen en aanbetalingen ontvangen met uw contactformulier.
- Voeg foto's toe met de widget Afbeeldingsschuifregelaar (Image Slider) of Carrousel, of met een Responsieve afbeeldingengalerij die foto's groot opent als erop getikt wordt. Sla foto's eerst op voor het web, het liefst kleiner dan 500KB per stuk, zodat pagina's snel laden via mobiele data. Als u Geoptimaliseerde afbeeldingen exporteren aanvinkt in File > Bewerk publicatie instellingen, worden kleinere kopieën gepubliceerd.
- Voeg een contactformulier toe voor catering en grote groepen, met Contactformulier Geavanceerd. Zie Hoe gebruik ik mijn eigen SMTP-instellingen (uitgaande e-mail) voor mijn contactformulier?.
- Link uw sociale media, of toon uw nieuwste Facebook-berichten met de widget Facebook-tijdlijn (Facebook Page Timeline). Zie Voeg socialemediaknoppen en -feeds (Facebook, Instagram, X, Pinterest) toe aan uw website.
Buiten EverWeb instellen
- Hosting, domein en e-mail. EverWeb + Hosting bevat hosting en adressen zoals [email protected]. Zie Een e-mailadres maken met uw eigen domeinnaam (EverWeb + Hosting) en Uw domeinnaam naar EverWeb Hosting laten verwijzen (naamservers / DNS bijwerken).
- Google Business Profile (Google Bedrijfsprofiel), de gratis vermelding van Google die uw openingstijden en locatie op de kaart toont in Zoeken en Maps. Voeg uw websiteadres toe, en houd uw openingstijden op beide plekken gelijk.
- Uw account bij de reserverings- of bestelservice, eerst los getest.
- Voor betalingen via formulieren: een Stripe- of PayPal-account, de Contact Forms Enhanced-add-on (zie Wat is de Contact Forms Enhanced-add-on?), en het slotje (HTTPS) op uw website (zie Mijn site meldt 'Niet veilig': zo krijgt u HTTPS (SSL) op uw website).
Controlelijst voordat u publiceert
- De telefoonlink werkt op uw telefoon: klik op Voorbeeld, kies Preview QR Code (QR-code voor voorbeeld) en scan die.
- Openingstijden, adres en telefoonnummer zijn gelijk op uw website, uw Google-vermelding en uw sociale pagina's.
- De prijzen op de menukaart zijn actueel, en de pdf gaat open.
- De Pagina titel en Pagina omschrijving van elke pagina zeggen wat u bent en waar, zoals "Thais restaurant in Utrecht". Zie Waarom kunnen mensen mijn website niet vinden in Google?.
- Foto's hebben een ALT tekst in Vorm opties.
- Publiceer met File > Publiceer hele site, en test daarna de reserveringsknop, het contactformulier en een eventueel bestelformulier op de live website. Formulieren en betalingen werken niet in Voorbeeld.
Gerelateerde artikelen
- Een responsieve pagina bouwen met Containers, zodat alles netjes onder elkaar komt op een telefoon
- Dezelfde koptekst, menu en voettekst op elke pagina met een Hoofd Sjabloon
- Een boekingskalender, Instagram-feed of andere externe code toevoegen met de widget HTML Snippet
- Boekingen en aanbetalingen ontvangen met uw contactformulier
- Mijn contactformulier stuurt me geen e-mails