Integration with Form Assembly

Ziggeo has created an integration with FormAssembly.

Here's how it works

  • Manage your application settings on Ziggeo and check: "Let us host separate subpages for each single video".
  • 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 "").
  • 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.
      <link rel="stylesheet" href="//assets-cdn.ziggeo.com/v1-stable/ziggeo.css" />
  <script src="//assets-cdn.ziggeo.com/v1-stable/ziggeo.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>
    BetaJS.$(document).ready(function () {
      BetaJS.$("input[placeholder='ziggeo']").each(function () {
        var input = BetaJS.$(this);
        var inputContainer = input.parent();
        input.attr("type", "hidden");
        var ziggeoContainer = BetaJS.$("<div></div>");
        inputContainer.append(ziggeoContainer);
        ZiggeoApi.Embed.embed(ziggeoContainer, {
          width: 320,
          height: 240,
          perms: ["allowupload"],
          id: input.attr("name")
        });
      });
      ZiggeoApi.Events.on("submitted", function (data) {
        BetaJS.$("input[name='" + data.id + "']").val("https://ziggeo.com/v/" + data.video.token);
      });
    });
  </script>
Set Up Account See More Features