Hosted Card Payment Fields

Why Hosted Fields Integration?

Lemonway's Hosted Fields integration lets you design and customize a payment form to match your website theme. Our integration solution enables you to customize features at a high level, but it can also be tailored at the pixel level, allowing you to match the design and aesthetics of your website perfectly.

In addition to design customization, our solution is compatible with any CSS framework or JavaScript library. Your developers can therefore focus on the design and customization, as well as use your organization's preferred tools to build a payment form.

Synthetic Events are also supported, this lets components interact seamlessly, and provides smooth and efficient communication between different elements on your website, leading to a more responsive and interactive user experience.

Lemonway's Hosted Fields solution is a complete tool that lets you create a secure, customizable, and user-friendly payment form on your website.

What you should know before you start building?

You will need the following technical prerequisites:

Knowledge of HTML and JavaScript: Required to create and manipulate HTML elements and how to use JavaScript to interact with these elements.
Lemonway SDK: Necessary for building the payment form. You can import the SDK into your application using a script tag in your HTML file or by lazy loading the SDK when the end-user reaches the payment page.
Understanding of the Lemonway SDK Features: Understanding how Event hooks and Toggling classes feature work.
1. Event hooks allow you to listen for specific events that occur within the Lemonway iframe, such as when the user enters or leaves an iframe, or when the form or an individual iframe content becomes valid or invalid.
2. Toggling classes allow you to dynamically modify the appearance of the fields based on the iframe's state.
CSS Knowledge: You will need to know how to use CSS to style the payment form fields. Lemonway SDK permits you to customize the appearance of the fields.