Inhoud

Een custom Digital Product Passport-pagina aanmaken

Bouw een custom DPP-pagina vanaf nul: voeg afbeeldingen, rich text, een box-container en een button group met acties toe naar je eigen pagina's, de standaard Materials-pagina en de standaard Traceability-pagina. Wijs daarna de pagina toe als Product Passport in een experience en bekijk het resultaat.

  1. Ga naar Pages om een custom page voor je DPP aan te maken.
  2. Klik op de Create page-knop om een nieuwe pagina aan te maken.
  3. Geef de pagina een naam en klik op Create om de nieuwe pagina op te slaan.
  4. Klik op het Image-veld om een algemene foto of productafbeelding te uploaden.
  5. Klik op het upload-icoon om een mediabestand voor je afbeelding te selecteren en toe te voegen.
  6. Klik op een afbeelding om deze in je product passport in te voegen, of upload er een vanaf je computer.
  7. Klik op Rich text om content aan je pagina toe te voegen.
  8. Klik op het bewerk-icoon om de rich text-content toe te voegen.
  9. Voer de content in die je op deze pagina wilt tonen.
  10. Je kunt de padding rondom de zojuist toegevoegde content aanpassen.
  11. Klik vanaf hier op het Box-component om een container-element aan je pagina toe te voegen.
  12. Klik op de Button group om custom knoppen toe te voegen.
  13. Je kunt de ruimte tussen de knoppen aanpassen en ze opmaken.
  14. Klik daarna op de eerste knop om de actie ervan toe te wijzen.
  15. Klik hier.
  16. Als je een custom page wilt toevoegen, klik op "Page".
  17. Selecteer de pagina die je wilt toevoegen, bijvoorbeeld "General".
  18. Klik op de tweede knop.
  19. Klik hier.
  20. Als je de standaard Materials-pagina wilt toevoegen, kies "Material".
  21. Voer de naam in die je op deze knop wilt tonen.
  22. Selecteer de derde knop.
  23. Klik vervolgens hier.
  24. Als je standaard Traceability wilt toevoegen, kies "Traceability" in het dropdownmenu.
  25. Voer de naam voor je knop in.
  26. Je kunt de tekst vanaf hier uitlijnen.
  27. Zo ziet je Digital Product Passport-pagina eruit na alle wijzigingen.
  28. Klik vervolgens op "Save".
  29. Ga terug naar de Experiences.
  30. Klik op Experiences om de zojuist ontworpen custom Digital Product Passport-pagina te bekijken en in te stellen.
  31. Klik op de experience waar je je custom Digital Product Passport-pagina aan wilt toevoegen.
  32. Klik vervolgens op de Product Passport-knop om de standaardpagina te bewerken en je nieuwe custom pagina toe te wijzen.
  33. Klik daarna op het Settings-icoon om de configuratie-opties te openen.
  34. Kies daarna "Custom page" in het dropdownmenu om een custom product passport-pagina toe te wijzen.
  35. Voer de naam in en selecteer deze in het dropdownmenu.
  36. Klik op de Save-knop om alle wijzigingen in de configuratie op te slaan.
  37. Klik vervolgens op de Product Passport-knop om de detailpagina van het passport te bekijken.
  38. Je ziet dat de custom page die je hebt ontworpen nu in je DPP verschijnt.
  39. Klik op de Materials-knop om de pagina te previewen.
  40. Nadat je hem hebt gepreviewd, kun je terug navigeren om ook de andere pagina's te bekijken.
  41. Klik op de Traceability-knop om de pagina te verifiëren.
  42. Alles staat nu op zijn plek, je custom Digital Product Passport-pagina is succesvol toegevoegd.
Aangemaakt 19 juni 2026

Was deze pagina nuttig?

Taal
Thema
Contact
Juridisch