Project Setup: Customising the Look & Feel.
Overview
Once you’ve chosen your application type (Web Page or Web Widget), you can tailor the visual design, layout, and interactivity of your Rapport experience directly in Rapport Studio.
Note: For Unreal and Unity plugins, visual customisation is managed within those environments. Rapport Studio handles AI, language, and behavioural configuration, while branding, scene layout, and camera presentation are configured in Unreal or Unity.
All appearance and interaction options for Web-based projects are found in the Project Setup menu on the left side of Rapport Studio.
Not every feature applies to both Web Pages and Web Widgets — see the feature table below for details.
Make It Yours
Rapport projects can be fully branded and personalised to fit your organisation’s tone, colour scheme, and purpose.
You can modify:
Start Message – The first thing your character says.
Logo – Add your brand’s logo (Web Page only).
Background – Choose a colour, gradient, or image.
Theme – Set the chat interface style (Web Page only).
Controls – Define how users interact.
Info Panel – Add contextual instructions or training notes.
Start Message (Web Page & Web Widget)
The Start Message is what your character says at the very beginning of a session.
You can:
Write a custom greeting or introduction
Use an existing script or audio asset
Create a new script or audio asset directly from this menu
Use this feature to welcome users, set context, or explain the scenario.
Logo (Web Page Only)
You can upload a custom logo that appears in the top-right corner of your web page.
This option is not available for Web Widgets.
Background (Web Page & Web Widget)
Customise the visual background to fit your brand or storytelling:
Colour: Pick from the colour picker or enter a HEX code
Gradient: Blend colours for a polished, modern look
Image: Upload a custom background image
Theme (Web Page Only)
Themes define the visual style of your chat interface. Choose from several built-in options, such as:
Widgets don’t support theme switching — they always use the default style for consistency.
Info Panel (Optional)
The Info Panel is an optional overlay you can toggle on or off to display contextual information or guidance inside the experience.
It’s perfect for interactive training, guided role-play, or scenario-based learning.
What You Can Use It For
Display scenario goals or hints during learning exercises
Show brand messaging, safety notes, or customer-service guidelines
Provide step-by-step tasks or instructions that the end-user can follow
How to Use
Go to Project Setup → AI → Info Panel
Toggle Enable / Disable
Enter the text or guidance you want visible to end-users
Preview changes instantly — updates appear live
The Info Panel is especially useful in role-play or simulation templates, where on-screen cues help guide users through each stage of the experience.
Many templates include a preconfigured Info Panel that introduces the user’s role, the avatar’s role, and the goal of the scenario.
Controls
The Controls section lets you fine-tune user interaction. Options vary depending on whether you’re using a Web Page or Web Widget.
Web Page Controls
Auto-start or require a “Start” button
Mute/unmute mic and speaker by default
Toggle chat log visibility
Allow character rotation
Show transcript by default
Add an “End Session” button
Enable text input for chat
Add Push-to-Talk
Web Widget Controls
Widgets are lightweight by design. Options include:
Show or hide the Powered by Rapport logo
Keep the layout compact and integrated into your host site
Premium Features
Web Page only:
Social share buttons – Allow users to share the experience
Powered by Rapport logo – Toggle visibility of branding
Quick Reference
Feature | Web Page | Web Widget | Notes |
|---|---|---|---|
Start Message | ✅ | ✅ | Custom greeting, script, or audio |
Logo | ✅ | ❌ | Appears top-right (Web only) |
Background | ✅ | ✅ | Colour, gradient, or image |
Theme | ✅ | ❌ | Chat interface styling (Web only) |
Info Panel | ✅ | ✅ | On-screen contextual guidance (toggle on/off) |
Controls – Experience | ✅ | ❌ | Auto-start or manual start |
Controls – Interactions | ✅ | ❌ | Mic/speaker, rotation, chat toggle |
Controls – Advanced | ✅ | ❌ | Chat transcript, end session, push-to-talk |
Controls – Premium | ✅ | ⚠️ Rapport logo only | Social sharing is Web-only |
Recommendations
✅ Use Web Page if you want full control over layout, branding, and interactivity.
✅ Use Web Widget for embedding in a host site — simpler setup, faster integration, and a lighter footprint.
✅ Enable the Info Panel for guided learning, role-plays, or demos that benefit from on-screen instructions.
✅ For Unreal or Unity, configure visuals and branding directly in the engine — Rapport Studio focuses on logic, AI, and character behaviour.