> For the complete documentation index, see [llms.txt](https://docs.webtonative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webtonative.com/website-plugins/bubble.io.md).
# Bubble.io Plugin Guide
## Overview
The ๐ช๐ฒ๐ฏ๐๐ผ๐ก๐ฎ๐๐ถ๐๐ฒ plugin for Bubble.io enables you to seamlessly convert your web app into a native mobile app, complete with device-specific features and customization options. With WebtoNative, you can tailor the appearance of the mobile status bar, control the visibility of elements based on the user's device (Android, iOS, or web), and easily manage push notifications through OneSignal, including the ability to target specific users or groups. This plugin is ideal for users looking to enhance their web appโs mobile experience by leveraging native functionalities and provides flexibility with minimal setup required in Bubble workflows.
๐ [WebtoNative Plugin on Bubble.io](https://bubble.io/plugin/webtonative-1731489857971x210493134692679680)
## ๐ช๐ฒ๐ฏ๐๐ผ๐ก๐ฎ๐๐ถ๐๐ฒ ๐ฃ๐น๐๐ด๐ถ๐ป ๐ฆ๐ฒ๐๐๐ฝ ๐๐ป๐๐๐ฟ๐๐ฐ๐๐ถ๐ผ๐ป๐
### ๐๐ฃ๐๐ฉ๐๐๐ก๐๐ฏ๐ ๐๐๐๐ฉ๐ค๐๐๐ฉ๐๐ซ๐
Add the **๐๐ฃ๐๐ฉ-๐ฌ๐๐๐ฉ๐ค๐ฃ๐๐ฉ๐๐ซ๐** Element to Your Page\
Begin by placing the `init-webtonative` element on the page where you want the pluginโs functionality to be active. This step is necessary for loading the WebtoNative script and enabling all subsequent plugin features.