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 tune how strongly the background image shows through. You can upload branding images by dragging them onto the upload area or clicking it.

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
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
Completion Modal	Appears after Complete Check-In for CCI guests	Final messages or offers before guests return to the main page
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 Image URL Fixes

Some old uploads may return files.vouch.sg.s3.<region>.amazonaws.com. Streamliner rewrites that host to files.vouch.sg before showing the image.

Logo sizing

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

Completion modal scope

The 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 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.

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 Check-In Completion Modal

3. Turn on Enabled

4. Add the modal Image

5. Enter the Primary Message in English

6. Enter the Secondary Message in English

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

8. 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.

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.

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. Check that the image field is not empty
3. Make sure both English message fields have visible text
4. Test a Self Check-In (CCI) reservation
5. 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. Add the modal image
2. Fill in the English primary message
3. Fill in the English secondary message
4. Save again

Completion modal text looks stripped

What you see: Bold text, bullets, or line breaks disappear.

Fix:

1. Remove scripts, iframes, styles, and embedded images
2. Use simple rich text 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. Add the translation for the completion modal messages
3. Save and test again

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 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

• Check-In Landing Page
• Check-In Messages
• Display Errors