Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info

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 do white labeling

image-20241031-043853.png

Step 2. Select a config

image-20241031-044031.png

Step 3. Click on Generate URLs and copy iFrame Script

image-20241031-044209.png

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

image-20241031-044540.png

Step 5. Create index.html file inside the folder

image-20241031-044645.png

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

Code Block
<html>
    <head>
        <title>Demo</title>
    </head>

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

image-20241031-052411.png

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

image-20241031-052459.png

Step 8. Open an account in Netlify or Login to Netlify if you have already an account

Step 9. Go to Build and click on “New site from Git”

image-20241031-045649.png

Step 10. Click Try Netlify Drop

image-20241031-045805.png

Step 11. Click browse to upload

Info

You can also use Drag and drop method

image-20241031-045928.png

Step 12. Select the folder that contains index.html file

image-20241031-050124.png

Step 13. Click Upload

image-20241031-050155.png

Step 14. Click Open Production Deploy

image-20241031-050237.png

Step 15. Play your app

image-20241031-050419.png

image-20241031-050432.png

Step 16. You can customize your site url

Info

Click Site Configuration and then select Change site name

image-20241031-050520.png

image-20241031-050726.png

Step 17. Now you can see the configured url

image-20241031-050756.png

...

💬 If you face any problems, please comment below or contact Support

...