Customizing the Screen Footer
В
Автор: Валерия Зимницкая
Обновлено больше недели назад

After adding a screen to your onboarding process, you can customize various visual aspects, including the footer. Here's a step-by-step guide to managing these elements

:

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 Footer Options:

In the right panel, you'll find a list of customizable options, including a section for the Footer. The 'Footer' tab in your Onboarding settings allows you to manage navigation within your Onboarding screens, typically featuring two action buttons at the bottom of the screen (Button 1 and Button 2).

📣 It's important to note that footer customization options are available for each screen template with some exceptions. Specifically, the options to customize the footer are not available for certain types of screens, including the Slider, Progress Bar, and Custom screens.

This means that when working with these specific screen types (Slider, Progress Bar, and Custom), the standard footer customization features will not be applicable.

For all other screen templates, you can fully utilize the header customization options to enhance your onboarding process's navigation and visual experience.

Customizing Footer Buttons:

Button 1 and Button 2 text customization: Customize these buttons to perform specific actions. You may enter the required text in the text field to change the button title: For example, Button 1 could be a 'Continue' button, and Button 2 could be a 'Cancel' button.

Configuring Navigation: After adding buttons and saving changes you may Set up connections and conditions for these buttons as needed. Detailed information about setting connections and conditions can be found in a linked guide.

Configuring Buttons Appearance

Adjust text settings (font, size, color, background, weight) and buttons visual design n (button background color, height, weight, corner radius) by clicking on the Settings icon.

The detailed article on how each setting works is in the linked article

Footer elements visibility.

Control the visibility of Button 1 and Button 2 individually by toggling the checkmark in the corresponding row.

Unchecking a box will prompt a confirmation

Clicking 'Yes' will hide the corresponding button. You can easily restore it anytime by checking the designated checkbox in settings.

Saving Your Changes:

After finalizing the customization, Click "Save and Close" to apply your changes.

If you press the "Close" button without saving, all modifications will be lost.

By following these steps, you can effectively customize the footer of your onboarding screens, enhancing user experience and ensuring that the onboarding flow is both visually cohesive and functionally aligned with your app’s design and usability goals.


Нашли ответ на свой вопрос?