Upload and Structure

||

This page covers the technologies Showpad supports, how to package and upload your web app, and what's required for offline functionality.

What you'll learn

• Which technologies Showpad supports
• How to structure and upload your web app
• What's required for offline support

TL;DR

• Use HTML, CSS, JavaScript only (no server-side languages)
• Name your main file index.html at the root
• Compress into a .zip and upload to Showpad Library
• Include all resources for offline support

Supported technologies

Supported	Not Supported
HTML, CSS, JavaScript	Server-side languages (Ruby, PHP, .NET)
Images and fonts	Flash
Local storage	.htm file extension (use .html)

Upload to Showpad

The maximum ZIP file size is 2GB. See Supported file types for the full list of size limits.

1. Place index.html at the root of the archive
2. Compress all files into a .zip. Include all JavaScript, CSS, images, and fonts to ensure the app works offline.
3. Upload the .zip to your Showpad Library

tip

If index.html is empty, the thumbnail will be white. Include a loading screen image that renders before any JavaScript executes to avoid this.

Once uploaded, Showpad unpacks the ZIP, generates a thumbnail from index.html, and makes the asset available in the content library.

Offline usage

Web apps run offline as long as the ZIP includes all necessary resources.

• Include all JavaScript, CSS, images, and fonts in the ZIP
• Do not rely on external CDNs or APIs
• Avoid loading resources from remote URLs
• Test your app in airplane mode to verify offline functionality

When users download content for offline use, Showpad stores the entire ZIP locally. Any external dependencies will fail to load without an internet connection.

Next steps

• Platform Compatibility - Cross-platform support, navigation, and best practices
• Links - Linking strategies and local storage
• URL Schemes - Link to Experiences, assets, and folders from your web app