How to Add a Pop Up Notice for Your Customers (Website and App)
Pop‑up notices are an effective way to communicate important updates to your customers the moment they visit your website or mobile app. Whether you want to inform them about temporary closures, changes to trading hours, delivery delays, special events, or promotions, a custom pop‑up ensures your message is seen immediately.
Step-by-Step Guide
Log In to Deliverit Studio
- Open your browser and go to https://my.deliverit.com.au
- Sign in using your DPOS Cloud credentials
/1.jpg?width=670&height=341&name=1.jpg)
Open Store Settings
- On the left-hand menu, click Settings
/2.jpg?width=670&height=341&name=2.jpg)
Open the Marketing Section
- Inside the Settings menu, select Marketing
/3.jpg?width=670&height=339&name=3.jpg)
Choose the Popup Banner
- Inside the Settings menu, select Popup banner
/4.jpg?width=670&height=341&name=4.jpg)
Choose a Pop‑Up Banner Type
Deliverit Studio offers three types of pop‑ups:
- Global Pop-Up Banner
- Web Pop-Up Banner
- Mobile App Pop-Up Banner
/5.jpg?width=670&height=340&name=5.jpg)
Select the pop-up type you want to create or edit.
/6.jpg?width=670&height=340&name=6.jpg)
Configure Your Pop‑Up Banner
After choosing the banner type, fill out the following sections:
Start and Expiry Date
- Use the date picker to choose when the pop‑up should start and stop appearing on your ordering site or app.
Global Popup Image (Optional)
- Upload an image to display in your pop‑up message
(This is great for promotions, events, or holiday announcements)
Text Options
Customize how your message looks:
- Alignment — Left, Center, or Right
- Text Decoration — Bold, Italic, Underline, Strikethrough
- Case — Normal, UPPERCASE, or lowercase
- Colour — Select any colour using the colour picker
- Header Sizes — SM, MD, LG, XL, XXL
- Body Sizes — SM, MD, LG
/7.jpg?width=670&height=341&name=7.jpg)
Content Fields
Enter the actual message text:
- Global Pop-up Header
Up to 50 characters (Special Offer Today!)
- Global Pop-up Body
Up to 300 characters
Example:
“Enjoy 10% off all online orders today only. Order now and don’t miss out on this limited-time promo!.”
/8.jpg?width=670&height=340&name=8.jpg)
Preview Your Pop‑Up
- A live preview area will show how your pop‑up will look once the text and image are added
/9.jpg?width=670&height=340&name=9.jpg)
Save Your Settings
- Click Save to activate the pop‑up banner
- Your alert will run during the dates you selected
Confirm Deployment
- Click the notification bell in Deliverit Studio
- If the deployment is successful, you will see a confirmation message
/12.jpg?width=670&height=340&name=12.jpg)
Your notice will now appear to customers on the website and/or app
/13.jpg?width=670&height=342&name=13.jpg)
If you need further assistance, simply click the blue chat icon in Deliverit Studio to reach our Application Support Team.