Welcome your users with onboarding images when they login into your App. This article will walk you through the necessary steps.

Before you start: install the preview App

Before you begin making changes, install the Audiorista Preview App to test your styling options before the App goes live. It will avoid surprises later on. The App is free and available on the App Store. You can install it with only a few clicks.

→ Go to article: Preview your App

Adding onboarding images

From the Audiorista Dashboard, on the main menu to the left, select Apps
Then click on Onboarding from the top menu

You will land in the branding editor, where you will be able to customize your App

Background images

Most of Audiorista’s users choose to have a Background image with embedded custom text.

Select Choose file on the Background image section and browse your computer to select a picture. You can add only one image
Save changes

Please notice image’s will vary depending on your end user’s device size. For example, the image will show differently on an iPhone or an iPad due to the different screen sizes

For this reason, we recommend that you design your background image with the primary content in the center and generous margins around it. This is to ensure that the content is visible correctly on all devices

The Continue button is added by Audiorista

Foreground images

Audiorista supports also foreground images as an image overimposed on your background image. You can use your option to enrich your background image, or decide to leave it blank.

You can try different options and designs, then visualize the changes in Audiorista Preview App before your App is live.

To add a foreground image:

Select Choose file on the Foreground image section and browse your computer to select a picture. You can add only one picture
Save changes

Caption

You can add a caption to go with your image. This will appear just above the Continue button. If you already have a text on your picture, you should ensure that the new text does not overlap.

Type your text in the caption text box (max 90 characters)
Save changes