Contents

Design Your Welcome Page from Scratch

Start fresh with blocks of your choice, background image, logo, headline, and rich text, and tweak spacing to land a welcome page that fits your brand.

  1. Double click the welcome button to open the welcome page.
  2. These are all the elements that are automatically added once the welcome page is enabled. You can delete them and add new ones.
  3. If you want to delete a block, click the Delete button to remove the selected block from the layer tree.
  4. Once you have deleted the blocks you don't need, click the + button to add new blocks.
  5. If you want to add a photo/logo to your welcome page, click the Image block to add it to the layer tree.
  6. You can add as many blocks as you want.
  7. Click the menu icon to access newly added blocks.
  8. Click the Rich Text block and drag it into the Welcome page block so it appears on your welcome page.
  9. Click the Welcome section in the layer tree to access the welcome page and all added blocks.
  10. You can see that all blocks are now inside the welcome page.
  11. You can reorder blocks inside the welcome page. For example, the Rich Text block is positioned below the photo.
  12. Now you can start adding images and content to the welcome page. To add a background image, click the Welcome page block.
  13. Click the cloud upload icon to add a background image for your welcome page.
  14. Once the background image is added, click "Cover" to adjust how the image fits.
  15. You can reposition the image by clicking the focal point (dot).
  16. Click the image placeholder to add your logo to the experience.
  17. Next up, click the Upload button to add an image.
  18. Your logo will appear as an image on the welcome page.
  19. Adjust the right padding value to customize spacing. We recommend setting the left and right margins to auto to center the logo.
  20. Enter a value in the Width field to adjust the image size.
  21. Once you have set the width, it will be applied directly to the logo.
  22. You can adjust the position of your logo to place it slightly lower.
  23. Click the edit (pencil) icon to modify the selected rich text content.
  24. Click the text field to enter your custom description text.
  25. Select the text.
  26. Select "Heading" from the text style dropdown to format your text. The Heading style uses the font defined in your Brand Book.
  27. Click the align center button to center your heading.
  28. Select 14pt from the font size dropdown to adjust the text size.
  29. Click the dropdown arrow to change the color.
  30. Click the color picker to select a custom background color for the icon.
  31. You can enter a hex code or select a color from the picker.
  32. To reposition the Rich Text block and button, adjust the margin values.
  33. Click the Save button to save your changes.
Last updated 18 June 2026

Was this page helpful?

Language
Theme
Contact
Legal