Create Product Pages and Configure Care Instructions

  1. Open Passport Builder and navigate to Custom Pages.
  2. Click Create Page and enter a page name (e.g., "Care Instructions").
  3. Select a page template or start from blank.
  4. Add a title text element for the page heading.
  5. Add content blocks for care instruction information.
  6. Use icons or symbols to represent washing and care methods.
  7. Add a rich text block with detailed care descriptions.
  8. Configure the page background color and styling.
  9. Add a divider between different care instruction sections.
  10. Set the page header with a logo and title.
  11. Preview the page layout.
  12. Navigate to the experience editor to link this page.
  13. Select a button element and open its action settings.
  14. Choose Navigate to custom page as the action type.
  15. Select the care instructions page from the dropdown.
  16. Style the button to indicate it leads to care information.
  17. Add an icon to the button for visual clarity.
  18. Preview the button action in preview mode.
  19. Test that clicking the button opens the care instructions page.
  20. Add a back button or navigation to return to the main experience.
  21. Adjust the care page layout for mobile.
  22. Check all care symbols display correctly at small sizes.
  23. Save the custom page.
  24. Confirm the experience button link is correctly configured.
  25. Click Save on the experience to finalize.
Created 2026-03-25 Last updated 2026-04-09

Was this page helpful?

Related articles