Vev creates static websites, which means data storage/submissions will need to be sent to a third party. You'll need to use our Embed Anything element to integrate external forms. Learn how to use it and how to embed a number of form service providers below.

➕ Adding forms via embed anything

You'll need to use the Embed Anything element to embed external forms. To start:

Navigate to the Add Menu (shortcut M)
Search for and select Embed Anything Element
Click and drag the element onto your canvas
Double click on the Embed Anything element to paste in your HTML embed code

Be aware that not all embed codes will display in the Editor. Some may only render in the published version.

Tip: Read this article to learn more about the Embed Anything element

📃 Form service providers

There are a variety of different service providers that allow you to embed forms onto web pages. Below is a list of popular providers. If your chosen provider is not listed below, please visit their website. Most providers will have documentation on how to embed their forms via their support/help pages.

Tip: Some services providers use iframes for their embed codes. An iframe (inline frame) is an HTML document embedded inside another HTML document on a website. Because of this, you will need to change the design of the form via the provider's embed options.

Adobe Suite

Visit Adobe and log in
Click the Manage tab
Select the Web Forms filter
Single-click the web form to select it
This opens the Action rail on the right. Click the Get Code action
The page refreshes to show the web form with the URL code at the top of the page
Copy the HTML code that appears
Paste the embed form code into the Embed Anything element within your Vev project

More documentation on embedding Adobe Suite Forms can be found on their support page.

Figma

Visit Figma and log in
Open the Figma form that you want to embed
Click the Share button inside a Figma file
Copy the iframe embed code from the <> public embed option. You can only embed public Figma files
Paste the embed form code into the Embed Anything element within your Vev project
More documentation on embedding Figma forms can be found on their support page.

Google Forms

In Google Forms, open a form
At the top right, click Send
At the top of the window, click Embed
To copy the HTML that appears, click Copy
Paste the embed form code into the Embed Anything element within your Vev project

More documentation on embedding Google Forms can be found on their support page.

MailChimp

Visit MailChimp and log in
Click the Audience icon
Click Audience dashboard
If you have more than one audience, click the Current audience drop-down and choose the one you want to work with
Click the Manage Audience drop-down and choose Signup forms
Select Embedded forms
Choose a form type — Classic, Condensed, Horizontal, or Unstyled —and customize the Form Options
Highlight all the code in the Copy/paste onto your site field and copy it to your clipboard
Paste the embed form code into the Embed Anything element within your Vev project

More documentation on embedding MailChimp forms can be found on their support page.

Survey Monkey

Visit Survey Monkey and log in
Go to the Collect Response section of your survey
Choose Embed on Website. If you already have a collector for your survey, select Website Collector
Choose a website collector type
Edit the appearance settings and click Next to control the survey experience or add restrictions to the survey
Click Get Embed Code
Paste the embed form code into the Embed Anything element within your Vev project

More documentation on embedding Survey Monkey forms can be found on their support page.

Typeform

Visit Typeform and log in
Open the form you want to embed, and click on the Share panel or Publish if your form has not yet been published
Within here you can all the different embed options and customize how you want your form to look
After clicking on an embed option from the Share panel or Publish menu, you'll be directed to a page where you can switch between different embed modes and toggle between desktop and mobile previews
Clicking Get the code will generate your embed code, based on the settings you’ve chosen
Paste the embed form code into the Embed Anything element within your Vev project

More documentation on embedding Typeform forms can be found on their support page.