Create a kiosk app with Chrome App Builder
With Chrome App Builder and an existing web app, you can easily build a kiosk app to use for a digital sign or a point-of-sale system in a store. The set-up process is quick, and you don’t need any coding skills.
Kiosk apps run as single-app kiosks, so the app automatically launches when the device is turned on.
Build your Chrome kiosk app
To get started, you need to specify a few characteristics for the kiosk app, such as a homepage, and think about how you want it to work. For example, do you need any navigation controls? You can customize your app later by adding additional files. Chrome App Builder builds the app for you, and you can publish it in the Chrome Web Store.
To build your app:
- Download Chrome App Builder and start it.
- Enter an app name and version. This name and version will be displayed in the Chrome Web Store.
Make the initial version a low number, such as 0.0.0.1. That way, you have room to increase the version number when you upload new versions of your app.
- Enter the URL of your existing app’s homepage. This will be landing page for your new kiosk app.
- (Optional) Select any navigation controls, such as back, forward, and reload. You can also allow users to restart a session.
- (Optional) Specify idle values in minutes for the following timeout settings:
- Session idle timeout—Amount of time the app is idle before browsing data (app cache and cookies) is cleared.
- Timeout to return home—Amount of time the app is idle before returning to the homepage (browsing data is not cleared).
- (Optional) Enter the Terms of Service for your app users.
- (Optional) If the kiosk app is running on a Chrome device, rotate the homepage to fit your kiosk display.
Example: Rotate an app 90 degrees if it’s running on a kiosk that’s set with a portrait layout.
- Check the Kiosk mode enabled box to use the app as a kiosk app.
- Click Export kiosk app and select a location to export the app files to.
Before you publish your app, you can test it on your device.
To test your app:
- Browse to chrome://extensions/.
- Check the Developer mode box.
- Click Load unpacked extension.
- Browse to the location where you exported your kiosk app files and select manifest.json.
- Click Launch.
If you plan to publish your app in the Chrome Web Store, zip the contents of your app folder first.
To zip the contents of your app:
- Select the files you want to add to the zip file.
- Right-click the selected files and select one of the following:
- On Chrome devices, select Zip selection.
- On Microsoft® Windows® devices, select Send to > Compressed (zipped) folder.
- On Apple® Mac® devices, select Compress x items.
- (Optional) If needed, you can rename the zip file.
Once your app files are zipped, you’re ready to publish your app to the Chrome Web Store. For step-by-step instructions, see Publish in the Chrome Web Store.
Once your app files are zipped, you’re ready to publish your app to the Chrome Web Store. For step-by-step instructions, see Chrome Kiosk quick start guide.