> For the complete documentation index, see [llms.txt](https://docs.rocketfuel.inc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rocketfuel.inc/web-ui/redirect-integration.md).

# Redirect Integration

Rocketfuel-hosted checkout web UI is the simplest and quickest way of using the Rocketfuel services. The merchant interested in obtaining this solution must submit their cart data to generate an invoice. 

The API response returns a URL where the shopper will redirect to the payment options. After the successful payment, the shopper will return to the merchant's website.

<mark style="color:green;">`POST`</mark>` ``/hosted-page`

Here is the sample of request payload.&#x20;

{ amount, cart{ id, price, name, quantity, key, totalPrice, isSubscription, frequency, merchantSubscriptionId }, currency, order, redirectUrl, customerInfo{ name, email, phone, address }, shippingAddress{ firstname, lastname, phoneNo, address1, address2, state, city, zipcode, country, landmark, email } }

isSubscription: true/false&#x20;

frequency: weekly/monthly/quarterly/half-yearly/yearly&#x20;

merchantSubscriptionId: Subscription id for merchant system. This key will use to communicate the recurring payment status.

#### Headers

| Name                                            | Type   | Description                      |
| ----------------------------------------------- | ------ | -------------------------------- |
| Authorization<mark style="color:red;">\*</mark> | String | "Bearer" + merchant access token |
| Content-Type                                    | String | application/json                 |

#### Request Body

| Name            | Type   | Description                                                                                      |
| --------------- | ------ | ------------------------------------------------------------------------------------------------ |
| amount          | String |                                                                                                  |
| cart            | Array  | id, price, name, quantity, key, totalPrice, isSubscription, frequency, merchantSubscriptionId    |
| currency        | String | USD/EUR                                                                                          |
| order           | String | Order id from the merchant's system                                                              |
| redirectUrl     | String | Return URL of merchant's website, in case of RKFL-hosted checkout integrated                     |
| customerInfo    | Array  | name, email, phone, address                                                                      |
| shippingAddress | Array  | firstname, lastname, phoneNo, address1, address2, state, city, zipcode, country, landmark, email |

{% tabs %}
{% tab title="200: OK " %}

```javascript
{
    "ok":true,
    "result":{
        "url":"https://payments-sandbox.rocketfuelblockchain.com/hostedPage/f7cb4141-3030-4245-8aa1-f5cf95b5d504",
        "uuid": "f7cb4141-3030-4245-8aa1-f5cf95b5d504"
    }
}
```

{% endtab %}
{% endtabs %}