App onboarding configuration

in this article, you learn how to configure your app onboarding in the experience builder read this article to get more context of the app onboarding docid\ mab9hcwaeue4emhkegl4h preconditions image files image file per step in jpeg format (1x for phone + 1x for tablet) for phone, size 1080x1920 px and for tablet, size 2048x1536 px icons one image file per step with icon in png format with transparent background, size 1280x1280 px texts for each step, a headline and a short text, max 300 characters buttons desired colour as rgb value, e g (0,0,255) for blue; and desired button text, e g "skip" how to guide access the onboarding folder in the experience builder 1\ go to experience builder, choose the desired app from the list and klick on it 2\ click on 'pull from preview' 3\ click on 'default' 4\ click on 'onboarding you have now access the onboarding folder in the experience builder upload images for your onboarding 5\ click on 'assets' 6\ click on 'config' 7\ click on 'onboarding images' 8\ click on 'actions' 9\ click on 'upload files' 10\ upload your 2 images from file upload menu, 1x for phone (e g '7 feedbackphone jpg') and 1x for tablet (e g '7 feedbacktablet jpg') and wait, until the green box 'uploaded' appears you have now successfully uploaded a phone and a tablet image to your onboarding change the button text in the messages json 11\ click on 'config' 12\ click on 'messages json' 13\ mark the text 'skip' and overwrite it with your text, e g 'miss out' 14\ mark the text 'done' and overwrite it with your text, e g 'determine' you have successully changed the button text for your onboarding add a new step to your onboarding 15\ scroll down in the json file and mark the last paragraph 17\ copy and paste it directly below, before the last '}' you have now successfully added a new step to your onboarding change the title text and body text of your new step of onboarding 18\ we now insert your title text for the new onboarding step next to "title", mark the orange text in quotations marks and overwrite it with your own title text, e g "feedback function" 19\ next to "body", mark the orange text in quotations marks and overwrite it with your own body text, e g "whenever you wish to ask a question or give us feedback, get in touch with us via the feedback function!" you have now successfully changed the title text and the body text of your new step of onboarding map the recently uploaded images 20\ go to the line "phone" and overwrite the image name in the path with the name of the image for phones, that you uploaded in step 9, e g '7 feedbackphone' 21\ go to the line "tablet" and overwrite the image name in the path with the name of the image for tablets, that you uploaded in step 9, e g '7 feedbacktablet' you have now successfully mapped the recently uploaded images to your onboarding change the accent colour of your onboarding 22\ click on 'style json' 23\ go to the line "accent" and overwrite the orange text in brackets with the rgb colour of your choice to change the accent colour for your onboarding e g (0,0,255) for blue you have successfully changed the accent colour of your onboarding merge your changes to update the dynamic resources 24\ click on the burger menu 25\ click on 'update dynamic resources' in the dropdown 26\ name your recent changes, e g with 'configured onboarding 091122' 27\ click on 'merge' you have successfully merged your changes in the onboarding and updated the dynamic resources