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.Browser.Dom.ready(function () {
          document.querySelectorAll("input[placeholder='ziggeo']").forEach(function (inputElement) {
              inputElement.type = "hidden";
              var container = document.createElement("div");
              container.id = "ziggeo-" + inputElement.name;
              inputElement.parentElement.appendChild(container);
              ZiggeoApi.Embed.embed("#" + container.id, {
                  width: 320,
                  height: 240,
                  perms: ["allowupload"],
                  id: inputElement.name
              });
          });
          ZiggeoApi.Events.on("submitted", function (data) {
            document.querySelector("input[name='" + data.id + "']").value = "https://ziggeo.com/v/" + data.video.token;
          });
        });
      </script>