# Iframe Integration

In addition to standard [API Integration](/api), we provide the ability to quickly integrate road payment into your website or application.

To use this type of integration, you only need to insert the `iframe block` into your website. 

This option works seamlessly for both desktop websites and mobile applications.

    :::info
    It is the fastest way to start accepting payments from your users — the setup takes just 5 minutes.
    :::


<Stepper>
1. **Login to Partner Panel portal**

    Log in to the partner panel with the email you specified - [**Partner Panel**](https://www.e-vignette.app)  ↗

1. **Select  Iframe integration**

    Go to Profile -> Settings -> Iframe Integration

    ![Iframe Settings](https://e-vignettes.eu/assets/api/iframe-settings.png)

    Here you can set your iframe settings:

    •	Language – the default language selected for the platform when the iframe loads.

    •	Currency – the currency in which prices are displayed. If not selected, prices will be shown in EUR.

    •	Environment – allows you to test how the flow will appear to the user.

    •	Theme – here you can find some theme examples. Upon additional payment, we can create a custom theme for your company.

    Once you’ve configured your iframe block, your link will look something like this: 

    ```html title="HTML Iframe Block"
    <iframe src="https://vignette.id/?platform=us_tesla&lang=en&theme=green&env=sandbox" frameborder="0"></iframe>
    ```

    :::info

    For convenience, the following additional parameters are available:

    :::

    •	Subaccount – using the `&subaccount=YOUR_SUBACCOUNT` parameter, you can create multiple iframe variations for different 
    use cases (e.g., partners, campaigns, traffic sources). 
    This allows you to track and manage iframe performance separately.

    •	Email – You can pass the user’s email using the `&email=OPTIONAL_USER_EMAIL` parameter if the user is authenticated on your platform.
    This way, the user won’t need to enter their email again, which helps reduce potential input errors and improves the overall user experience.

    ```html title="HTML Iframe Block"
    <iframe src="https://vignette.id/?platform=us_tesla&lang=en&theme=green&env=sandbox&subaccount=YOUR_SUBACCOUNT&email=OPTIONAL_USER_EMAIL" frameborder="0"></iframe>
    ```

1. **Copy iframe block and paste to your website.**

    <Callout type="caution" title="Don't forget">
    When you are ready to accept real order, remove `&env=sandbox` parameter.
    </Callout>

1. **Legal preparation**

    When you are ready, we will need to conduct a partner check via an online call and sign a cooperation agreement.

    You can book Online Call here - [**Make reservation**](https://calendar.app.google/iezq9wfH1oxTbHMG8)
</Stepper>


The [Partner Panel](/partner-panel) 📄 includes functionality for both the developer environment and the production environment — specifically, it allows you to view the orders created in the system for each environment separately.