SDK Methods

Method	Description
`new InlineCheckout(..)`	Initializes the SDK with configuration like `apiKeyTonder` and `returnUrl`.
`setPaymentData(data)`	Loads the customer data (name, email, etc.) into the SDK instance.
`setCartTotal(total)`	Sets the total amount for the transaction.
`injectCheckout()`	Renders the pre-built checkout UI.

InlineCheckout Constructor

Creates a new instance of the InlineCheckout class with the necessary configuration for secure payment processing. This constructor establishes the connection with Tonder’s services and configures the payment environment.

Parameter	Type	Description
`apiKeyTonder`	String	Your Tonder API key for authentication
`returnUrl`	String	URL where users are redirected after payment completion
`successUrl`	String	URL for successful payment redirects
`renderPaymentButton`	bool	Whether to show the SDK’s built-in payment button

Here’s an example of how to initialize the InlineCheckout class:

InlineCheckout(
  apiKeyTonder: "YOUR_API_KEY",
  returnUrl: "https://your-app.com/return",
  successUrl: "https://your-app.com/success",
  renderPaymentButton: false,
)

setPaymentData

Configures the customer information that will be used during the payment process. This data is used to pre-fill the checkout form and associate the transaction with the customer.

Parameter	Type	Description
`data`	Map<String, dynamic>	Customer information including name, email, etc.

Here’s an example of how to set the customer data:

final customerData = {
  'first_name': 'Juan',
  'last_name': 'Pérez',
  'email': 'juan.perez@example.com'
};
_fullPlugin!.setPaymentData(customerData);

setCartTotal

Sets the total amount for the transaction. This value is displayed in the checkout interface and used for payment processing.

Parameter	Type	Description
`total`	int	Total amount in cents (e.g., 399 for $3.99)

Here’s an example of how to set the cart total:

_fullPlugin!.setCartTotal(399); // $3.99

injectCheckout

Renders the pre-built payment interface within your Flutter widget. This method creates the complete checkout form with card input fields, validation, and styling.

Parameter	Type	Description
None	-	This method takes no parameters

Here’s an example of how to inject the checkout:

await _fullPlugin!.injectCheckout();

SDK Overview

Web SDKs

Mobile SDKs

Core Methods

Method Details

Next Steps

​Core Methods

​Method Details

​Next Steps

Core Methods

Method Details

Next Steps