Set Up Your Check-In Branding

Quick Setup

This usually takes 5-10 minutes. You can still finish with manual uploads if analysis fails.

Use this page to match the check-in flow to your hotel's brand. You can also edit the guest message shown after check-out completes. You can also tune how strongly the background image shows through. You can upload branding images by dragging them onto the upload area or clicking it. You can also set a per-device ACI screensaver for idle tablets.

Where to Find It

Settings → Customizations → Branding

What You Can Set

Setting	What it controls	Best for
Hotel Logo	Appears above the welcome message on the check-in home screen and keeps its aspect ratio	Showing your main brand mark
Failure Illustration	Appears when a check-in error happens	Branded error screens
Background Image	Appears behind the main check-in pages	Adding hotel imagery to the flow
Background Image Strength	Controls how strongly the background image shows through the overlay	Making a background feel lighter or more visible
ACI Screensaver	Appears on an idle enrolled ACI tablet	Keeping one device branded between guest steps
Primary Color	Top bar and primary brand surfaces	Matching your header color
Secondary Color	CTA accents, focus states, and secondary surfaces	Matching buttons and highlights
Check-In Completion Modal	Appears after Complete Check-In for CCI guests	Final messages or offers before guests return to the main page
Check-Out Completion Modal	Appears after a guest completes check-out	Final goodbye message before guests leave the completion screen
Website Analysis	Suggests colors and a logo from a public hotel page	Quick setup from an existing website
Screenshot Analysis	Suggests colors and can crop a likely logo from a screenshot	When the website is blocked

Public Pages Only

Website analysis only works on public pages. Private or internal URLs are blocked.

Automatic Public File URL Fixes

Branding and assisted check-in screensaver uploads may return files.vouch.sg.s3.<region>.amazonaws.com. Streamliner rewrites that host to files.vouch.sg before showing the preview. You do not need to edit the returned link.

Logo sizing

Your logo keeps its original shape on the welcome screen. Wide wordmarks stay readable, and small logos are not stretched.

ACI tablet backgrounds

ACI tablets between 768px and 1366px show the full configured background image. Phones and wider screens keep the normal cover crop. CCI and pre-arrival keep cover at every viewport.

ACI screensaver

An enrolled ACI tablet can show its own idle screensaver. It supports images, GIFs, and videos. When the guest finishes a step, the tablet returns to the active flow.

Per-device override

Use Settings → Kiosk to change the screensaver on one ACI device. Use this page for the shared branding version.

Check-in completion scope

The check-in completion modal only appears for Self Check-In (CCI). Guests on ACI or pre-arrival keep the normal return flow.

Completion modal requirements

When you enable the modal, you need an image and English primary and secondary messages. Other enabled languages can stay empty and fall back to English.

Set Up Your Branding

1. Go to Settings → Customizations → Branding.

2. Choose Website or Screenshot.

3. For Website, paste a public hotel webpage URL.

4. Click Analyze Website.

5. Review the suggested colors and logo.

   ✓ You should see a preview before anything changes.

6. Click Apply Suggestions.

7. Update any fields you still want to change.

8. For Screenshot, upload an image file.

9. Review the preview, then click Apply Colors or Use Extracted Logo.

10. Click Save Branding.

Manual Uploads

Use Drag and Drop

• Drag a file onto Upload Logo to replace the suggested logo.
• Drag a file onto Upload Failure Illustration to customize the error image.
• Drag a file onto Upload Background Image to place a custom image behind check-in pages.
• You can also click each dropzone to browse for a file.
• While the file uploads, the matching dropzone shows Uploading….
• Supported formats are PNG, JPEG, GIF, WebP, AVIF, and SVG.
• Files must be smaller than 5MB.
• If you drop mixed files, AVA uploads the valid file and alerts you about rejected files.
• Check-in v3 adds a readability overlay on background images.
• Values up to 100% keep the normal overlay.
• Values above 100% reduce the overlay and let the image show through more strongly.
• Use a busy image only if the text stays easy to read.

Adjust Background Image Strength

Quick Setup

This usually takes less than 1 minute. You need a background image first.

Use this setting when your background image looks too muted behind the page content.

1. Go to Settings → Customizations → Branding.

2. Upload a Background Image if you have not already.

3. Find the Background image strength slider.

4. Drag the slider to 100% for the standard overlay.

5. Move it above 100% if you want the image to show through more strongly.

6. Click Save Branding.

7. Refresh the check-in page and review the result.

   ✓ You should see the background image more clearly after saving.

Range and availability

The slider runs from 0% to 200%. It stays disabled until you upload a background image. If you remove the background image, Streamliner resets the strength to the standard overlay.

Set Up the ACI Screensaver

Quick Setup

This usually takes 5 minutes. You need an enrolled ACI tablet and one idle asset.

Use this section to change the idle screen on one ACI tablet. The screensaver is per device. It supports images, GIFs, and videos. When the tablet wakes, AVA returns to the active guest step.

What the Screensaver Uses

Field	What it controls	Notes
Image or GIF	Still or animated idle image	Use PNG, JPEG, GIF, or WebP
Video	Full-screen idle animation	Use MP4 or WebM
File size	Maximum size for each screensaver asset	Images, GIFs, and videos up to 10 MB
Per-device setting	Applies to one enrolled kiosk	Other tablets keep their own screensaver

Set Up the Screensaver

1. Open the enrolled ACI tablet.

2. Open the device settings card.

3. Upload your idle image, GIF, or video. ✓ The picker shows Maximum file size: 10 MB.

4. Review the preview.

5. Click Save.

   ✓ The tablet shows the new idle screen when it becomes inactive.

Idle return

When the guest or staff taps the tablet, AVA returns to the active guest step. The screensaver only appears while the tablet is idle.

Set Up the Completion Modal

Quick Setup

This usually takes 5 minutes. You need an image and two short English messages.

Use this section to show a final image and message after guests finish Self Check-In (CCI). The modal is separate from the branding logo, background image, and failure illustration. The card now lives under Appearance.

What the Modal Uses

Field	What it controls	Notes
Enabled	Turns the modal on or off	Off keeps the normal redirect
Image	Large image guests see after check-in	Use a clear image with readable text
Primary Message	Main message under the image	English is required when the modal is on
Secondary Message	Supporting text below the primary message	English is required when the modal is on
Rich Text	Formatting inside the messages	Supports bold, italics, lists, and line breaks
Other Languages	Translated versions of the messages	Optional when English is filled in

Set Up the Modal

1. Go to Settings → Customizations

2. Open the Appearance tab

3. Open Check-In Completion Modal

4. Turn on Enabled

5. Add the modal Image

6. Enter the Primary Message in English

7. Enter the Secondary Message in English

8. Add translations only if you want guests to see another language

9. Click Save

   ✓ After Complete Check-In, CCI guests see the modal first and then return to the main page.

Rich text and fallback

AVA removes scripts, images, iframes, styles, and event handlers from the messages. If a translation is missing, AVA falls back to the current locale first. Then it tries the base locale, default language, English, and any other filled value.

Keep the Message Safe

• Use bold, italics, bullets, and short line breaks.
• Avoid embedded images, color styles, and interactive content.
• Keep the primary message focused on one action or offer.
• Keep the secondary message short enough to scan on a phone.

Set Up the Check-Out Completion Modal

Quick Setup

This usually takes 2 minutes. You only need two short messages per language.

Use this section to change the message guests see after they finish Check-Out. The card lives under Guest Messaging. AVA keeps your saved languages and updates only the message fields. It does not use an image.

What the Card Uses

Field	What it controls	Notes
Primary Message	Main line on the check-out completion screen	Multilingual text with line breaks allowed
Secondary Message	Supporting line below the primary message	Multilingual text with line breaks allowed
Language Tabs	Translated versions of both messages	Edit every enabled language you want to show

Saved copy and fallback

AVA loads your existing CCI v2 check-out messages when they exist. If no saved value exists, AVA shows the current AVA copy for that language.

Set Up the Messages

1. Go to Settings → Customizations

2. Open the Guest Messaging tab

3. Open Check-Out Completion Modal

4. Select a language tab

5. Update the Primary Message

6. Update the Secondary Message

7. Repeat for each enabled language

8. Click Save Check-Out Completion Messages

   ✓ Guests see the new copy after the next completed check-out.

Language fallback

If a translation is missing, guests see the current locale first. Then Streamliner falls back to English or another saved translation.

What You See → Fix

Website analysis is blocked

What you see: "That website blocked automated access."

Fix:

1. Try the hotel homepage or another public marketing page.
2. Switch to Screenshot analysis.
3. Upload your logo manually if needed.

No logo suggestion appears

What you see: The preview shows colors, but no logo.

Fix:

1. Apply the color suggestions.
2. Upload your own logo with Upload Logo.
3. Try a screenshot if the website has a visible logo.

The imported logo looks soft

What you see: The suggested logo preview looks blurry or imperfect.

Fix:

1. Keep the suggested colors if they still match your brand.
2. Replace the logo with a manual upload.
3. Use a higher-quality source image if you have one.

The background looks too dark

What you see: Your uploaded background image looks muted behind the page content.

Fix:

1. Increase Background image strength above 100%.
2. Use a lighter image if the page still feels too dim.
3. Lower the strength again if the text becomes hard to read.

The strength slider is disabled

What you see: The Background image strength slider is gray.

Fix:

1. Upload a Background Image first.
2. Click Save Branding.
3. Refresh the page and try again.

The background image is missing

What you see: The check-in page still shows the default background.

Fix:

1. Go to Settings → Customizations → Branding.
2. Upload the image again with Upload Background Image.
3. Click Save Branding.
4. Refresh the check-in page after saving.

The uploaded image does not load

What you see: The logo, failure illustration, or background image does not appear.

Fix:

1. Reopen Settings → Customizations → Branding.
2. Re-upload the image with Upload Logo, Upload Failure Illustration, or Upload Background Image.
3. Click Save Branding.
4. Refresh the page and check the image again.
5. If the logo URL fails, AVA shows the default welcome icon.
6. If the old host still appears, contact support.

A dropped file is rejected

What you see: You see an alert after dragging files onto a branding dropzone.

Fix:

1. Use a supported format: PNG, JPEG, GIF, WebP, AVIF, or SVG.
2. Keep each file smaller than 5MB.
3. Drop one file at a time if you want to avoid mixed-file warnings.
4. Re-upload the valid file if the wrong one was skipped.

The screensaver does not appear

What you see: The ACI tablet still shows the default idle screen.

Fix:

1. Confirm you saved the device card.
2. Confirm the tablet is enrolled as an ACI device.
3. Wait for the tablet to go idle again.
4. Re-upload an image, GIF, or video that is 10 MB or smaller.

Completion modal does not appear

What you see: Guests go straight back to the main page after Complete Check-In.

Fix:

1. Confirm Enabled is on in Check-In Completion Modal
2. Open the Appearance tab and check that Check-In Completion Modal is there
3. Check that the image field is not empty
4. Make sure both English message fields have visible text
5. Test a Self Check-In (CCI) reservation
6. Refresh the page and try again if the modal still skips

Completion modal cannot be saved

What you see: Streamliner blocks saving when you turn the modal on.

Fix:

1. Open the Appearance tab
2. Add the modal image
3. Fill in the English primary message
4. Fill in the English secondary message
5. Save again

Completion modal text looks stripped

What you see: Line breaks or pasted formatting do not appear.

Fix:

1. Remove HTML tags, scripts, iframes, styles, and embedded images
2. Use plain text and short line breaks only
3. Save again and retest

Completion modal shows the wrong language

What you see: Guests see English or another fallback language.

Fix:

1. Confirm the guest language is enabled
2. Open the Appearance tab
3. Add the translation for the completion modal messages
4. Save and test again

Check-out completion text does not change

What you see: Guests still see the old check-out message.

Fix:

1. Go to Settings → Customizations
2. Open the Guest Messaging tab
3. Open Check-Out Completion Modal
4. Confirm the right language tab has the text you want
5. Click Save Check-Out Completion Messages
6. Run a test check-out again

Guests see English instead of their language

What you see: The check-out screen shows English on a non-English booking.

Fix:

1. Add the translation in the language tab
2. Save the card
3. Check that the language is enabled in Settings → Essentials → Supported Languages

Still Stuck?

Contact success@vouch-technologies.com if:

• Automated analysis fails on multiple public pages.
• The background image strength slider never becomes available.
• You cannot save branding after uploading images.
• Your background image never appears after saving.
• The ACI screensaver never appears after saving.
• The check-in screen still shows the old logo after saving.

Helpful to include:

• The website URL or screenshot you tried.
• The exact message you saw.
• A screenshot of the branding section.

Related Guides

• Set Up Assisted Check-In
• How to Complete a Check-In
• Display Errors