{"templateId":"markdown","versions":[{"version":"v1.0","label":"v1.0","link":"/docs/v1.0/guides/transactions/transaction-ui-flow","default":false,"active":false,"folderId":"a2557b8d"},{"version":"v2.0","label":"v2.0 (latest version)","link":"/docs/guides/transactions/transaction-ui-flow","default":true,"active":true,"folderId":"a2557b8d"}],"sharedDataIds":{"sidebar":"sidebar-docs/@v1.0/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"UI","description":"Sample user interfaces.","llmstxt":{"hide":false,"title":"Trustap API","description":"Trustap is an API for end-to-end transaction solution that seamlessly integrates payments, fulfillment, and support into your marketplace. Trustap is an escrow API service facilitating secure transactions.","sections":[{"title":"Intro","description":"Trustap API introduction.","includeFiles":["docs/v2.0/intro/*.md"],"excludeFiles":[]},{"title":"Concepts","description":"Trustap Concepts","includeFiles":["docs/v2.0/concepts/*.md"],"excludeFiles":["docs/v2.0/concepts/errors.md"]},{"title":"Guides","description":"Trustap integration guides","includeFiles":["docs/v2.0/guides/**/*.md"],"excludeFiles":["docs/v2.0/guides/listing/"]},{"title":"API Reference","description":"Trustap API reference guide","includeFiles":["**/apis/@v2.0/openapi.yaml"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"ui","__idx":0},"children":["UI"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To support your Trustap integration, we've built sample UI flows. You can use these to build your own interfaces."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"marketplace-web-flow","__idx":1},"children":["Marketplace web flow"]},{"$$mdtype":"Tag","name":"iframe","attributes":{"style":{"border":"1px solid rgba(0, 0, 0, 0.1)"},"width":"800","height":"450","src":"https://embed.figma.com/proto/d6air6cUAcrPIYMvE76o29/Generic-Marketplace-F2F-Presentation?page-id=2027%3A37&node-id=6005-3269&viewport=621%2C462%2C0.02&scaling=contain&content-scaling=fixed&starting-point-node-id=6005%3A3269&embed-host=share","allowFullScreen":""},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.figma.com/proto/d6air6cUAcrPIYMvE76o29/Marketplace-F2F?content-scaling=fixed&kind=proto&node-id=6005-3269&page-id=2027%3A37&scaling=contain&starting-point-node-id=6005%3A3269&t=LnYpUxYeO0PG3w50-1","target":"_blank"},"children":["Full view"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"marketplace-mobile-flow","__idx":2},"children":["Marketplace mobile flow"]},{"$$mdtype":"Tag","name":"iframe","attributes":{"style":{"border":"1px solid rgba(0, 0, 0, 0.1)"},"width":"800","height":"450","src":"https://embed.figma.com/proto/d6air6cUAcrPIYMvE76o29/Generic-Marketplace-F2F-Presentation?page-id=4%3A2&node-id=6001-2538&viewport=3789%2C8368%2C0.21&scaling=scale-down&content-scaling=fixed&starting-point-node-id=6001%3A2538&embed-host=share","allowFullScreen":""},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.figma.com/proto/d6air6cUAcrPIYMvE76o29/Marketplace-F2F?content-scaling=fixed&kind=proto&node-id=6001-2538&page-id=4%3A2&scaling=scale-down&starting-point-node-id=6001%3A2538&t=ioZNuy4SIGNhqVYf-1","target":"_blank"},"children":["Full view"]}]}]},"headings":[{"value":"UI","id":"ui","depth":1},{"value":"Marketplace web flow","id":"marketplace-web-flow","depth":2},{"value":"Marketplace mobile flow","id":"marketplace-mobile-flow","depth":2}],"frontmatter":{"seo":{"title":"UI","description":"Sample user interfaces."}},"lastModified":"2026-04-09T15:59:05.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/guides/transactions/transaction-ui-flow","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}