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.

Mobile Web App

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 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

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.

Demo

Here's a 3 minute overview of how "Publish as a Web App" works.

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

The first time you publish a new project you will have to click on the blue Get link and publish button.

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 or a Responsive web app

• share your app through popular channels like Facebook, Twitter and Reddit

• unpublish your app by clicking on Disable published link text

🎉 Congratulations - your Thunkable project is now live on the internet a published web app.

Publish to a custom domain

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

• AWS

• Digital Ocean

• Google Domains

• GoDaddy

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

<iframe src="https://thunkable.site/w/K0XDxMqwl" title="Chop Down the Tree Thunkable App" height = 500 width = 500></iframe>

You can read more about iframes here.

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 expectedso may not work consistently on every device. Others, such as AdMob Can not be supportedbut may be replaced by an alternative in the future. While other are Not supported yet but may be made available in future updates.