Blog

Here to Help: Embedding Interactive Content into Forms

Blog

Here to Help: Embedding Interactive Content into Forms

Blog

Here to Help: Embedding Interactive Content into Forms

Blog

Here to Help: Embedding Interactive Content into Forms

Blog

Here to Help: Embedding Interactive Content into Forms

Download PDFDownload PDF
Blog

Here to Help: Embedding Interactive Content into Forms

Jessica Haas
/
May 25, 2016
Blog

Here to Help: Embedding Interactive Content into Forms

MIN
/
May 25, 2016
About the Episode
Episode Highlights
Meet our Guest
Episode Transcript

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

Blog

Here to Help: Embedding Interactive Content into Forms

Blog

Here to Help: Embedding Interactive Content into Forms

Get the Report

Not a valid e-mail address

Great, thank ya!

You can now access the content.
Oops! Something went wrong while submitting the form.
Blog

Here to Help: Embedding Interactive Content into Forms

Panelists
No items found.
Introduction
Introduction

Great, thank ya!

You can now access the content.
Download NowDownload Now
Oops! Something went wrong while submitting the form.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

Panelists
No items found.
Infographic

Here to Help: Embedding Interactive Content into Forms

Learn how you can easily embed videos, maps, GIFs, and widgets into your online forms with Formstack's Embed Code form field.
Download InfographicDownload Infographic

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

Collecting payments with online forms is easy, but first, you have to choose the right payment gateway. Browse the providers in our gateway credit card processing comparison chart to find the best option for your business. Then sign up for Formstack Forms, customize your payment forms, and start collecting profits in minutes.

Online Payment Gateway Comparison Chart

NOTE: These amounts reflect the monthly subscription for the payment provider. Formstack does not charge a fee to integrate with any of our payment partners.

FEATURES
Authorize.Net
Bambora
Chargify
First Data
PayPal
PayPal Pro
PayPal Payflow
Stripe
WePay
ProPay
Monthly Fees
$25
$25
$149+
Contact First Data
$0
$25
$0-$25
$0
$0
$4
Transaction Fees
$2.9% + 30¢
$2.9% + 30¢
N/A
Contact First Data
$2.9% + 30¢
$2.9% + 30¢
10¢
$2.9% + 30¢
$2.9% + 30¢
$2.6% + 30¢
Countries
5
8
Based on payment gateway
50+
203
3
4
25
USA
USA
Currencies
11
2
23
140
25
23
25
135+
1
1
Card Types
6
13
Based on payment gateway
5
9
9
5
6
4
4
Limits
None
None
Based on payment gateway
None
$10,000
None
None
None
None
$500 per transaction
Form Payments
Recurring Billing
Mobile Payments
PSD2 Compliant

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Over here at Formstack, we know a thing or two about having fun. And while creating a basic form might seem less than thrilling, there is one sure-fire way to spice up the process: add a piece of interactive content to the form!If you want to crank up the engagement factor on your form, drop in a video, map, GIF, or widget. With Formstack’s Embed Code form field, you can do this in minutes (or seconds if you’re a true whiz)!If you’ve never taken advantage of this powerful functionality, let me enlighten you. Read on as I walk through the basic setup and a handful of examples.

The Basics

First things first. To embed videos and other interactive content into your form, you’ll need 2 simple tools:

#1: Formstack’s Embed Code form field

Formstack's Embed Code Form Field

#2: The actual HTML embed code from the source of your interactive content

 Embed videos & interactive content with the Embed Code form field

The Steps

Setting this up is a breeze. Just follow these 3 quick steps:

Step 1: Drag an Embed Code form field onto your form.

Step 2: Go to the source of your interactive content (Google Maps, for example) and find the embed code (for Google Maps, you go to Share > Embed map). Once you find the HTML code, copy it.

Step 3: Go back to your form, click on the Embed Code field you placed on the form, and paste the HTML code into the box on the left-hand side of the screen.That’s it! Check out this GIF for a visual walkthrough:

Embedding Maps into Your Online Form

The Uses

There are a lot of potential ways to use Formstack’s interactive embedding functionality. Here are some ideas to get you started:

  • Include a video about your university on your online student application.
  • Include a video that explains your cause on your donation form.
  • Include an instructional video on your training quiz form.
  • Include a map of your event location on your registration form.
  • Include a GIF of dancing elves on your holiday volunteer sign-up form.
  • Include a slideshow widget with photos from last year’s event on your conference sign-up form.

As you can see, the possibilities are vast. You can even place more than one Embed Code form field (and, thus, more than one piece of interactive content) on your form. Just don’t go overboard!

Want to learn more ways to have fun with your forms? Click here to read up on creative online forms for lead generation.

Jessica Haas
Jessica is the Director of CX & Professional Services at Formstack and has been with the company since 2012. Most of the time, her brain is consumed by thoughts of service design, customer happiness, and creative solutions. She wants to make a difference for people and hopes to someday become a master of zen.
More Articles
Meet The Host
Content Marketing Manager
Connect
Lindsay is a writer with a background in journalism and loves getting to flex her interview skills as host of Practically Genius. She manages Formstack's blog and long-form reports, like the 2022 State of Digital Maturity: Advancing Workflow Automation.