Edit and Customize the Welcome Page

  1. Open your cloned experience in Passport Builder.
  2. Click on the Welcome Page block to select it.
  3. Update the background image by clicking the image slot and uploading a new file.
  4. Edit the headline text to match your brand messaging.
  5. Update the subheading or description text.
  6. Adjust the text color to ensure readability against the background.
  7. Change the font style using the typography panel.
  8. Resize or reposition the logo element.
  9. Update the logo with the correct brand asset.
  10. Adjust the button label on the call-to-action.
  11. Change the button color to match the brand palette.
  12. Configure the button action (e.g., navigate to product page).
  13. Adjust the spacing and padding of the welcome block.
  14. Preview the welcome page in the preview panel.
  15. Switch to mobile view and check the layout.
  16. Adjust any elements that don't display correctly on mobile.
  17. Update the page title in the metadata settings.
  18. Add an overlay or gradient if needed for contrast.
  19. Review the complete welcome page in preview.
  20. Click Save to apply all changes.
Created 2026-03-25 Last updated 2026-04-09

Was this page helpful?

Related articles