{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"Overview","description":"Tilia Wallet Developer Documentation","siteUrl":"https://thunes-tilia-docs.redocly.app/","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"overview","__idx":0},"children":["Overview"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Our Web UI widgets are prebuilt components that enable you to easily add Tilia functionality"," ","to your customers' checkout experience."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/payment-method-with-langs.7f94e734d8b8d2f1869e313220f22194d76d07894487b422f45816dbed0093ff.9c1bb791.png","alt":"payment selection widget"},"children":[]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The widgets support up to 10 languages: English, French, German, Indonesian, Italian,"," ","Japanese, Korean, Portuguese (BR), Russian, and Spanish."," ","The widgets' UI language defaults to the browser's preferred language and is also user-selectable."," ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.tilia.io/contact-sales"},"children":["Contact us"]}," to configure the languages for your widgets."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"choose-the-interactions-you-want","__idx":1},"children":["Choose the interactions you want"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Our Web UI widgets support the following interactions."]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["TOS flow"]}," checks to see if the account has accepted the latest version"," ","of the Tilia Terms of Service (TOS), and presents the TOS for acceptance if necessary."," ","Learn more about the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/tos-flow"},"children":["TOS flow"]},"."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["KYC flow"]}," checks to see if the account has valid Know Your Customer (KYC) data on file."," ","If not, a UI will be presented to collect the required information and submit it for validation."," ","Learn more about the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/kyc-flow"},"children":["KYC flow"]},"."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Payment Selection flow"]}," enables the user to provide payment information in the context of a purchase."," ","Users can choose from their available stored payment methods or add a new payment method."," ","Learn more about the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/payment-selection"},"children":["Purchase flow"]},"."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Checkout flow"]}," provides users with a transaction summary."," ","Users can choose from their available stored payment methods or add a new payment method."," ","Learn more about the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/checkout-flow"},"children":["Checkout flow"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Transaction History"]}," and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Transaction Details"]}," flows allow users to see a history"," ","of their transactions and explore the details of individual transactions."," ","Users can send themselves receipts for each processed transaction from the details page."," ","Learn more about the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/transaction-history"},"children":["Transaction History"]}," and"," ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/transaction-details"},"children":["Transaction Details"]}," flows."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Payout flow"]}," allows the user to provide account information in the context of a payout."," ","Learn more about the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/payout-flow"},"children":["Payout flow"]},"."]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"choose-how-to-integrate-the-widgets","__idx":2},"children":["Choose how to integrate the widgets"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can integrate the widgets into your application in one of these two ways:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Embed the Tilia widget in your own website."]}," This is the recommended approach,"," ","as it means your users can interact directly with the Tilia flows without ever leaving your site."," ","This option provides a secure, PCI-compliant experience for gathering a customer's payment details"," ","and collecting KYC data. Learn more about ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/widget-overview"},"children":["widget integration"]},"."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Redirect your customer to a Tilia-hosted page."]}," This approach can be used if you need to get"," ","up and running quickly without making changes to your site,"," ","or in situations where integrating Tilia-provided widgets into your website does not"," ","work for you. Learn more about ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/web-uis/tilia-hosted-widget"},"children":["Tilia Hosted Widget"]},"."]}]}]}]},"headings":[{"value":"Overview","id":"overview","depth":1},{"value":"Choose the interactions you want","id":"choose-the-interactions-you-want","depth":2},{"value":"Choose how to integrate the widgets","id":"choose-how-to-integrate-the-widgets","depth":2}],"frontmatter":{"seo":{"title":"Overview"}},"lastModified":"2024-01-22T16:14:01.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/web-uis","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}