---
title: Front-end Integration for 3DS
slug: front-end-integration-for-3ds
docTags: 
createdAt: 2026-06-01T13:20:12.573Z
---

In addition to the Forter's Javascript snippet and Mobile SDKs that share user behavior information, you'll need to incorporate Forter's 3DS client components into the front-end of your website and mobile applications. These are used in the 3DS Initialization and 3DS Challenge phases for easier integration. See usage in [client-side handling](https://docs.forter.com/VJT0xm_khCBeO6KMsqfMC#client-side-handling-of-managedordertoken).

### 3DS Javascript for your website

Add Forter's checkoutTools library to your checkout page, wherever the card entry iframe is located. The script should be pasted directly before the closing HTML `</body>` tag. Note that this should not override or conflict any other existing Forter JavaScript snippets already on the site.

```HTML
<script type="text/javascript" data-site-id="{your-forter-site-id}" id="checkoutTools__script" src="https://sdk.checkouttools.com/v1.2/managedOrders.js"> </script>
```

:::hint{type="danger"}
Do not remove any existing Forter JavaScript snippets
:::

### 3DS Mobile SDKs / JS for your App

If your application is developed using native code, utilize the native [3DS Android SDK](https://docs.forter.com/3ds-android-sdk) and [3DS iOS SDK](https://docs.forter.com/3ds-ios-sdk) seamless integration.

For non-native applications(React Native/Flutter) using a **WebView** , the addition of the **3DS** JS to your checkout page covers also apps that incorporate hybrid or mobile browsers.