Using Ziggeo together with FormAssembly

If you are already building forms on FormAssembly, here is a quick way to add video submissions to it using Ziggeo:

1. Manage your application settings on Ziggeo and check: "Let us host separate subpages for each single video".

2. Head over to the form builder on FormAssembly. For every video that you want to be recorded, create a text field with the placeholder text "ziggeo" (without the "").

3. Add the following custom code to your form (via Properties, Custom Code). Make sure to replace YOUR_APPLICATION_TOKEN by the actual application token from your Ziggeo dashboard.

[code language="html"] <link rel="stylesheet" href="//assets.ziggeo.com/css/ziggeo-v1.css" /> <script src="//assets.ziggeo.com/js/ziggeo-v1.js"></script> <script>ZiggeoApi.token = "YOUR_APPLICATION_TOKEN";</script> <script>ZiggeoApi.Config.cdn = true;</script> <script>ZiggeoApi.Config.webrtc = true;</script> <script>ZiggeoApi.Config.resumable = true;</script> <script>   $(document).ready(function () {     $("input[placeholder='ziggeo']").each(function () {       var input = $(this);       var inputContainer = input.parent();       input.attr("type", "hidden");       var ziggeoContainer = $(" <div></div> ");       inputContainer.append(ziggeoContainer);       ZiggeoApi.Embed.embed(ziggeoContainer, {         width: 320,         height: 240,         id: input.attr("name")       });     });     ZiggeoApi.Events.on("submitted", function (data) {       $("input[name='" + data.id + "']").val("/v/" + data.video.token);     });   }); </script>  [/code]