Eine Restaurant-Website mit WordPress erstellen

Laden Sie die Theme-ZIP-Datei über Ihr Dashboard unter Darstellung, Designs, Installieren hoch und aktivieren Sie sie. Der Einrichtungsassistent öffnet sich von selbst, und für dieses Projekt ist er schnell erledigt.

• Zuerst die Lizenz. Fügen Sie den Lizenzschlüssel aus Ihrem Dashboard ein. Mit ihm kann der Einrichtungsassistent im nächsten Schritt das Restaurant-Paket herunterladen.
• Suchen Sie nach Italian Restaurant im Demo-Schritt. Die Karte listet die Seiten, Beiträge und Gerichte auf, die sie mitbringt, bevor Sie sich festlegen.
• Der Plugin-Schritt überspringt sich selbst. Für das Restaurant-Design genügen Canvas und das Begleit-Plugin, das der Assistent für Sie installiert.

Wenn Sie den Einrichtungsassistenten mittendrin schließen, wartet er unter dem Canvas-Menü, bis Sie zurückkehren.

Was jeder der 9 Schritte des Einrichtungsassistenten bewirkt

Öffnen Sie die Startseite über Seiten. Der Editor zeichnet Header, Slider, Seitentitelbereich und Footer so um Ihren Inhalt herum, wie ein Gast sie sehen wird, sodass Sie die Willkommenszeile mit der echten Seite drumherum schreiben.

Klicken, eingeben, ersetzen

Jede Überschrift, jeder Absatz und jedes Bild auf der Seite ist ein Block. Klicken Sie auf einen Block, um darüber Text einzugeben, oder wählen Sie bei einem Bild „Ersetzen“, um eines Ihrer eigenen Fotos auszuwählen. Die Seitenleiste auf der rechten Seite enthält alles Weitere, was dieser Block unterstützt, von den Farben bis zum Link.

Seien Sie konkret

Der Demo-Text ist bewusst allgemein gehalten, was ihn leicht erkennbar und leicht zu übertreffen macht. Ersetzen Sie „Authentic Italian cuisine“ durch das, was nur Sie sagen können: die Region, aus der die Rezepte stammen, den Namen der Person an der Ausgabe, das Holz im Ofen, die Uhrzeit, zu der das Brot aus dem Ofen kommt. Ein Gast, der zwischen zwei Restaurants wählt, achtet auf Details, nicht auf Adjektive.

Wenn ein Abschnitt nicht zu Ihrem Restaurant passt, löschen Sie ihn und setzen Sie ein Muster an seine Stelle. Dafür stehen Ihnen 183 Muster zur Auswahl, die als normale Blöcke eingefügt werden und sich anschließend frei anordnen lassen.

Die Demo enthält ein funktionierendes Formular. Ein Formular in Canvas ist ein Datensatz aus Blöcken: Der Block Form enthält die Felder, der Block Form Field definiert jedes einzelne Feld, der Block Form Submit Button sendet es, und der Block Form Embed bettet das fertige Formular in jede beliebige Seite ein.

Die Felder, die eine Reservierung benötigt

• Felder für Datum und Uhrzeit mit einer frühesten und einer spätesten Uhrzeit. Stellen Sie die früheste Uhrzeit auf die Stunde Ihrer Öffnung und die späteste auf Ihren letzten Service ein, und stellen Sie das Intervall auf fünfzehn oder dreißig Minuten, damit Sie keine Buchung für 19:07 erhalten.
• Ein Zahlenfeld für die Gruppengröße, mit einem Minimum und einem Maximum, die zu Ihrem größten Tisch passen.
• Felder Text und Telefon für Name und Telefonnummer sowie ein Feld E-Mail für die Bestätigung.
• Ein Textfeld für Allergien, Hochstühle und den Jahrestag, den Sie sonst vergessen würden.
• Ein Kontrollkästchen Einwilligung, falls Sie Gäste später per E-Mail kontaktieren möchten, und ein Feld Honeypot, eine unsichtbare Falle, die still die meisten Spam-Einträge abfängt, ohne einen Menschen zu behelligen.

Wohin die Anfragen gehen

Das Reservierungsformular der Demo enthält Felder für Name, Telefonnummer und E-Mail-Adresse, einen Datumsauswähler, der vergangene Tage ausgraut, ein Auswahlmenü für die Uhrzeit und ein Menü für die Personenzahl. Jede Anfrage wird in einer Tabelle auf Ihrer eigenen Website gespeichert, die im WordPress-Admin unter Submissions aufgeführt ist. Es versendet allerdings noch keine E-Mails: Öffnen Sie das Formular, aktivieren Sie im Reiter Actions die Option Send Email Notification und tragen Sie eine Adresse ein, die während des Betriebs regelmäßig gelesen wird. Buchen Sie anschließend selbst einen Tisch und prüfen Sie, ob die Nachricht ankommt.

Behandeln Sie jeden Eintrag als Anfrage, die Sie bestätigen. Das Formular nimmt die Reservierung nur entgegen; es zählt keine Gedecke und hält keine Tische frei. Wenn Sie Live-Verfügbarkeiten benötigen, ist dafür ein eigenes Reservierungssystem das richtige Werkzeug, und die Webhook-Aktion des Formulars kann jede Anfrage dorthin weiterleiten. Legen Sie außerdem im Formular eine Aufbewahrungsdauer fest, damit Telefonnummern von Gästen nach einem Zeitplan Ihrer Wahl gelöscht werden.

In 83 von 88 Demos ist mindestens ein funktionierendes Formular enthalten, sodass Sie meistens ein Formular bearbeiten und die Verkabelung bereits erledigt ist.

Gehen Sie diese Liste durch, bevor Sie jemanden auf die Website verweisen. Sie ist kurz, und jeder Punkt darauf hat schon einmal jemanden in Verlegenheit gebracht.

• Senden Sie eine echte Test-Reservierung von Ihrem Smartphone aus, während das WLAN des Restaurants ausgeschaltet ist, und prüfen Sie, ob die Benachrichtigung eintrifft.
• Lesen Sie jede Seite auf dem Smartphone. Die meisten Menschen, die heute Abend etwas zum Essen suchen, sind gerade unterwegs.
• Prüfen Sie Adresse, Telefonnummer und Öffnungszeiten auf jeder Seite, auf der sie wiederholt werden, einschließlich des Footers.
• Schreiben Sie Alt-Texte für die Fotos. Sie helfen Menschen, die einen Screenreader nutzen, und eine Suchmaschine liest sie zusammen mit der Seite, um Ihren Gastraum zu verstehen.
• Sehen Sie sich den SEO-Bereich an. Canvas leitet Titel, Beschreibungen, Vorschaukarten beim Teilen und strukturierte Daten aus Ihren veröffentlichten Inhalten ab. Die Arbeit besteht daher darin, die Inhalte präzise zu formulieren, nicht darin, einen zweiten Satz Felder auszufüllen.
• Aktivieren Sie die Performance-Schalter, die Sie benötigen. Es gibt 35 Optimierungen, die sich jeweils rückgängig machen lassen, und jede davon lädt weniger von dem, was Ihre Seiten nie verwenden.

Veröffentlichen Sie danach die Website, tragen Sie die Adresse dort ein, wo Gäste suchen, und kehren Sie zum Restaurantbetrieb zurück. Die Website ist jetzt eine Sammlung von Datensätzen, die Sie bei Menüänderungen aktualisieren, und kein Projekt mehr.