Wissensdatenbank

Die Website eines Restaurants, Cafés oder Geschäfts hat eine Aufgabe: Menschen in der Nähe dazu zu bringen, vorbeizukommen, anzurufen oder zu reservieren. In EverWeb bauen Sie sie mit einer Handvoll Seiten auf, mit Ihrer Speisekarte, Ihren Öffnungszeiten, einer Karte, einer Telefonnummer, die man zum Anrufen antippen kann, und einer Schaltfläche oder einem Formular des Buchungs- oder Bestelldienstes, den Sie bereits nutzen. Ab EverWeb 4.6 kann ein Kontaktformular auch einfache Bestellungen und Anzahlungen annehmen. Hier erfahren Sie, was Sie für jeden Teil verwenden, in der Reihenfolge, in der wir die Website aufbauen würden.

Bevor Sie beginnen

• Ihre Speisekarte oder Produktliste, als Text oder PDF.
• 10 bis 20 gute Fotos, darunter die Vorderseite des Gebäudes, damit man es wiedererkennt.
• Ihr Buchungs- oder Bestelldienst, wenn Sie Tischreservierungen oder Online-Bestellungen annehmen. EverWeb verlinkt darauf oder zeigt sein Formular auf Ihrer Seite. EverWeb verwaltet keine Tische und zeigt keine Verfügbarkeit in Echtzeit.
• Ein Domainname (Ihre Webadresse, zum Beispiel ihrcafe.de).

Seiten, die Sie anlegen sollten

In dieser Reihenfolge aufbauen

1. Beginnen Sie mit einer Responsiv-Seite, denn die meisten Besucher suchen Sie auf dem Handy. Stellen Sie in der Auswahl der Designvorlagen den Filter auf Responsiv und wählen Sie eine Vorlage oder Blank Responsive (Leer, responsiv). Gestalten Sie jeden Abschnitt mit Containern: Lesen Sie Mit Containern eine responsive Seite erstellen, die sich auf dem Smartphone sauber stapelt.
2. Erstellen Sie eine Master-Seite mit Ihrem Logo, dem Navigationsmenü und einer Fußzeile mit Adresse, Öffnungszeiten und Telefonnummer. So ändern Sie Ihre Öffnungszeiten an einer einzigen Stelle. Lesen Sie Mit einer Master-Seite dieselbe Kopfleiste, dasselbe Menü und dieselbe Fußleiste auf jede Seite bringen.
3. Fügen Sie eine Schaltfläche zum Anrufen hinzu. Wählen Sie sie aus, öffnen Sie Inspektor > Hyperlinks, aktivieren Sie Als Hyperlink aktivieren, stellen Sie Link zu auf Einer externen Seite und geben Sie tel: und Ihre Nummer mit Ländervorwahl und ohne Leerzeichen ein, zum Beispiel tel:+14165550100. Setzen Sie eine davon oben auf die Startseite und eine in die Fußzeile. Lesen Sie So verlinken Sie auf eine andere Seite, eine Website, eine E-Mail-Adresse, eine Telefonnummer, ein PDF oder einen Abschnitt einer Seite.
4. Fügen Sie Ihre Speisekarte hinzu. Als Text auf einer Seite lässt sie sich auf Handys gut lesen, und Google kann die Gerichte erfassen. Verwenden Sie eine TextBox pro Abschnitt, zum Beispiel Vorspeisen und Hauptgerichte. Für eine druckbare Speisekarte verlinken Sie eine Schaltfläche mit dem PDF, indem Sie Link zu auf Einer Datei stellen. Wenn sich die Speisekarte ändert, verwenden Sie Asset ersetzen... in der Ressourcenliste: Die Datei behält ihren Namen, sodass der Link und jeder QR-Code auf Ihren Tischen weiter funktionieren. Lesen Sie Ein Bild oder PDF überall auf einmal ersetzen und nicht mehr verwendete Dateien entfernen (die Liste „Ressourcen“).
5. Fügen Sie eine Karte hinzu. Zeichnen Sie eine Form, öffnen Sie Inspektor > Formoptionen und stellen Sie ihre Füllung auf Karte. Wir empfehlen das gegenüber dem älteren Google Maps Widget. Die Option Basic Map benötigt einen Google Maps API-Schlüssel, und EverWeb hilft Ihnen auf Wunsch, einen zu bekommen. Lesen Sie Eine Google-Karte zu Ihrer Website hinzufügen.
6. Fügen Sie Reservierungen oder Bestellungen hinzu. Am einfachsten ist eine Schaltfläche Tisch reservieren oder Online bestellen, die mit der Seite Ihres Dienstes verlinkt ist. Um das Formular des Dienstes auf Ihrer eigenen Seite zu zeigen, kopieren Sie den Einbettungscode, den Sie dort erhalten, ziehen Sie das Widget HTML-Snippet auf die Seite (auf einer Responsiv-Seite in einen Container), fügen Sie den Code ein und klicken Sie auf Anwenden. Wenn es auf Ihrer veröffentlichten Seite nicht erscheint, ändern Sie Embed Option (Einbettungsoption) in den Widget-Einstellungen von Auto auf Direct Embed (direkt einbetten) oder External Frame (externer Rahmen). Lesen Sie Einen Buchungskalender, einen Instagram-Feed oder anderen externen Code mit dem HTML-Snippet-Widget einfügen.
7. Nehmen Sie einfache Bestellungen oder Anzahlungen mit einem Formular an (ab EverWeb 4.6). Mit dem Contact Forms Enhanced Add-on kann ein Formular vom Typ Kontaktformular Erweitert Zahlungen per Karte oder PayPal annehmen. Das passt zu einer Bestellung für eine Festtagstorte mit Größe und Aufschrift, einer Catering-Buchung mit Anzahlung, einer Bestellung zum Abholen oder einem Geschenkgutschein. Kunden wählen Optionen mit Preisen, sehen die Gesamtsumme und bezahlen auf der Checkout-Seite von Stripe oder PayPal, und Sie erhalten die Bestellung per E-Mail, als Paid (bezahlt) markiert. Verfügbarkeit oder Lagerbestand werden nicht geprüft, bestätigen Sie also jede Bestellung oder Buchung per E-Mail oder Telefon. Lesen Sie Ein Produkt mit Optionen und Extras über Ihr Kontaktformular verkaufen und Buchungen und Anzahlungen mit Ihrem Kontaktformular annehmen.
8. Fügen Sie Fotos hinzu, mit dem Widget Bild-Slider oder Karussell oder einer Responsive Bildergalerie, die Fotos beim Antippen groß öffnet. Speichern Sie Fotos vorher für das Web, möglichst unter 500KB pro Foto, damit Seiten auch über mobile Daten schnell laden. Wenn Sie Optimierte Bilder exportieren unter Datei > Veröffentlichungseinstellungen bearbeiten aktivieren, werden kleinere Kopien veröffentlicht.
9. Fügen Sie ein Kontaktformular hinzu für Catering und große Gruppen, mit Kontaktformular Erweitert. Lesen Sie Wie verwende ich meine eigenen SMTP-Einstellungen (Postausgang) für mein Kontaktformular?.
10. Verlinken Sie Ihre sozialen Medien oder zeigen Sie Ihre neuesten Facebook-Beiträge mit dem Widget Facebook-Timeline (Facebook Page Timeline). Lesen Sie Social-Media-Buttons und -Feeds (Facebook, Instagram, X, Pinterest) zu Ihrer Website hinzufügen.

Außerhalb von EverWeb einrichten

• Hosting, Domain und E-Mail. EverWeb + Hosting enthält Hosting und Adressen wie [email protected]. Lesen Sie E-Mail-Adresse mit Ihrer eigenen Domain erstellen (EverWeb + Hosting) und Ihre Domain auf EverWeb Hosting verweisen (Nameserver / DNS aktualisieren).
• Google Business Profile (Google Unternehmensprofil), der kostenlose Eintrag von Google, der Ihre Öffnungszeiten und Ihre Kartenmarkierung in der Suche und in Maps zeigt. Tragen Sie dort Ihre Website-Adresse ein und halten Sie Ihre Öffnungszeiten an beiden Stellen gleich.
• Ihr Buchungs- oder Bestellkonto, zuerst für sich allein getestet.
• Für Zahlungen über Formulare: ein Stripe- oder PayPal-Konto, das Contact Forms Enhanced Add-on (siehe Was ist das Contact Forms Enhanced Add-on?) und das Schloss-Symbol (HTTPS) auf Ihrer Website (siehe Meine Website zeigt „Nicht sicher“: So bekommen Sie HTTPS (SSL) für Ihre Website).

Checkliste vor dem Veröffentlichen

• Der Telefonlink funktioniert auf Ihrem Handy: Klicken Sie auf Vorschau, wählen Sie Preview QR Code (QR-Code für die Vorschau) und scannen Sie ihn.
• Öffnungszeiten, Adresse und Telefonnummer stimmen auf Ihrer Website, in Ihrem Google-Eintrag und auf Ihren Social-Media-Seiten überein.
• Die Preise auf der Speisekarte sind aktuell, und das PDF lässt sich öffnen.
• Webseitentitel und Webpage-Beschreibung jeder Seite sagen, was Sie sind und wo, zum Beispiel „Thailändisches Restaurant in Leeds“. Lesen Sie Warum finden Menschen meine Website nicht bei Google?.
• Fotos haben einen ALT Text in den Formoptionen.
• Veröffentlichen Sie mit Datei > Gesamte Site veröffentlichen und testen Sie dann die Reservierungsschaltfläche, das Kontaktformular und ein eventuelles Bestellformular auf der Live-Website. Formulare und Zahlungen funktionieren in der Vorschau nicht.

Verwandte Artikel

• Mit Containern eine responsive Seite erstellen, die sich auf dem Smartphone sauber stapelt
• Mit einer Master-Seite dieselbe Kopfleiste, dasselbe Menü und dieselbe Fußleiste auf jede Seite bringen
• Einen Buchungskalender, einen Instagram-Feed oder anderen externen Code mit dem HTML-Snippet-Widget einfügen
• Buchungen und Anzahlungen mit Ihrem Kontaktformular annehmen
• Mein Kontaktformular sendet mir keine E-Mails