Skip to content

Instantly share code, notes, and snippets.

@jramsahai

jramsahai/embedded_form_in_CTA.html

Last active December 26, 2015 03:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jramsahai/7090087 to your computer and use it in GitHub Desktop.
Save jramsahai/7090087 to your computer and use it in GitHub Desktop.
Download ZIP
When embedding forms into a pop-out or final call to action (CTA), we have a couple options. Sure, it's easy to dump the form code into the source editor when you create the CTA, but consider the situation where you have the same form used in multiple players. The amount of work needed to make changes to the form could be trouble. Instead, what …
Raw
embedded_form_in_CTA.html
<html>
<head>
</head>
<body>
<!-- By default, the pop-out CTA is 300px wide. You might want to set the div width and height to allow for a border -->
<div style="width:260px; height:250px;">
<!-- Sample HTML form. Can be replaced with a form from your favourite MAP (e.g. Hubspot, Silver Pop, etc.) -->
<form>
<table>
<tr>
<td>Full name: </td>
<td><input type="text" name="fullname"></td>
</tr>
<tr>
<td>Email: </td>
<td><input type="text" name="emailaddress"></td>
</tr>
<tr><td>How did you hear about us?</td></tr>
<tr><td><input type="radio" name="referer" value="tv">TV Ad</td></tr>
<tr><td><input type="radio" name="referer" value="radio">Radio Ad</td></tr>
<tr><td><input type="radio" name="referer" value="socialmedia">Social Media</td></tr>
<tr><td><input type="submit" value="Submit"></td></tr>
</table>
</form>
</div>
</body>
</html>
Raw
iframe_embedded_cta_form.html
<!-- Place this code into the CTA editor in the Vidyard dashboard. Don't forget to update the URL to the form -->
<p><iframe src="http://url.to/embedded_form.html" width="280px" height="270px"></iframe></p>
@florescelia
Copy link

How pause video when the CTA shows?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment