Frequently asked questions

Yes, you can add Spline or any other 3D animations to Webstudio using HTML Embed. Use the same technique as background videos: create a container with position relative, then an inner div with position absolute, all sides set to 0, and z-index -1. Inside that inner div, place your Spline animation HTML embed code. This creates a full-background 3D animation effect.

Yes, you can create photography portfolios that automatically generate album pages based on Google Drive folders. Use the Google Drive API (REST API v3) to fetch photos from specific folders and display them as sliders or slideshows in Webstudio. You'll need to set up API authentication and create resources in Webstudio that connect to your Google Drive folders. This allows for automatic updates when you add new photos to your Drive folders.

Vimeo embed aspect ratios are defined in styles. For dynamic pages that need to handle both horizontal 16:9 and vertical 9:16 videos, you can conditionally show landscape or portrait instances based on CMS data. Add a field in your CMS to specify the video orientation, then use conditional visibility to show the appropriate embed configuration.

Currently, to update an image used on multiple pages, you need to upload a new image, manually update all pages that use it, and delete the old image. For reusing elements/layout on different pages, you can use Slots. For single pieces of data like image URLs, you can use Data Variables. A feature for automatic image replacement across all instances (GitHub issue 3268) is planned for the future.

For reliable carousels and sliders in Webstudio: 1) Use established libraries like Swiper.js - they're stable and well-maintained. 2) Always include a specific version in your script URL, not 'latest' to prevent automatic updates that could break functionality. 3) Avoid libraries that haven't been maintained recently (like Splide.js). 4) For simple needs, vanilla HTML/CSS carousels work but may need cross-browser testing. 5) Consider paid solutions for complex needs, but free libraries like Swiper.js are typically sufficient for most use cases.

Intermittent server-side issue or heavy assets. Steps:

1. Retry later (could be transient load)
2. Optimize large media / reduce oversized assets
3. Temporarily remove unusually large collections or heavy embeds
4. Check browser console & network panel for failing requests
5. Contact support with project ID if a minimal single-text page still times out

Known export pipeline issue affecting some MP4s. Keep original sources; after export replace /assets/*.mp4 with originals. Report cases so the build pipeline can be patched. Cloud-hosted playback is unaffected.

Video file corruption during export is a known issue where MP4 files may become corrupted during the build process. As a workaround, manually replace the corrupted video files in your exported /assets folder with the original files from your local machine. This issue specifically affects the export process and doesn't impact videos when using Webstudio cloud hosting.

If CMS images appear broken in the builder but work when accessing the URL directly, it's likely a permissions issue with your CMS setup. For Directus, check that the assets have proper public access permissions. The image URL should be accessible without authentication. Directus has many permission settings that can affect asset access.

Export timeouts can occur due to various factors including large assets, complex pages, or temporary server issues. Try reducing image sizes, optimizing assets, or breaking complex pages into smaller components before exporting. If the issue persists with a simple page containing just text and a few images, it may be a server-side issue that should be reported to support.

Favicon display issues in Google Search are often caused by using SVG format instead of PNG. Try converting your favicon to a 144×144 PNG format. While Webstudio's dynamic URLs with query parameters shouldn't be an issue (as many Webstudio sites work fine), Google may prefer PNG favicons for search result display. The change typically takes effect within a few days of updating the favicon format.