This allows some additional customization to your mobile app since webpages can be easily modified beyond what some other tab types might be able to do! For example, you might create something like a Contact Us form, or use some customized embed codes to add more complex functionality to your app. You can also utilize images to your advantage to create a seamless app experience for your users!
A browser tab needs to comply with app store policies. This means that there are some limitations to browser tabs, and not all website pages can be used. Additionally, your app must be mostly in-app content (such as media items or events), and cannot be mostly browser-based content (such as links or browser tabs), as the app stores don't want apps to be repackaged websites.
Build or find your preferred web page
The first step in adding a browser tab to your app is finding or creating a website page that can be used! If your package includes SnapPages, our website builder, this can be easily done by creating a new Page on your website. You can drag and drop content easily onto the page that will integrate with your Dashboard content. If you are using another website builder, you can find your web embeds for media, events, and more inside your Dashboard under Web > Embeds. However, you don't need to build a webpage from scratch, you can also use one you find online!
Make sure your web page complies with app store policies
If your webpage contains a way to access certain content, the app stores will flag and even possibly remove your app from the app store, so it's very important to carefully audit your web page before adding it as a browser tab. Here are the main items to make sure your web page does not have:
YouTube links or embeds that allow you to get to YouTube
Giving
Purchases
References to the app store companies or stores in any capacity (ex. a Google Play logo or picture of an iPhone)
Features that require logins
References to the pandemic in any capacity
Any way to get to any of the above (ex. if a website links to Facebook, which links to YouTube, then it counts as having YouTube links)
Please make sure that once you add this tab, your app is still mostly app-based content (ex. media tabs, calendar tabs, etc). Apps with mostly web-based content (such as browser tabs and links) are not allowed by the app stores. If you already have a browser tab in the app, it is not typically recommended to add a second one.
If your webpage allows access to any of the above items (be sure to check in the menu of the website as well), then you will need to either remove those items from that page or find a way to hide them. If you are using SnapPages for your website builder, the app will automatically hide the navigation menu that might allow access to certain items (such as Giving).
Create the tab
In your Dashboard, head to the Mobile app and click Manage tabs. From here, click Add Tab. Scroll until you see the Browser Tab and give it a title and an icon. It will be in your inactive tabs, so drag it up into active and then publish! Lastly, you can click into the tab and set the URL that you want the browser tab to open.
Do not change the handler to externalBrowser, this will break the tab and is not supported.
Keep it up-to-date
Any time you want to update content on your browser tab, you only need to edit that web page! Please note that you will need to make sure any new content you add in will also need to comply with app store policies, so you will want to continue avoiding the items listed in Step 2 to ensure your app continues functioning as usual.