# Export a web package > Prepare and retrieve a PandaSuite web package as a standard ZIP, SCORM, or CMI5 package for self-hosting, archiving, local use, or LMS distribution. https://docs.pandasuite.com/essentials/web-publishing/export-a-zip-file/ **Web export is the final step before self-hosting, archiving, or distributing your project outside PandaSuite hosting.** You will: 1. Choose the format that matches your use case: standard ZIP, SCORM, or CMI5. 2. Generate an archive ready to be hosted on your servers, used locally, or imported into an LMS. 3. Download the package and use it in the target environment. Once the package is generated, you will have a download link from your PandaSuite dashboard. > **Success** > > Web package export requires an active [publishing plan](https://pandasuite.com/pricing/#publish) in annual or one-time payment mode. ## What is a web package? A web package is an archive containing the files needed to run your project in a browser. Depending on the selected format, PandaSuite can generate: - a **Standard ZIP** for self-hosting, archiving, or local testing; - a **SCORM package** for import into a SCORM-compatible LMS; - a **CMI5 package** for import into a CMI5-compatible LMS. > **Info** > > By default, your project is hosted on PandaSuite servers and benefits from PandaSuite services: [instant updates](https://docs.pandasuite.com/essentials/content-management/update-your-application/), [custom domain](https://docs.pandasuite.com/essentials/web-publishing/custom-domain/), and [usage analytics](https://docs.pandasuite.com/essentials/deployment-services/connect-your-app-to-an-analytics-tool/). When exported as a web package, your project no longer has access to these PandaSuite-hosted services. ## Prerequisites - An active [publishing plan](https://pandasuite.com/pricing/#publish) in annual or one-time payment mode. - Your project content is finalized and [published to production](https://docs.pandasuite.com/essentials/content-management/move-your-project-to-production/). Otherwise, the form shows **This publication must be deployed to production before being exported.** - Your project has been added to the relevant application in the dashboard. - A target environment depending on your use case: a web server / CMS for a Standard ZIP, or a compatible LMS for SCORM / CMI5 packages. - If you want to report progress, time spent, completion, or score in an LMS, also configure the [SCORM CMI5 component](https://docs.pandasuite.com/essentials/components/scorm/). ## Formats, compatibility, and technical constraints | Item | Details | | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------- | | **Available formats** | Standard ZIP, SCORM package, CMI5 package | | **Supported devices** | Desktop, mobile, and tablet through a compatible web browser | | **Main use cases** | Self-hosting, archiving, local use, or LMS distribution | | **Hosting** | Standard ZIP must be hosted on your own server; LMS packages must be imported as-is into your platform | | **Connectivity** | The package can be used outside PandaSuite hosting; depending on your use case, it can also be used for local testing | | **PandaSuite services not included** | Instant updates, custom domain, PandaSuite-hosted analytics | Important points before distribution: - The exported package is designed to run in a compatible web browser. For browser support details, see [HTML5 compatibility](https://docs.pandasuite.com/essentials/web-publishing/html-5-compatibility/). - If you use a Standard ZIP, a web server is recommended for more reliable behavior than simply opening `index.html` locally. - If you export to an LMS, choose SCORM or CMI5 according to the protocol actually supported by your platform. - The code inside the exported package is not editable: the project runs through PandaSuite’s execution engine. ## Browser compatibility and runtime conditions The exported web package runs in an HTML5-compatible web browser. Rendering and behavior can vary depending on the browser, its version, the operating system, and the hosting method you use. Keep in mind: - for reliable results, use a web server rather than simply opening `index.html` locally; - some advanced web features may depend on browser support or the browser security context; - for browser support details, see [HTML5 compatibility](https://docs.pandasuite.com/essentials/web-publishing/html-5-compatibility/); - if your project relies on PWA logic or service workers, also check the dedicated compatibility guidance before release. ## Choose a package format | Format | When to use it? | Added file | | ----------------- | -------------------------------------- | ----------------- | | **Standard ZIP** | Self-hosting, archiving, local testing | No LMS file added | | **SCORM package** | SCORM-compatible LMS | `imsmanifest.xml` | | **CMI5 package** | CMI5-compatible LMS | `cmi5.xml` | > **Info** > > In a SCORM environment, the [SCORM CMI5 component](https://docs.pandasuite.com/essentials/components/scorm/) can communicate with SCORM 1.2 or SCORM 2004 APIs. The exported **SCORM package** itself automatically generates a SCORM 1.2 manifest. ## Package contents Every exported package contains: - `index.html`: the project entry point - `data.pandasuite.com`: used resources (images, videos, fonts, etc.) - `js`: PandaSuite's execution engine When you choose **SCORM package**, PandaSuite also adds `imsmanifest.xml` at the root of the archive. When you choose **CMI5 package**, PandaSuite also adds `cmi5.xml` at the root of the archive. [Image: Example of files inside a standard PandaSuite web package] ## Hosting video-heavy packages > **Note** > > This section applies only when you **host the exported package yourself**. If > your project is hosted by PandaSuite, video delivery, bandwidth, and scaling > are included and automatic: see [Hosting and > performance](https://docs.pandasuite.com/essentials/web-publishing/hosting-and-performance/). The > bandwidth math below is for sizing your own server or CDN. If your project contains videos inserted with the [Video Player](https://docs.pandasuite.com/essentials/components/video-player/) or [Fullscreen Video](https://docs.pandasuite.com/essentials/components/fullscreen-video/) component, the exported package includes the optimized video files generated by PandaSuite. These files are served as static media files by your hosting provider. Video quality settings such as 720p or 1080p define the maximum video resolution requested by the app, but they do not define a fixed bandwidth requirement. The final file size depends on the encoded video's average bitrate, duration, motion, and visual complexity. > **Tip** > > To estimate bandwidth for a self-hosted package, use the exported video files. > Approximate average bitrate in Mbps = video size in MB × 8 ÷ duration in > seconds. Multiply this number by the expected number of simultaneous viewers, > then add headroom. For example, a 100 MB video that lasts 3 minutes has an average bitrate of about 4.4 Mbps. If 20 people may watch it at the same time, plan for roughly 90 Mbps of sustained video delivery, plus margin. For reliable playback, especially when users can seek inside videos, ask your hosting provider to support HTTPS, byte-range requests, correct MIME types for media files, and cache headers for static assets. For large video catalogs, high traffic, or users in several locations, use a CDN in front of your origin server. PandaSuite video files in the package do not use adaptive streaming. If you need automatic quality switching based on each user's connection, host the videos on a dedicated video streaming platform and use the [URL Media Player](https://docs.pandasuite.com/essentials/components/url-media-player/) component. ## Export the web package ### Access the dashboard 1. Log in to your [dashboard](https://pandasuite.com/dashboard/publish/), under the **Apps** section. 2. Select the relevant application. 3. Make sure a project has been added to this application. 4. In **Platforms**, find the **Web** card and click **Export ZIP**. If a package was already exported, open the options (**⋮**) of the export and click **Generate new\...** ### Fill out the form The **Export a web package** window opens. | Field | Description | | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Project** | Project to export from the selected application. This is especially important if your app contains several projects or channels. | | **Type** | Device version of the project to export: **Mobile**, **Tablet**, or **Desktop**. Only the versions that exist in the project can be selected. | | **Package format** | Choose **Standard ZIP**, **SCORM package**, or **CMI5 package** depending on where the exported files will be hosted or imported. | | **Embedded loader** | Bundles a loader so the package can run from a local server. **No** is selected by default. With **Yes**, the package relies on modern web technologies and must be launched from a local server to work properly. | > **Tip** > > Before exporting, verify the selected **Project** and **Package format**. > These two fields determine which content is packaged and where it can be used > afterwards. [Image: Export a web package form with project, type, package format, and embedded loader options] ### Start the generation - Select **Standard ZIP** for self-hosting or archiving, **SCORM package** for SCORM-compatible LMS distribution, or **CMI5 package** for CMI5-compatible LMS distribution. - Click **Export**. Generation can take a few moments. - Once the export is ready, you will receive an email and the package becomes available in the exports list of your dashboard. - Click **Download**. The file is automatically downloaded to your computer’s **Downloads** folder. > **Info** > > LMS exports are identified with a **SCORM** or **CMI5** badge in the exports list. ## Use the exported package - For a **Standard ZIP**, extract the archive and host the files on your server, or use them locally for testing. - For a **SCORM package**, upload the archive directly to your LMS. The generated manifest already points to `index.html` as the launch file. - For a **CMI5 package**, upload the archive directly to your LMS. The generated `cmi5.xml` file already points to `index.html` as the launch file. > **Success: What's next?** > > To host the project yourself, continue with [Embed into a website](https://docs.pandasuite.com/essentials/web-publishing/embed-into-a-website/). For PandaSuite-hosted distribution, see [Publish to the Web](https://docs.pandasuite.com/essentials/web-publishing/publish-to-the-web/). For LMS tracking, configure [SCORM CMI5](https://docs.pandasuite.com/essentials/components/scorm/). ## FAQ **Can I modify my project after export?**\ Yes. You can export your project again whenever needed, as long as your plan is active. Any modifications must be made from PandaSuite Studio. **Which format should I choose?**\ Use **Standard ZIP** for self-hosting, local testing, or archiving. Use **CMI5 package** when your LMS supports or requires CMI5. Use **SCORM package** when your LMS requires a SCORM-compatible archive. **Do I need the SCORM CMI5 component for LMS tracking?**\ Yes. The package format prepares the archive for LMS import. The [SCORM CMI5 component](https://docs.pandasuite.com/essentials/components/scorm/) handles learner tracking such as progress, time spent, completion, and score. **Will reporting look the same in every LMS?**\ Not always. PandaSuite sends learner progress, completion, time spent, and score, but the way these values appear can vary depending on the LMS and the supported protocol. ## Additional resources - [Publish and export your project](https://docs.pandasuite.com/getting-started/publish-and-export-your-project/) - [Publish to the Web](https://docs.pandasuite.com/essentials/web-publishing/publish-to-the-web/) - [Embed into a website](https://docs.pandasuite.com/essentials/web-publishing/embed-into-a-website/) - [HTML5 compatibility](https://docs.pandasuite.com/essentials/web-publishing/html-5-compatibility/) - [SCORM CMI5](https://docs.pandasuite.com/essentials/components/scorm/)