Vev creates static websites, which means data submissions cannot be stored or processed through Vev's native elements e.g., quiz questions. To have forms where you collect the submissions to analyze them, you'll need to use a third-party service provider, you'll be able to use our Embed Anything element to integrate any 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 (Tip: Embed anything element can also added as a section)
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. We have already added a few service providers in Vev with dedicated elements that you can use; for any others, you can simply use the embed anything element.
Below are some popular form service providers and steps on how to embed your form in Vev. 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.
Note: Some service 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 filesPaste 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 Google forms/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 Mailchimp/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.