# Publish as a Web App Publishing as a Web App is currently the fastest way to publish your Thunkable app. This means that you can get user feedback in minutes instead of hours or days. One major advantage to publishing on the internet is that you don't need to pay additional fees to an app market place. {% hint style="info" %} The "Publish as a Web App" component is a feature just for Thunkable creators with active paid subscriptions. To upgrade your subscription please visit your [membership page](https://x.thunkable.com/account/membership). If you cancel your paid membership, your app will be unpublished once your paid membership expires. {% endhint %} ## Mobile Web App ![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-M58YFsmev-FlZuMmKSA%2F-M58a_meP91v6azOk4Vh%2Fmobile_web_app.png?alt=media\&token=46ee05d6-acd9-4d84-a507-3c1f4413fd82) Mobile web apps are best experienced by opening the link directly on your phone. To make your mobile app feel more like a native app you can add it to the [home screen](https://intercom.help/thunkable/en/articles/3828958-add-to-home-screen) directly from your mobile web browser. If you preview a mobile web app on a desktop or laptop computer you will see a phone frame around the app. This is to give you a rough idea of its final proportions, but ultimately this will vary from device to device depending on factors such as screen size, aspect ratio, and pixel density. To get an app that can respond to devices of any size, consider publishing as a [Responsive Web App](#responsive-web-app). ## Responsive Web App ![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-M58YFsmev-FlZuMmKSA%2F-M58cCd-LhxWAeNF4TKb%2Fresponsive_web_app.png?alt=media\&token=144693f3-2fcd-449b-8ccf-19b275a0046f) Publishing your app as a responsive web app means that it will scale according to the size of the device that it is being opened on. If your app in designed only to be run on phones, consider publishing as a [Mobile Web App](#mobile-web-app). ## Demo Here's a 3 minute overview of how "Publish as a Web App" works. {% embed url="" %} ## How to Publish Start by clicking on the Publish menu and choose the "Publish as Web App (PRO)" option at the bottom of the drop down menu ![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUe3rgJfvQYLrpDR1HfWv%2Fuploads%2FBll8DFHtgXb9qHdgzrvj%2Fstp_publish_web_app.png?alt=media\&token=34d86441-2c0b-4c4a-8183-8038bff4b32b) The first time you publish a new project you will have to click on the blue `Get link and publish` button. ![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUe3rgJfvQYLrpDR1HfWv%2Fuploads%2FWXQmrdnfOgJVsrrJlgbu%2Fstp_web_app_modal.png?alt=media\&token=325ef29f-2003-4bfc-9ffa-7d63c1b49331) In the next modal you can: * open the app in a new tab * copy the app link * select whether to publish as a [**Mobile web app**](#mobile-web-app) or a [**Responsive web app**](#responsive-web-app) * share your app through popular channels like Facebook, Twitter and Reddit * **unpublish** your app by clicking on `Disable published link` text ![](https://689802330-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MMp7V1R9jtvdYmq-dlO%2F-MMuBlJPNc8zzhq8dsiM%2Fpublish%20as%20web%20app.png?alt=media\&token=c055aca0-445e-495e-a427-88469bc505cf) 🎉 Congratulations - your Thunkable project is now live on the internet a published web app. ## Publish to a custom domain {% hint style="info" %} Publishing to a custom domain is available for Creators on certain Thunkable plans. Please refer to our pricing page for more information: [Thunkable pricing](https://thunkable.com/pricing). {% endhint %} ### Configure your domain You need to configure your domain before you can publish your app to that domain. To do so, add the Thunkable IP address (34.136.177.42) to the A record of your domain which you can usually find in the DNS section of your domain provider. Here are the instructions from some popular domain name providers: * [Namecheap](https://www.namecheap.com/support/knowledgebase/article.aspx/319/2237/how-can-i-set-up-an-a-address-record-for-my-domain/) * [AWS](https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/ResourceRecordTypes.html#AFormat) * [Digital Ocean](https://docs.digitalocean.com/products/networking/dns/how-to/manage-records/) * [Google Domains](https://support.google.com/domains/answer/3290350?hl=en) * [GoDaddy](https://www.godaddy.com/help/add-an-a-record-19238) DNS synchronization often takes less than an hour but may take up to 72 hours. If your domain is not connecting within 48 hours, we recommend the following troubleshooting steps: * Confirm the IP address added to your A record is the correct IP (34.136.177.42). * Ensure you are using `http://` and not `https://`. ### Publish to a custom domain **Note:** The windows you see may look slightly different from the ones shown below. The windows and prompts vary based on whether or not you’ve published your app as a web app previously. To publish your web app to a custom domain: 1. Click the **Publish** icon. 2. Select **Publish Web app**. 3. Add your custom domain in the provided field and click **Add Domain**. Note: this must be the domain and not the URL. 4. Click **Check Status**.
5. A green **Connected** tag will appear in the field when there is a successful connection. 6. Ensure the box next to **Publish web app to this domain** is checked. 7. Select a web app format (Mobile web app or Responsive web app). 8. Click **Get link and publish** or **Publish current version**.
9. Click **Done**. ## Updating your App Each time you press publish it’s similar to creating a new release of your app in one of stores. This means you can make changes and updates to your without worrying about users seeing a half-finished new feature that you’re still working on. When you’re ready to release a new version, choose “Publish as a Web App” then click the blue “Publish current version” to update your app. The URL will remain the same, but the project that it links to will be updated. ## Embed your app in a webpage If you host a webpage, you can embed your Thunkable web app in an iframe using the syntax `` You can read more about iframes [here](https://www.w3schools.com/tags/tag_iframe.ASP). ## Unsupported Components Not all components are supported on the web at this time so please see the list below of components that are not supported. Please note that some are **`Supported but may not work as expected`**so may not work consistently on every device. Others, such as AdMob **`Can not be supported`**but may be replaced by an alternative in the future. While other are **`Not supported yet`** but may be made available in future updates. | Component | Category | Status | | ------------------------ | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | | **Accelerometer** | Sensors | **`Supported but may not work as expected`** | | **AdMob** | Monetization | **`Can not be supported`** | | **Assistant** | Voice | **`Not supported yet`** | | **Barcode Scanner** | Image | **`Not supported yet`** | | **Bluetooth Low Energy** | Sensors | **`Not supported yet`** | | **Camera** | Image | `Not supported on browser on iOS` | | **Gyroscope** | Sensors | **`Supported but may not work as expected`** | | **Local Storage** | Data | **`Not supported yet -`**[**`stored variables`**](https://docs.thunkable.com/snap-to-place/variables#stored-variables) **`are supported`** | | **Magnetometer** | Sensors | **`Supported but may not work as expected`** | | **Map** | Location | **`Not supported yet`** | | **Photo Library** | Image | **`Not supported yet`** | | **Push Notification** | Social | **`Not supported yet`** | | **Share** | Social | **`Email and Phone work, other blocks not supported yet`** | | **Speech Recognizer** | Voice | **`Not supported yet`** | | **Web Viewer** | User Interface | **`BACK block not supported yet, some Google sites not supported`** |