Embedded Components provide Teya's on-page checkout directly on your website. By slotting pre-built payment fields into your existing checkout page, your customers can complete their Payment without ever leaving your site. This guide explains the benefits of Embedded Components and outlines what your developer needs to complete the setup.
Choosing your checkout experience
Depending on your technical resources and how much control you want over the checkout design, you can choose between Embedded Components and Hosted Checkout.
Embedded Components: Your customer stays on your site throughout the Payment process. You have full control over the look and feel, but the setup requires moderate effort and a developer.
Hosted Checkout: Your customer is redirected to Teya's checkout page. You have limited design control (logo, terms, and merchant note), but the setup requires minimal code and low technical effort.
What Embedded Components offer
Using an on-page checkout provides a seamless experience for your customers and includes the following features:
Card Payments with real-time validation.
Apple Pay support.
3-D Secure inline checks, meaning there are no full-page redirects.
Customisable layouts, fonts, and colours to match your brand exactly.
Setup requirements
Setting up Embedded Components requires technical knowledge, so you will need a developer to complete the build. To get started, they require the following elements:
API credentials: Your unique Teya API credentials to authenticate the integration.
SDK installation: The Embedded Components SDK installed on your front end.
Session creation: A backend setup that creates the active checkout session.
Webhook endpoint: A configured webhook endpoint to receive real-time Payment notifications. For full developer setup, see the custom integration guide here.
Need more help?
Understand Hosted Checkout
Choose the right online payment option
Build a custom integration with Teya