You can structure your project as:
or part of an existing website (see what Vev is best for)
Wherever you host or embed your Vev content, your sub-pages will be accessible through their own sub-path.
You can manage pages through the panel on the left in both the Design Editor and Content Editor.
Create a new page
Click on the + (plus) icon on the top right corner
Automatically Vev auto generates a gibberish name for your project, so double-click the name to edit.
Note: The first page of a project will always be the Homepage, indicated with the house icon next to the page name. You can change the Homepage from the Project Settings. Other pages are considered subpages of this page and will have their own sub-path in the URL
Edit page status
The colored dot on the right will indicate the page’s publishing status.
Ready means it will be published when the project as a whole is published. In addition to this, you have
Pages with these tags are visible to you and your team but won’t be published:
Edit page settings
Here, you have the option to add and edit:
Cover photo: This will be the image featured when sharing on social. You can see the social share preview in the tile listed on the right.
Title and Description: This is important for your SEO
Page Status: either Ready, In Progress, Needs review, or On hold. Anything other than Ready will not be published and will remain private.
Path: aka slug to the page. This will be auto-generated but you can always customize it.
Custom page variables
Integrations: Page variables
You can access the information about a page as page variables and use them in Integrations. Use this to add a unique ID, the description, or the cover photo URL into meta tags, Custom HTML, or scripts that are bundled in with your published project.
Default page variables
The unique page ID, e.g.
The URL of the cover photoset in the page settings
The unix timestamp for when the project was created
The unix timestamp for when the project was last updated
Page Status Done = 0 Progress = 1
Hold = 2
Review = 3
The page description
The page's path/slug
The project ID
The title of the project
You can define any number of custom page attributes to attach to a page, in the page settings. See custom page variables
Example of usage
In the image below you can see the Open Graph Metas integration uses default page variables to supply search engines with the cover photo of your project.
Note: The default page variable cover is used in the Open Graph meta to supply Social Engines with the cover photo.
Custom Page Variables
To add/remove custom page variables to your Project, go to the Page Variables section in your Page Details view.
Press the Add + button to add a page variable
Give the variable a name, such as "author"
Press Add variable
You can now provide every page with an "author"
To use the new author variable, go to your Integration Settings and use
@vev.page.custom.authorto access the variable and print it in for example the Meta Tags integration as
To delete a variable, over the trashcan icon, and press it.
This removes the variable, and if it is in use, it will now print out a blank string where it once printed the author.
Copy-pasting a Page
Open the home page settings
Click on Pages to see the pages' panel overview
Click on the three dots of the page you want to copy
Click on Insert page
You can copy-paste pages across projects as shown in the gif, we recommend having two tabs open to do this.
Deleting a Page
Follow the steps listed below to learn how to delete pages.
In the editor, click the Cogwheel icon next to the Publishing button.
Select Pages from the dropdown menu.
Click the 3 dots over the page you want to delete.
The page will no longer appear in the page's panel.
Navigate between pages
You can easily select between the pages of your project or create a new one. There are some additional useful controls.
Use arrows to go to the next/previous page.
Use the refresh to reload/refresh the page you are working with on the Canvas.