Accessing the Page Editor
Open the Pages Section
1. Scroll down on the left navigation of your Spillover Command Center and click "Pages".
2. You will see all your website pages listed. You can add new pages, edit existing pages, copy old pages, and edit SEO settings.
3. In the Main Page settings you will see the Page Name, Page URL, and Schedule publish options.
If you are adding a new page, these fields will be blank. Enter a Page Name and the Page URL will be created automatically, but it can be edited if needed. You can also leave Schedule publish empty to publish the page manually or select a date and time if you want the page to publish automatically later.
4. Beneath the Main Settings, you will see one (or more) content boxes displayed. Select an element inside the content box to start editing.
When making extensive edits we recommend copying the source code to a text editor before making changes so you can revert if needed.
Working with Page Elements
Adding and Editing New Elements
5. Adding and Editing New Elements
- Content - Drag and drop elements to add to the Page Content
- Settings - Settings for the element selected in the Page Content area
- Sections - Premade styled sections to drag and drop into the Page Content area
- Layers - Hierarchy of page elements

Content Elements
- Paragraph:
- Inserts a block of text.
- Used for writing paragraphs of content.
- Text:
- Adds plain text.
- Used for inserting a single line or small block of text.
- Image:
- Inserts an image.
- Used to display an image uploaded from your device or selected from the Media Library.
- Div:
- Adds a division or container.
- Used for grouping elements together for styling or scripting purposes.
- Link:
- Adds a hyperlink.
- Used to create clickable links that direct visitors to another page or website.
- Anchor:
- Inserts an anchor.
- Used to create a specific point on the page that can be linked to from another location.
- Button:
- Inserts a button.
- Used to create an interactive element that can link to another page or trigger an action.
- Button Group:
- Adds a group of buttons.
- Used to display multiple related buttons together.
- Heading:
- Inserts a heading.
- Used to create headings from H1 to H6 and organize content hierarchically.
- List:
- Inserts a list.
- Used to create an ordered or unordered list of items.
- List Item:
- Adds an item to a list.
- Used to add an individual item within an ordered or unordered list.
- Table:
- Inserts a table.
- Used to display information in rows and columns.
- Card:
- Adds a card element.
- Used to present related content in a visually distinct section.
- Gallery:
- Inserts an image gallery.
- Used to display multiple images together in an organized layout.
- Events Calendar:
- Inserts an events calendar.
- Used to display events, meetings, or other important dates.
- Form:
- Adds a form.
- Used to collect information or submissions from website visitors.
- Custom Code:
- Provides an option to insert custom code.
- Used to add custom HTML, CSS, JavaScript, or other functionality.
- Video:
- Inserts a video.
- Used to embed and display video content on the page.
Layout Elements
- Container:
- Inserts a container element.
- Used for grouping and structuring content within the page layout.
- Row:
- Adds a row within a container.
- Used to arrange columns and other elements horizontally.
- Column:
- Adds a column within a row.
- Used to divide a row into separate sections for content.
- Content Section:
- Inserts a content section.
- Used to create a structured section for grouping related page content.
Main Widgets
- Hours:
- Inserts the business hours widget.
- Used to display the hours entered in the Business Center.
- Address:
- Inserts the business address widget.
- Used to display the complete address entered in the Business Center.
- Phone:
- Inserts the business phone number widget.
- Used to display the phone number entered in the Business Center.
- FAQ:
- Inserts the FAQ widget.
- Used to display frequently asked questions and answers from information entered in the Business Center.
- Social Row:
- Inserts a row of social media links.
- Used to display the available social media accounts entered in the Business Center.

- Email:
- Inserts the business email address.
- Used to display the email address entered in the Business Center.
- Email-Phone:
- Inserts the business email address and phone number.
- Used to display both contact methods together.
- Special Hours:
- Inserts the business's special hours.
- Used to display temporary, holiday, or date-specific hours.
- Long Hours:
- Inserts an expanded version of the business hours.
- Used to display each day's hours in a longer format.
- Street Address:
- Inserts the street portion of the business address.
- Used to display the street address separately from the city, state, and ZIP Code.
- City:
- Inserts the city from the business address.
- Used to display the city as an individual element.
- State:
- Inserts the state from the business address.
- Used to display the state as an individual element.
- ZIP Code:
- Inserts the ZIP Code from the business address.
- Used to display the ZIP Code as an individual element.
- Country:
- Inserts the country from the business address.
- Used to display the country as an individual element.
- Facebook:
- Inserts a link to the business's Facebook page.
- Uses the Facebook URL entered in the Business Center.
- Instagram:
- Inserts a link to the business's Instagram profile.
- Uses the Instagram URL entered in the Business Center.
- X:
- Inserts a link to the business's X profile.
- Uses the X URL entered in the Business Center.
- Google:
- Inserts a link to the business's Google profile.
- Uses the Google URL entered in the Business Center.
- Yelp:
- Inserts a link to the business's Yelp page.
- Uses the Yelp URL entered in the Business Center.
- Trip Advisor:
- Inserts a link to the business's Trip Advisor page.
- Uses the Trip Advisor URL entered in the Business Center.
Premade Sections
Using Premade Page Sections
6. The Sections tab includes premade page layouts that can be dragged and dropped directly into the Page Content area. These sections give you a quick starting point for common website content without having to build the layout from individual elements.
Premade section categories include:
- Hero: Large introductory layouts that can include headings, text, images, and buttons.
- Banner: Simple call-to-action sections for announcements, reservations, ordering, or other important links.
- Promotiles: Two, three, or four-column promotional layouts with images, headings, and supporting text.
- Testimonials: Layouts for displaying one or multiple guest quotes or testimonials.
- Welcome: Introductory content layouts with combinations of text, images, and buttons.
- About: Layouts designed for story, about us, or get-to-know-us content.
- Services: Layouts for showcasing services such as dine-in, takeout, catering, or private events.
- Promotion: Layouts for specials, happy hours, offers, and other promotional content.
Drag the section you want into the Page Content area. Once it has been added, select the text, image, button, or other element inside the section to customize it using the normal element settings.
Premade Section Examples
Hero
Banner
Promotiles
Testimonials
Welcome
About
Services
Promotion
Editing Existing Elements
Element Settings
7. Editing Elements: When editing an element you will see additional options on the element editor tab (paintbrush icon), such as the Text Editor options shown below.
Saving and Publishing
Preview and Publish
8. You can save and preview your changes before publishing. Click Save to save your work, then use Preview Page to view a temporary preview of the draft page. When you are ready for the changes to appear on your website, click Publish Now.
Schedule a Publish
You can also schedule a page to publish automatically at a later date and time. In the Schedule publish field at the top of the page editor, click Select Dates and choose when you want the page to be published. Once done, click Save and it will publish at the time and date selected.
Out of Scope Areas
11. Out of Scope Areas
There may be sections of your website pages that are not editable through Engage. If you need to make an update to one of these sections please contact Support@spillover.com.