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>