...
In this section we will guide you how you can customize app UI and how to integrate your app UI into a website, catering to different experience levels. Beginners can easily adjust the app’s title bar, background, images, and buttons through the E3DS Control Panel. Those with basic programming knowledge can use an iframe to embed the app on their site. For advanced users, a guide is available for a more personalized integration using the streaming interface. This guide ensures a seamless connection between your app and website, no matter your skill levelelements. How much customization you can achieve depends on the effort you're willing to put in. We offer three levels of customization based on your preferred effort.
1. Customize
...
UI Elements from E3DS Control Panel
| Info |
|---|
This is the simplest and fastest customization option, with no programming required. |
| Tip |
|---|
User can customize the App UI using E3DS control panel. Here is the list what user can customize using this feature:
|
...
Follow this documentation to customize the Title Bar icon, Loading Background, Logo, Loading image, Queue screen, and the Play Button for a white-label experience!
...
2.
...
Embed E3DS App
...
with your
...
website using iFrame
| Info |
|---|
Need basic frontend knowledge for this customization level |
| Tip |
|---|
This feature provides:
|
Here are the options you can add pixel streaming to your website through iframe:we have provided three different options to embed E3DS app with your website. But you can use other framework also.
HTML - refer toIntegrating Streaming UI via iframe in a HTML website
...
WordPress - refer to Integrating Streaming UI via iframe in a WordPress website
| Warning |
|---|
Although using this feature you can integrate your App UI with your website, it provides less control over the HTML, React JS and Angular JS elements. To get this functionality, you can proceed to the next step. |
3. Integrate E3DS App UI with your webpage using Streaming UI
3. Embed E3DS App with your website using Streaming UI
| Info |
|---|
Need basic frontend and backend knowledge for this customization level |
| Tip |
|---|
This feature provides:
|
Here we have provided three options for integrating streaming UI into your website:different options to embed E3DS app with your website. But you can use other framework also.
HTML/ejs - refer to Embed streaming into a webpage (no iframe solution)
...