How to create an overlay

Edited

Overlay Alerts are a featrure which allows you to promote a specific event, email promo codes, announce news, and more. We have created three alert types for you, Promotions, Announcements, and Custom alerts.

  1. Promotion Overlay: This overlay generates a popup on your website, enabling you to provide customers with a promotional code in exchange for their email submission to your diner database. Optional phone number and birthday fields available.

  2. Announcement Overlay: With this overlay, a popup appears on your website, allowing you to communicate announcements directly to your customers. Option diner information collection available.

  3. Custom Overlay: Design a popup from scratch that will appear on your website based on your configurations.

Create a promotion

  1. To create a new overlay, log in to the BentoBox backend, click on Alerts, and choose Overlay.

  2. From your dashboard, in the 'Website' section, expand 'Alerts' and select 'Overlays.'

  3. Click 'Create' in the upper right-hand corner.

  4. Expand the 'Design' section and select 'Promotion'. Expand the 'Promotion' section and click 'Create Promotion'.

    Screenshot 2023-11-03 at 11.16.02 AM.png

  5. If you are using e-commerce with BentoBox, this will open a section on the right side of the screen to create your custom promo code. If you are not using BentoBox e-commerce, you will be prompted to add your promo code below. Any promo codes are for use on your website. You will need to enable all promo codes in your POS if you wish to use them in person.  

    Screenshot 2023-08-16 at 9.44.40 AM.png

  6. Create your promo code. For diner sign-up overlays, your promo code must be specific to this overlay alert. 

    Screenshot 2023-08-16 at 9.45.00 AM.png

  7. Expand the 'Content' section. Add any desired images to your pop-up, edit any copy or button text, and select desired fields to be collected - email is required, phone number and birthday are optional.

  8. Expand the 'Post-Submit Response' section. Decide whether or not you'd like to include a Post-Submit Response, edit any copy or button text, and add button actions to decide where that button will take your customer. The Post-Submit response will pop up immediately after the diner submits their email address. This is a good place to include a thank you response and direct your diner to a page specific to what you are promoting.

    Screenshot 2023-08-16 at 9.45.32 AM.png

  9. Expand the 'Email Response' section. Decide whether or not you'd like to include an Email Response, edit any copy or button text, and add button actions to decide where that button will take your customer. The Email response will email the diner the promo code you choose to include immediately after the diner submits their email address. This is a good place to include a thank you response and direct your diner to a page specific to what you are promoting.

    Screenshot 2023-08-16 at 9.46.12 AM.png

  10. Expand the 'Display & Timing' section and select which pages you'd want the popup to appear on and how often.

    Screenshot 2023-08-16 at 9.46.12 AM.png

  11. Expand the 'Publish' section and name the popup, set it to publish, and control publish and unpublish dates.

  12. Confirm on the 'Overlays' landing page that your new popup is there!

 

Create an announcement

  1. From your dashboard, in the 'Website' section, expand 'Alerts' and select 'Overlays.'

  2. Click 'Create' in the upper right-hand corner.

    Screenshot 2023-11-03 at 11.25.06 AM.png

  3. Expand the 'Design' section and select 'Announcement'.

  4. Expand the 'Content' section. Add any desired images to your pop-up, edit any copy or button text, toggle diner information, and add desired fields to be collected - email is required, phone number and birthday are optional.

  5. Expand the Post-Submit Response field to setup the message that will appear once a guest has submitted their information.

  6. Expand the 'Display & Timing' section and select which pages you'd want the popup to appear on and how often.

  7. Expand the 'Publish' section and name the popup, set it to publish, and control publish and unpublish dates.

  8. Confirm on the 'Overlays' landing page that your new popup is there!

Create a Custom Overlay

  1. From your dashboard, in the 'Website' section, expand 'Alerts' and select 'Overlays.'

  2. Click 'Create' in the upper right-hand corner.

    Screenshot 2023-11-03 at 11.26.30 AM.png

  3. Expand the Content section, and add copy and images. Click here for more details on using the WYSIWYG text editor.

    Screenshot 2023-11-03 at 11.28.41 AM.png

  4. Expand the 'Display & Timing' section and select which pages you'd want the popup to appear on and how often.

    Screenshot 2023-11-03 at 11.30.12 AM.png

  5. Expand the 'Publish' section and name the popup, set it to publish, and control publish and unpublish dates.

  6. Confirm on the 'Overlays' landing page that your new popup is there!