Step 1: Open App studio and click → Custom Screens

Step 2: Choose → Web-Based

Step 3: Under Custom Screens Click → Add Web Bridge SDK:

Step 4: Click→ Confirm

Step 5: Add a Screen Title and add a Web page URL under→ Embed a Web Page

Step 6: Click→ Save & Update

Step 7: To display the page→ create a link in the Navigation menu:

Step 9: Under Navigation type→ you will be guided toward two option:

👉 Side Navigation

👉 Botton Navigation

Step 9.1: If you select→ Side Navigation→ you will see the following screen:

Step 9.2: Fill in what the menu will look like if it’s set to side

Step 10: If you select→ Botton Navigation:

Step 10.1: Create a new link to → custom screens from the Add new Navigation button FYI→ you can create a maximum of 5 links
​

Next→ for each link→ choose an icon and add a name:

Step 10.2: Click→ the link icon and select→ Custom Screen

Step 10.3: Select → Custom Screen created: (in this case →My custom Screen)

Step 11: Custom Screen is now visible in the bottom menu→ Clicking on it will open the component:

Step 12: Click→ Save and Update and it's done!