Adding a Home Page Popup message to your website
This article shows you how to add and remove Pop Up Messages to/from the Home Page of your website so you can share important updates with your customers e.g. New Opening Hours, Changes to Dine-In or Online Ordering, or Special Promotions etc.
1) In the Engage Command Center, scroll the left navigation down to the "Website" section.
2) Select the "Pop-Ups" option from the side navigation.
3) On the Pop-Up overview screen you will see your current pop-ups listed in chronological order by start date. If you have an active pop-up it will be highlighted with a green background. To create a new popup, click on the "Add Pop-Up" button in the top right of the window
4) Steps to setting up your message:
- Name your popup message,
- Select if you would like it enabled or disabled, and then
- Choose a time frame (start date and end date) you would like this pop up to be displayed. Please note that if a pop-up is enabled it will only display on the home page during the time frame you have specified, and if you do not specify an end time, it will run indefinitely until manually disabled.
- Choose the number of times you would like the popup to display for an individual site visitor, if left blank it will display every time they visit the home page
- Compose your message in the editor : The editor screen for the popup functions the same as the website pages editor. You can add images and text and you can add URL links to both images and text. (See tip below re image size.)
- Once you have finished creating your pop-up message, select save in the top right.
To add an image to a popup click on the Image icon in the editor and upload an image from your desktop or from the media library or generate an image using AI. To ensure the image displays correctly on desktop and mobile, click the unlock symbol and leave the image width and height blank. This will autosize the image for the popup.
5) The next time you visit the website (during the specified time frame) you will see the active popup.
Please note that the pop up uses the built-in styling of your website - if you would like to change the styling of the box itself, please reach out to our support team.
Related Articles
Managing Popups for Online Ordering
To create a popup message to display to your online ordering customers. Navigate to your Online Order Admin from your Engage Dashboard by clicking on Online Ordering under Online Sales To create and manage a popup. Click on "Marketing" > "Alert" > ...Managing Popups for Online Ordering
To create a popup message to display to your online ordering customers. Navigate to your Online Order Admin from your Engage Dashboard by clicking on Online Ordering under Online Sales To create and manage a popup message. Click on "Marketing" > ...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 ...Guidance for Website Home Page Photos
Spillover Website Templates use a Landscape Frame for the main images on the homepage. If you are using a template with 1 main photo you will need 1 high resolution, landscape photo at least 2000 pixels in width. If you are using a template that has ...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 ...