Adding as a block

Adding as a page

Authentication

You can use Vev content for specific pages or components within your WordPress site to deliver a whole new experience beyond the boundaries of WordPress templates.

The integration is designed to work with the Gutenberg editor (default editor) and most themes to deliver beautiful, responsive web experiences to your WordPress site.

To install and activate the integration, visit this page, or simply search "Vev" within the WordPress plugin page.

Note: The current version of this plugin is not compatible with Elementor as of today.

Adding as a block

  • Install and activate the plugin on your WordPress site.

  • Click “Add New” under “Pages” in your Dashboard to enter the Gutenberg editor mode.

  • Click the plus sign (Add Block) shown in the paragraph. Search and select “Vev embed”.

  • You will be asked to either paste a Vev editor URL or “Link page”. Make sure you are logged in to the Vev editor in either case.

  • When you click “Link page”, you will be redirected to the Vev editor. Select the project you would like to publish onto your WordPress site.

Note: If you have multiple pages within the project, you will be given an option to choose which one.

  • When successfully linked, you can now close a tab and go back to the WordPress editor.

  • Click “Pull page content from Vev” and publish. Voila! Your Vev content is now live on your WordPress site.

Adding as a page

  • Install and activate the plugin in your WordPress site.

  • Click “Add New” under “Pages” in your Dashboard to enter the Gutenberg editor mode.

  • Click the plus sign (Add Block) shown in the paragraph. Search and select “Vev embed”.

  • You will be asked to either paste a Vev editor URL or “Link page”. Make sure you are logged in to the Vev editor in either case.

  • When you click “Link page”, you will be redirected to the Vev editor. Select the project you would like to publish onto your WordPress site.

Note: If you have multiple pages within the project, you will be given an option to choose which one.

  • When successfully linked, you can now close a tab and go back to the WordPress editor.

  • Click “Pull page content from Vev”.

  • To take over the Header & Footer element, click “Page” on the right side of the Gutenberg editor and choose “Vev page” under Template.

  • Voila! Your Vev content is now live on your WordPress site.

Authentication

How to authenticate your Vev account to start using the WordPress integration.

Authenticating a Vev Account

  • After installing and activating our WordPress integration, you have to authenticate your account in order to access your Vev projects. You will see the following dialog block

  • When you click “Authenticate”, we’ll ask you to allow access to your Vev account

NOTE: You won’t need to keep authenticating your Vev project once you have integrated it into your WordPress page or post; the initially generated API key will maintain the connection unless you delete it.

Managing your API Key in WordPress

After each authentication, we will create a unique API key that can be accessed in WordPress Dashboard > Settings > Configure Vev.

You can manage your WordPress integration within Vev by heading to Integrations (select from the drop-down menu by clicking your avatar) > WordPress > Settings tab.

If you have previously created an API key, you will see a table in the Settings tab. From this table, you can extract the URL of the page, the user who integrated Vev content into WordPress, and the date of the integration. If you have multiple table rows, the newest integration will be listed first.

Deleting an API Key from WordPress

To delete the API key, please go to WordPress Dashboard > Settings > Configure Vev. Click the “Delete” button and you will see the following dialog modal. Click “OK” to successfully delete the API key.

NOTE: If you have embedded Vev content on your page/post, but later delete your API key in Wordpress, your Vev content will remain visible until deleted. Any updates in your Vev project won’t be able to synchronise back into on your WordPress page, since the integration has been removed.

Deleting an API key from Vev

  • Go to Integrations (select from the drop-down menu by clicking your avatar) > WordPress > Settings tab.

  • Click the three dots next to the project tile and click “Delete”. By doing so, you will delete the API connection and the selected row will be removed.

NOTE: Removing the connection from Vev won’t delete the API Key in WordPress.

If you integrate a Vev project into WordPress immediately after deleting the connection from Vev, you will see an “Unauthorized” message. In this case, please go to WordPress Dashboard > Settings > Configure Vev, and delete the API key to create a new one.

Did this answer your question?