In Vev you have the ability to download your project's HTML file along with its sitemap in a convenient ZIP format. The ZIP file contains all the necessary elements of your project, and you have the flexibility to place it wherever you require on the web, whether that's within your CMS or on your server. To aid you further, we provide two export options, each with its advantages:
Export with Assets (Organization plan): This option ensures that your Vev projects can function offline, independent of Vev’s servers. All the necessary assets are bundled within the ZIP.
Export without Assets (Professional and Organization plan): Opt for this option if you prefer a slimmer file. In this case, assets are hosted by Vev, freeing you from the burden of hosting them yourself.
Please note that a Professional or Organization plan is required to access parts or all export options of this feature.
Downloading your project's files
Before downloading your project as a ZIP file, make sure you've published it to the staging domain. Here's how you can proceed:
Click the Vev icon in the top left corner.
Hover over the "File" option.
Select "Export to ZIP."
In the Export settings, find the "Export to ZIP file" section. You'll see two choices:
Export without Assets (Professional and Organization plan)
Export with Assets (Organization plan)
After making your selection, the system will compress the ZIP file. Once the process is complete, a "Download" button will appear. Click it to download the ZIP file to your computer.
It's important to note that the ZIP Export feature includes the contents of your canvas only. Hosting integrations are not part of the export. If you wish to include tracking or metadata, you'll need to manually edit the exported HTML files and add the desired metadata to the head section of each respective HTML file.
Removing the watermark
To remove the Vev watermark from your project, you have to add a project plan to your project. Here's how you can do it within the Export settings:
Navigate to the Export to ZIP file section.
If your project lacks a project plan subscription, you'll see a button beneath the ZIP download options. Click Add a project plan.
For those who've already added billing details, confirming the purchase will immediately remove the watermark. If you haven't added billing details, you'll go through a checkout process. Once completed, the watermark will be removed.
Custom asset path
Uploading a zip folder and placing it correctly can be challenging on some systems, sometimes requiring you to upload files one at a time. To streamline this process, we allow you to host the asset folder in a different location and then upload only the index.html files to the desired locations.
You can achieve this by enabling the custom asset path option and entering the path where you wish to host the assets.
Example 1: Local Asset Hosting
If you need to host the assets in a different folder, such as a root folder called assets (/assets), simply enter / in the custom asset path field. Alternatively, if you need to place it in a specific folder, enter the full path (e.g., /path/to/folder) to make the URL to assets absolute.
Example 2: CDN Asset Hosting
If you are hosting the assets from a CDN with a different URL, enter the URL where the asset folder will be placed.
Troubleshooting
404 Issues when navigating the page
By default vev generates clean urls, but some servers does not support this, and it requires you to have the full file path (including index.html). This issue can be resolved by enabling the Suffix page paths with index.html
Testing Content Offline
You can easily test it using developer tools or by disconnecting your computer from the internet. This enables you to see firsthand how your project functions without an online connection.
Multi-Page Navigation Offline
While offline testing is insightful, please note that multi-page navigation might encounter limitations when not served from a web server. The file:// protocol does not work.