Scape User Guide

Everything you need to build, customise, and manage your restaurant website — from first sign-up to taking orders.

Section 1
Getting Started
Section 2
Builder Panels
Section 3
Menu Manager
Section 4
Publishing & Sharing
Section 5
Dashboards
Section 6
Reservations
Section 7
Online Ordering
Section 8
Account & Billing

Getting Started

Create your account

Head to the registration page and enter your restaurant name, email address, and a password (at least 8 characters). Click Create Account to get started — no credit card required.

Already have an account? Use the Sign in link at the bottom of the form.

Registration page with restaurant name, email, and password fields
The registration page — enter your restaurant name, email, and password to create your account.

Choose a template

After signing up, you'll pick a template that sets the overall look and feel of your site. There are twelve options to choose from:

Template selection screen showing five restaurant templates
Choose from twelve purpose-built restaurant templates. You can switch templates later — it will reset colours, fonts, and section layouts to the new template's defaults.

The builder at a glance

Once you select a template, the builder loads. It has two main areas: the editing panel on the left and a live preview of your website on the right. Every change you make in the panel is instantly reflected in the preview.

Builder overview showing the left editing panel and right live preview
The builder: editing panels on the left, live preview on the right. What you see is what your customers see.

Builder Panels

The left sidebar contains several panels, each controlling a different part of your site. Click any icon in the sidebar to switch between them.

General

Set the basics: your restaurant name, tagline, cuisine type, address, phone number, email, and upload your logo. These details appear across your site — in the header, footer, and contact sections.

General panel with restaurant name, tagline, cuisine, address, phone, email, and logo fields
The General panel — your restaurant's core details. The logo appears in the site header.

Sections

Control which sections appear on your site and how they look. Drag sections to reorder them, toggle visibility with the eye icon, and choose a layout variant from the dropdown for each section. Available sections include Hero, About, Menu, Gallery, Reviews, Find Us, and Booking.

Sections panel showing Hero, About, Menu, Gallery, Reviews, Find Us, and Booking with layout variant dropdowns
Drag to reorder, toggle on or off, and choose layout variants — e.g., "Full Bleed" for the hero, "Masonry" for the gallery.

Appearance

Customise the visual identity of your site. Choose from colour presets (Fine Dining, Clean Light, Warm Bistro, Bakery, Bold Dark) or set custom colours individually for background, text, accent, secondary, hero overlay, and buttons.

Below the colours, pick a font pairing from the suggested options (e.g., Classic Elegance, Warm Serif, Modern Clean, Cozy Cafe, Professional) or choose individual heading and body fonts.

Appearance panel showing colour presets, custom colours, and font pairings
Colour presets for quick styling, custom colour pickers for fine control, and curated font pairings.

Gallery

Upload photos of your food, interior, or ambience. Images are auto-compressed to WebP for fast loading (max 5 MB per image). Drag and drop to reorder them. The gallery section on your site will display these images in the layout variant you chose (e.g., Masonry grid).

Gallery panel with uploaded food photos in a grid and an upload button
Upload food and venue photos — drag to reorder, images are auto-compressed for performance.

About

Write a short description of your restaurant in the About text field. Upload an image to accompany it. Add up to four stats (e.g., "15+ Years of service", "2k+ Happy guests", "4.9 Average rating") that appear as highlights on the about section of your site.

About Section panel with text field, image upload, and three stat entries
The About section — a short description, a featured image, and highlight stats.

Find Us

Embed a Google Map by pasting the embed URL from Google Maps (go to Google Maps → Share → Embed a map → copy the URL). Set your opening hours for each day of the week — mark days as closed or set specific open and close times.

Find Us panel with Google Maps embed URL and weekly opening hours table
Paste your Google Maps embed URL and set opening hours for each day.

SEO

Improve how your site appears in search results and social media shares. Set a meta title (up to 60 characters), meta description (up to 160 characters), and upload an Open Graph image (ideal size: 1200 × 630 px) that shows when your link is shared on Facebook, WhatsApp, or other platforms.

SEO panel with meta title, meta description, and Open Graph image upload
SEO panel — control how your site appears in search results and social media previews.

Social Links

Add links to your social media profiles: Instagram, Facebook, TripAdvisor, Google Business, and WhatsApp. These appear as icons on your published site, linking visitors to your profiles.

Social Links panel with fields for Instagram, Facebook, TripAdvisor, Google Business, and WhatsApp
Add your social media links — they appear as clickable icons on your live site.

Booking

Enable Native Reservations to let customers book a table directly on your website. Configure:

Booking panel with reservation settings: slot duration, party size, covers, notification email, auto-confirm toggle
Configure reservation slots, capacity, and whether bookings are auto-confirmed or require manual review.

Ordering

Enable online ordering to let customers place pickup and/or delivery orders directly from your site. Configure:

Tip: Click "Complete Setup" under the Payments section to connect your Stripe account. Once connected, card payments from customers go directly to your bank account.
Ordering panel with order types, delivery settings, pricing, and Stripe payment setup
Online ordering settings — order types, delivery fees, estimated times, and Stripe payment integration.

Publishing & Sharing

Publish your site

When you're happy with your site, click the green Publish button in the top-right corner of the builder. Your site goes live instantly on your subdomain (e.g., your-restaurant.scapesoftware.com). The button changes to Published with a green checkmark to confirm.

Top bar showing the green Publish button
Click "Publish" when you're ready to go live.
Top bar showing Published with a green checkmark
Your site is now live — the button confirms with "Published".

Share & QR code

Click the share icon in the top bar to open the Share modal. From here you can:

Share Site modal showing the site URL, QR code, download link, and Share via button
Share your site link, download a QR code for print, or use your device's share sheet.

Export as ZIP

Need a standalone copy of your site? Click Download as ZIP in the General panel to get a self-contained HTML file with all your images bundled in. Useful for backups or hosting on your own server.

Export section with Download as ZIP button
Export a self-contained HTML file with all images included.

Dashboards

Order Dashboard

Manage incoming orders in a kanban-style board with four columns: Pending, Confirmed, Preparing, and Ready. Each order card shows the customer's name, items, total, and order type (pickup or delivery).

When a new order arrives, it appears in the Pending column. Accept it to move it to Confirmed, then Preparing, and finally mark it as Ready. Customers receive email updates at each stage. You can also reject orders with a reason if needed.

Below the board, Order History shows all past orders for reference.

Order Dashboard with Pending, Confirmed, Preparing, and Ready columns showing orders
The Order Dashboard — move orders through each stage from pending to ready.

Reservations Dashboard

View and manage all table bookings. Filter by date and status (Pending, Confirmed, Cancelled), or use the quick-filter buttons (All, Today, Tomorrow). Each booking shows the guest's name, date, time, party size, phone, email, and any special requests.

Click the green tick to confirm a reservation or the red cross to decline it. The customer receives an email notification either way.

Reservations dashboard showing a pending booking for James with confirm and cancel buttons
Manage reservations — confirm or decline bookings, filter by date or status.

Analytics Dashboard

Track your site's performance at a glance. The summary cards show Page Views, Orders, Revenue, and Average Order Value. Below, two charts visualise trends over time:

Analytics dashboard with summary cards and Page Views and Orders & Revenue charts
Analytics — page views, revenue, and order trends at a glance.

Reservations — What Your Customers See

When a customer visits your published site and clicks Book a Table, they see a clean booking form. They select a date, pick an available time slot (showing remaining capacity, e.g., "10 left"), choose a party size, and enter their name, email, phone, and optional special requests.

After clicking Confirm Reservation, the booking appears on your Reservations Dashboard for you to confirm or decline.

Mobile reservation form with date, time slots, party size, name, email, phone, special requests, and Confirm Reservation button
The reservation form as seen by your customers — date, time slot, party size, and contact details.

Online Ordering — What Your Customers See

Here's the full ordering flow your customers go through when placing an order on your site.

Step 1: Checkout

After adding items to their cart, the customer proceeds to checkout. They choose an order type (Pickup or Delivery), enter their name, email, and phone number. They can opt in to WhatsApp updates, add notes (e.g., special requests), and apply a promo code for a discount. The order summary shows the subtotal, any discount, and the final total.

Mobile checkout form showing order type, customer details, promo code, and order total
Checkout — customers choose pickup or delivery, enter details, and apply promo codes.

Step 2: Email Verification

To prevent spam orders, customers verify their email with a one-time code. A 6-digit code is sent to their email — they enter it and click Verify Code. A resend option is available after a short countdown.

OTP verification screen showing a 6-digit code entry with resend countdown
Email verification — a 6-digit code is sent to the customer's email for security.

Step 3: Payment

After verification, the customer chooses a payment method. Depending on your settings, they can Pay at Pickup (or delivery) or Pay by Card using Stripe's secure payment form. Card payments are processed instantly and go directly to your connected Stripe account.

Payment method selection showing Pay at Pickup and Pay by Card options
Payment — customers choose to pay at pickup or by card.

Step 4: Order Confirmed

Once the order is placed, the customer sees a confirmation screen with their order number, a Pending status badge, and a message that they'll receive an email once you accept the order. They can keep the page open to see real-time status updates as you move the order through your dashboard.

Order confirmed screen showing order number, pending status, and real-time tracking message
Order confirmed — the customer gets an order number and real-time status updates.

Account & Billing

Your Dashboard

The main dashboard is your home base after logging in. It shows your site with quick-access tiles to the key areas:

Your site card shows the restaurant name and current plan status.

Dashboard page showing site card with navigation tiles for Builder, Menu, Analytics, Order Dashboard, and Promo Codes
Your dashboard — quick access to the builder, menu, analytics, orders, and promo codes.