Splash Hub guide
⭐ This guide is for the Growth package. Growth gives you every option in the Splash Hub.
On WiFi Light? You can change the basics only:
- ✅ Business name and session length
- ✅ Logo
- ✅ Background image
- ✅ Social media links
- ✅ Privacy notice and terms of service
Everything else in this guide is not included in WiFi Light. That covers colours and fonts, landing page, guest questions, wording, connected page, your own links and promotions.
Want the full set? Ask your account manager about upgrading to Growth.
What is the Splash Hub? It's where you design the WiFi page your guests see when they join your WiFi.
Where is it? Left menu → Design & Brand → Splash Hub.
Contents
Click a title to jump to it.
- Quick start (5 steps)
- Saving: the one thing to remember
- The buttons at the top
- Choose your layout
- Card 1: Venue and logo
- Card 2: Look and background
- Card 3: Colours and fonts
- Card 4: Guest questions
- Card 5: Words guests see
- Card 6: After they connect
- Card 7: Links and social
- Card 8: Offers and extras
- Copy to other venues (Sync)
- Images: sizes and formats
- Videos: how to get them right
- Fonts
- Something not working?
1. Quick start (5 steps)
- Pick the right venue at the top of the page.
- Choose your layout (the overall design).
- Open Card 1 and add your name and logo.
- Click Next to go through each card. Next saves as you go.
- Check the preview on the right. Done!
2. Saving: the one thing to remember
💾 Save, Next and Prev = saved.
❌ Done = NOT saved. It just closes the card.
⚠️ Closing the page without saving loses your changes. There is no warning.
- When it saves, you'll see: "Your splash page has been successfully updated."
- If it can't save, you'll see "Not saved." and the reason. Fix that one thing, then save again.
3. The buttons at the top
| Button | What it does |
|---|---|
| Phone / Desktop | Changes the preview size. |
| Refresh | Reloads the phone preview. |
| Show landing page | Design 7 only. Shows your landing page in the preview. |
| Sync to other venues | Copies this design to your other venues. See Sync. |
| Save | Saves everything and makes it live. |
About the preview:
- It shows changes before you save. Try things safely.
- The phone preview takes a few seconds to update.
- On a phone, the preview is hidden. Use a laptop to see it.
4. Choose your layout
In short: the layout is the overall design. Click Change at the top of the editor.
| Layout | Best for |
|---|---|
| Premium | A simple, customisable page |
| Design 6 | A modern look |
| Design 7 | A luxury look with themes, one-question-at-a-time sign-up and a consent pop-up |
- The cards change to match the layout you pick.
- Guests see the new layout only after you Save.
5. Card 1: Venue and logo
In short: your name and your logo.
- Business name: required. This is what guests see.
- Session duration: minutes before guests reconnect (minimum 30). Only shows on some WiFi systems.
- Your logo: required. Best as a PNG with a see-through background. Sizes here.
Design 7 extras:
- Show logo on the step form: shows your logo on each sign-up step.
- Logo size: 44 to 300px tall.
- Dark mode logo: a light or white version for dark themes. Optional.
Other layouts: under Show more, set the logo size and alignment (left, centre or right).
6. Card 2: Look and background
In short: your background picture, plus an optional landing page.
Background image
- The picture behind your WiFi form.
- Click Add tablet & mobile backgrounds to add pictures that fit tall phone screens. Recommended!
Landing page (optional)
- A full-screen picture or video guests see first.
- Guests tap a button to carry on to the form.
- Turn on Show a landing page, then upload your picture or video. Video tips here.
Under "Show more":
- Design 7:
- Form style: step by step, or one page.
- Heading position.
- Corners: rounded or square.
- Video as background.
- Picture fills the screen.
- Other layouts: rounded corners, page scroll, and social icons under the logo.
7. Card 3: Colours and fonts
In short: make it match your brand.
Design 7
- Theme: pick one of 16 ready-made looks. It sets matching colours for you.
- Colours: change any colour. Leave it blank to use the theme's colour.
- A warning shows if a colour will be hard to read.
- Fonts: pick a heading font and a body font, or upload your own. Font tips.
Other layouts
- Page colours: background, text and buttons.
- Custom font: upload your brand font.
⚡ On other layouts, the custom font switch, font size and Remove work straight away. No Save needed.
8. Card 4: Guest questions
In short: what you ask guests when they sign up.
- Collect mobile number: optional or required.
- Collect date of birth: optional or required. You can ask for day and month only.
- Show feedback button: MikroTik and UniFi only.
- Marketing opt-in text: the words next to the marketing tick box.
- SMS / WhatsApp opt-in: shows when you collect phone numbers. Set the message and buttons.
Survey
- Design 7: one question, such as "How did you hear about us?". Edit the answers.
- Other layouts: add as many questions as you like.
9. Card 5: Words guests see
In short: change any wording. Leave a box blank to keep the standard words.
- Connect button: only shows if you have a landing page. Set the text, colour and a delay.
- Form wording: button text and the heading for each step.
Design 7 extras:
- Consent pop-up: title, Accept and Decline wording, and button layout.
- Small print: the footer and the link words.
{privacy}and{terms}become your links.{n}and{total}become step numbers.
- Welcome back messages: different greetings for returning guests, depending on how often they visit.
10. Card 6: After they connect
In short: the page guests see once they're online (the "connected page").
- Welcome message and About heading: laptops and desktops only. Switch the preview to Desktop to see them.
- Design 7: the heading ("You're connected!"), the tick, social icons and colours.
- Redirect: sends guests to your website. Not recommended, because you lose click tracking.
- Guest details in links (UniFi and MikroTik): adds the guest's email or name to your links.
- Only for guests who ticked marketing.
- Only on https links.
- Integrations: loyalty and marketing tools you've connected (Como, Leat, Square, Paytronix, TRIFFT and others). Only shows if you have one.
11. Card 7: Links and social
In short: the buttons on your connected page.
- Your own links: click + Add a link. Add a name, a web address and an icon.
- Button look: rounded buttons and colours.
- Social media: Facebook, X, Instagram, TikTok, YouTube and LinkedIn. Addresses must start with https://.
- Standard links (under Show more): Menu, Ordering, Our Story, Drinks, Locations and Concierge. Leave a box empty to hide that button.
12. Card 8: Offers and extras
In short: promotions, plus your privacy notice and terms.
- Promotions: offers shown when guests connect.
- Set the dates, days and times.
- Tick Repeat visitors only to show an offer just to returning guests.
- UniFi and MikroTik can also target by age.
- Order at table (UniFi): a link for each table.
- Privacy notice: your privacy policy.
- Terms of service: your own terms. Leave it empty to use our standard terms.
13. Copy to other venues (Sync)
In short: design one venue, then copy it to the rest.
- Click Sync to other venues.
- Tick the venues to copy to.
- Tick what to copy (for example Images, Links or Promotions).
- Click Review & Sync and check the list.
- Click Confirm & Sync. It runs in the background, so you can close the window.
⚠️ Sync overwrites those settings on the other venues. It can't be undone.
14. Images: sizes and formats
Why size matters: guests load your page before they're online, often on a weak signal. Small files = a fast page.
| Image | Size (pixels) | Keep under | Best format |
|---|---|---|---|
| Logo | 600 × 300 (wide) or 500 × 500 (square) | 200 KB | PNG (see-through) or SVG |
| Dark mode logo (Design 7) | Same as logo | 200 KB | PNG (white or light version) |
| Background (desktop) | 1920 × 1080 | 500 KB | JPG or WebP |
| Tablet background | 1024 × 1366 | 400 KB | JPG or WebP |
| Mobile background | 1080 × 1920 | 300 KB | JPG or WebP |
| Landing image | 1080 × 1920 | 500 KB | JPG or WebP |
| Promotion image | 1080 × 1080 | 300 KB (max 1 MB) | JPG or WebP |
| Link icon | 256 × 256 | 50 KB | PNG |
| Loyalty wallet image | 431 × 177 | 200 KB | PNG or JPG |
Top tips:
- ✅ Keep the important part in the middle. Edges get cut off on phones.
- ✅ Shrink files before you upload them, with free tools like TinyPNG or Squoosh.
- ✅ Add a mobile background if your main picture is landscape.
- ❌ Don't put words inside background pictures. They get cut off.
- ❌ Avoid AVIF if guests may have older iPhones (iOS 15 or earlier). It won't show for them.
Upload limit: most uploads accept files up to 10 MB. The upload box shows the exact limit. Big photos are shrunk automatically, but starting small looks sharper.
15. Videos: how to get them right
In short: a short MP4, filmed tall, with no sound needed.
| Setting | Use this |
|---|---|
| Format | MP4 (H.264) |
| Shape | Portrait (tall), 1080 × 1920 |
| Length | 5 to 10 seconds |
| File size | Under 5 MB (max 10 MB) |
| Sound | None needed. Videos always play muted. |
Good to know:
- 🔁 The video loops and plays muted.
- ✂️ It's cropped to fill the screen, so keep the action in the middle.
- ❌ Don't use AVI. It uploads, but it won't play in web browsers.
- ⚠️ MOV and WEBM may not play on every phone. Stick to MP4.
- 🐢 Big videos load slowly, because guests aren't online yet.
Where videos go:
- Upload in Card 2 → Landing page.
- Design 7: turn on Play the landing video as the background.
- Design 6: turn on Use Promo Video as Background.
- To check it, on Design 7 turn on Show landing page at the top.
16. Fonts
- Design 7: TTF, OTF, WOFF or WOFF2. Max 2 MB. WOFF2 is fastest.
- Other layouts: TTF, OTF or WOFF.
- Make sure your font licence allows use on a website.
17. Something not working?
| Problem | Fix |
|---|---|
| My change isn't live | Press Save. Done doesn't save. |
| "Not saved." with a reason | Fix that field, then save again. Your other changes are kept. |
| "Please add your business name to continue." | Add your name in Card 1. |
| "A logo is required" / "A background is required" | Upload one in Card 1 or Card 2. |
| "That file is too big" | Shrink it. See image sizes. |
| "Only JPG, JPEG, PNG… files are allowed" | Save the file as JPG or PNG and try again. |
| "That file is not a real SVG" | It's really a PNG. Rename it to .png and upload it again. |
| "…could not be uploaded" | Usually a weak connection. Try again. |
| "The URL must be valid…" | Start the address with https:// |
| Video won't play | Use MP4, not AVI. See video tips. |
| Preview looks old | Wait a few seconds, or click Refresh. |
| Can't see the welcome message | Switch the preview to Desktop. |
| An option is missing or greyed out | It may need the Growth package, a user permission or certain WiFi hardware. Ask your account manager. |
Still stuck? Contact support with your venue name and what you were trying to change.