Discover how to personalize your content space to reflect your unique style and preferences! You can personalize two types of backgrounds: on the whole experience (overall) or page level.
Page Level: Background Video
Step 1
Click the "Studio" button in the top right corner.
![](https://cdn.relayto.com/images_originals/GB2RSiETSHi6doLTW2lw_Slide%2016_9%20-%20251%20(34).png)
Step 2
Click the "AI Background" button to upload a video.
![](https://cdn.relayto.com/images_originals/WGFFaEsFTXuYGOtN5bsl_Slide 16_9 - 251 (93).png)
Step 3
You can upload a video using the "Upload video" button or choose one from the RELAYTO options below.
![](https://cdn.relayto.com/images_originals/vzzGgIvgTXe9ej1OX2aJ_Slide 16_9 - 251 (94).png)
Step 4
After adding a video, you can also customize:
- Overlay. Click here to add a color overlay above the video. You can choose the color and opacity on the selector on the side.
- Fill. Here, you can choose how the video will be displayed on the screen, taking all blank space or just the page size.
![](https://cdn.relayto.com/images_originals/fzzk7D51TPGjppT71874_Slide 16_9 - 251 (96).png)
Page Level: Background Color
You can also add color, instead of a video. Click the "Slide surrounding color" button and adjust color and opacity on the color selector.
![](https://cdn.relayto.com/images_originals/wATotYRQeSRFMjgobaWg_Slide 16_9 - 251 (97).png)
Overall: Background Video
Step 1
Click the "Settings" button in the top right corner.
![](https://cdn.relayto.com/images_originals/5QbSkYQ3RraBSfCUUKGA_Slide%2016_9%20-%20251%20(4).png)
Step 2
Click the "AI Background" option.
![](https://cdn.relayto.com/images_originals/fkOkGRcjQIahuERI8DNB_Slide 16_9 - 251 (98).png)
Step 3
Click "All pages" tab.
We also have two states for backgrounds on AI Background:
- 1st page. Similar to page level background, you can add only videos to the first page of the experience. Control overlay color, opacity and enable/disable the Fill Screen option.
- All pages. This is will appear as an overall background, behind the document. You can choose between Video or Image type, and you can add an overlay too.
![](https://cdn.relayto.com/images_originals/hYkZlBATZmgXt9b65Q2A_Slide 16_9 - 266 (9).png)
Step 4
Click "Upload Video" or choose one from the RELAYTO section.
We recommend a video size of less than 5MB for optimal performance.
Click here to access RELAYTO Best Performance Guide.
![](https://cdn.relayto.com/images_originals/C7HChQThaE40drC9c2eA_Slide 16_9 - 251 (100).png)
Overall: Background Image
Step 1
In the All Pages tab, click Type and choose "Image".
![](https://cdn.relayto.com/images_originals/m0tMwru2SGyFr0tQTKsP_Slide 16_9 - 266 (12).png)
Step 2
Click "Upload Image" to add an image.
![](https://cdn.relayto.com/images_originals/bCgJQQ3VSlCYHTf7oiog_Slide 16_9 - 266 (13).png)
Step 3
You can enable/disable Overlay option to add/remove an overlay color above the image.
![](https://cdn.relayto.com/images_originals/AuHn08iSa6sO8nttEEy9_Slide 16_9 - 266 (14).png)
Overall: Background Color
Step 1
In the All Pages tab, Click Type and choose "Color".
![](https://cdn.relayto.com/images_originals/5jlJexPaRA4IvlRLWAlx_Slide 16_9 - 266 (10).png)
Step 2
Click Background Color wheel to add a surrounding color for the whole experience.
![](https://cdn.relayto.com/images_originals/loF6rNivSbejaTkoOdMI_Slide 16_9 - 266 (11).png)
Related Articles:
- How to Change Your Content's Basic Information
- How to Update Your Experience
- How to Add Images and Videos
Thank you for joining us in this tutorial! If you have any questions or need help, feel free to email us at [email protected] or book a call here.