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 or page level.
Background Video to Page
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 Add" 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)
Background Color to Page
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)
Background Video to the Whole Experience
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. You can add only videos. Control overlay color and opacity and enable or disable the Fill Screen option.
- All pages. You can choose between Video or Image type, and you have all the same other customization options as the 1st page.
![](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)
Background Image to the Whole Experience
Step 1
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/MpJLCtbSlS6mpKJ6aLPg_Slide 16_9 - 266 (14).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)
Background Color to the Whole Experience
Step 1
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.