# Publishing your site
Preview, stage, publish, and verify a Webflow site that contains Lottie animations.

The app prepares and inserts the animation. Webflow owns site preview, staging, production domains, and publishing permissions.

## Preview before publishing

Use Webflow Preview to test:

- Desktop and mobile breakpoints used by the page.
- The initial frame, complete playback, and loop boundary.
- Light and dark browser preferences when runtime themes are configured.
- Pointer and touch paths for state machines.
- Navigation away from and back to the page.
- Page controls near or above the animation.

Advanced dotLottie players may show only a thumbnail on the design canvas. Preview is the first place to confirm the real web component and page custom code together.

{/* [screenshot:W22] Capture Webflow Preview at desktop and mobile breakpoints with the same animation running correctly. */}

## Publish to staging

1. Open **Publish** in Webflow.
2. Select the `webflow.io` staging domain and leave production domains unchecked.
3. Publish the selected changes.
4. Open the staging URL in a clean browser tab.

After review, publish the same approved changes to the intended production domains. See Webflow's current [publish and unpublish guide](https://help.webflow.com/hc/en-us/articles/33961351954579-How-do-I-publish-or-unpublish-a-Webflow-site).

<Image src="https://assets.docs.lottiefiles.com/static/b8f044b4b4-640.webp" alt="Webflow staging and production publish options" caption="Webflow staging and production publish options" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/b8f044b4b4-640.webp 640w, https://assets.docs.lottiefiles.com/static/b8f044b4b4-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/b8f044b4b4-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVR4nCXJyxKBUACA4fMEOt1tKO0ViS4bNSiDGrdMMw0b7/8GzG/h236ibB5s65Zt07I53djVLdW5o2xfHLr3V7iui+M6OM6YKI7JNwVZmhClGdXtiZDDEZoqUaTCPAxZ5zlxkrJKMvaXHiEHEtM20Q2diecR+FMW+RG/uFNde4Sp/VM3DFRNxbItgmBGGC0pL/3nBzZtP5gzl8qEAAAAAElFTkSuQmCC" />

## Verify the live page

Confirm that assets and runtime scripts load without editor authentication. Test state machines and themes on the actual URL, and repeat important checks on a physical mobile device.

## Related

- [Updating a published animation](/en/integrations/webflow/05_insert-and-publish/updating-a-published-animation)
- [Troubleshooting](/en/integrations/webflow/06_reference/troubleshooting)