In this tutorial we will guide you how you can integrate E3DS App with your webpage.

What is white labeling?

White labeling refers to the practice of producing a product or service and allowing other companies to rebrand and market it as their own.

Why white labeling?

Companies can usually customize the product to match their brand's style, making it look like their own product.
Developing a product or service from scratch can be expensive. White labeling lets companies avoid R&D, design, and manufacturing costs, as they purchase ready-made solutions and rebrand them.

Step 1. Select the app which you want to white labeling

Step 2. Select a config

Step 3. Click on Generate URLs and copy iFrame Script

Step 4. Now open Visual Studio Code and create a folder

Step 5. Create index.html file inside the folder

Step 6. Copy the code below and paste it inside index.html

<html>
    <head>
        <title>Demo</title>
    </head>

    <body>
        <div>
           //paste the copied iFrame Script here
        </div>
    </body>
</html>

Step 7. Now paste the copied iFrame script inside the `<div>` below

<html>
    <head>
        <title>Demo</title>
    </head>

    <body>
        <div>
            <iframe  style="visibility: visible;"  id="iframe_1" src="https://connector.eagle3dstreaming.com/v5/eagle5032/GoApp/default" width="100%" height="100%"   allowfullscreen style="border: none;"></iframe>
        </div>
    </body>
</html>