Website Editor

Editing content on your website using the ENGAGE Pages Editor


1. Scroll down on the left navigation of your ENGAGE Admin and click "Pages".



2. You will see all your website pages listed.  You can add new pages or edit existing pages.


3. In the Main Page settings you will see the Page Title and Page URL.  (If you are adding a new page these fields will be blank and you should enter a Page Title. The Page URL will be created by default (but can be edited). 



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.


5.  Adding New Elements :  You can add new elements by clicking on the tab with 4 squares and then simply drag and drop an element.


















  1. Paragraph:
    1. Inserts a block of text.
    2. Used for writing paragraphs of content.
  2. Div:
    1. Adds a division or container.
    2. Used for grouping elements together for styling or scripting purposes.
  3. Heading:
    1. Inserts a heading.
    2. Used to create headings from H1 to H6 to organize content hierarchically.
  4. Link:
    1. Adds a hyperlink.
    2. Used to create clickable links that direct to other pages or external websites.
  5. Anchor:
    1. Inserts an anchor.
    2. Used to create a specific point within the page that can be linked to from other locations.
  6. Text:
    1. Adds plain text.
    2. Used for inserting single lines or small blocks of text.
  7. Add Media:
    1. Provides an option to insert media files.
    2. Used for embedding images, videos, or other media types.

  1. Events Calendar:
    1. Inserts a calendar for displaying events.
    2. Used to organize and show events, meetings, or important dates.
  2. CMS Form:
    1. Adds a content management system (CMS) form.
    2. Used for creating and managing forms for data collection or user input.
  3. Custom Code:
    1. Provides an option to insert custom HTML, CSS, or JavaScript code.
    2. Used for adding custom functionality or styling that is not covered by other elements.

  1. Container:
    1. Inserts a container element.
    2. Used for grouping and structuring content, often for layout purposes.
  2. Row:
    1. Adds a row within a container.
    2. Used to arrange elements horizontally.
  3. Column:
    1. Adds a column within a row.
    2. Used to arrange elements vertically within a row.
  4. Button:
    1. Inserts a button.
    2. Used for interactive elements that can trigger actions or navigate to other pages.
  5. Button Group:
    1. Adds a group of buttons.
    2. Used to group multiple buttons together, often for related actions or choices.
  6. Heading:
    1. Inserts a heading.
    2. Used to create headings from H1 to H6 to organize content hierarchically.
  7. List:
    1. Inserts a list.
    2. Used to create ordered or unordered lists of items.
  8. List Item:
    1. Adds an item within a list.
    2. Used to add individual items to an ordered or unordered list.
  9. Table:
    1. Inserts a table.
    2. Used to display data in a tabular format with rows and columns.
  10. Card:
    1. Adds a card element.
    2. Used for presenting content in a visually distinct and organized manner, often including an image, heading, and text.
6. Editing Elements: When editing an element you will see additional options on the element editor tab (paintbrush icon) e.g. screenshot of Text Editor options below.


7. You can save and preview you changes before publishing.  Preview will generate a temp URL which you can click on to view the draft page. When you are happy with the changes click Publish Page to display the updates on your website.


8. If you have added a new page you will probably want to add a new navigation link:  How to add a Navigation Link

9.  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.




    • Related Articles

    • Using the new Email Editor

      To start designing the content of your email click on the Design Email Tab. If you have chosen to start with a blank template, your initial email body will display an empty row. Rows act as containers for content blocks. Simply drag and drop the ...

    • Getting started with your ENGAGE Website Management Tools

      Viewing and Responding to Website Form Submissions Adding a Home Page Popup message to your website Adding an event to your Website Events Calendar Adding Blog/News Posts to your website Making simple edits to your website pages e.g. editing About Us ...

    • Website Analytics

      1. Click on Analytics in Website section of Navigation. 2. A Summary Report Displays. You can change the period, change the metric being reported and apply filters. You can also link to your Google Analytics Account. Additional Data is available such ...

    • Updating your website navigation

      1. Click on Navigation in the Website Section of Engage Navigation. 2. Your current Navigation will display. You can add a new Navigation Link or new Sub-Navigation Link. You can edit existing links or change the order of your navigation. 3. To add a ...

    • Creating a Blog Page on your website

      Note: You can also contact Support create this page and widget for you by opening a Support Ticket or emailing support@spillover.com 1. Go to the Pages tab of Engage. 2. Check to see if your blog page has already been created during your site build ...