Customizing the Screen Background
В
Written by Валерия Зимницкая
Updated over a week ago

Accessing and customizing the background settings for your onboarding screens is a process that enhances visual appeal and user engagement. Here’s a guide to help you through the various background customization options:

Accessing Screen Customization:

Screen Added on flow

Click on the screen you've added to the onboarding flow.

Press the Pencil button to enter the "Edit Screen" mode.

Customizing a Specific Screen in the Theme:

For New Onboarding: After selecting a theme, customize the screen by clicking on the Edit button.

For Existing Onboarding: Click on the Settings icon in the upper right corner of the onboarding flow

Then edit the screen for the entire theme.

Navigating to Background Options:

Within the right panel, you'll find the "Background" section among other customization options. This tab in your Onboarding settings is dedicated to managing the background of your screens.

Here, you can select from different background types: color, image, or video.

Setting a Color Background:

If you opt for a color background, you can select a shade from the color palette or pipette.

Or choose your desired color by entering the HEX color code.

Using Image as a Background:

If you select an image as the background, you can:

Use the "Camera" button to upload an image from your computer or Insert an image link.

Generate an image with the Image AI Generator based on your prompt.

To do it, click on settings icon and then on Generate image

📣 For iOS onboarding, you may utilize the 'Asset Name' option for images stored in your app bundle. Click the Settings icon and select "Asset Name" from the dropdown. Then, enter the exact name as it is in the app bundle.

Using Video as Background:

To set a video as the background:

Use the "Camera" button to upload a video from your computer or Insert a video link.

📣 Set a video source similar to images, either by a URL or by using the 'Asset Name' for iOS apps, referring to a video in your app bundle.

Saving Your Changes:

After making your adjustments, click "Save and Close" to apply these changes:

If you hit the "Close" button without saving, any modifications made will be disregarded:

By carefully following these steps, you can effectively personalize the backgrounds of your onboarding screens with your choice of color, images, or videos, thereby significantly enhancing the visual engagement and overall aesthetic of your app's onboarding sequence.

Did this answer your question?