Ninja Forms

Ninja Forms is a powerful and popular WordPress form builder used for everything from contact forms to complex workflows. A high level of customization options are available through its vast range of add-ons.

Requirements

To follow this tutorial, you will need an account with:

1. Ninja Forms plugin
2. GoDAM plugin

How to integrate the Ninja Form inside a video at a specific timestamp

Step 1: Create Your Ninja Form

1. Navigate to Ninja Forms: In your WordPress admin dashboard, click Ninja Forms from the left sidebar.
2. Create a New Form: Click Add New, choose a template or start blank, and give the form a descriptive name.
3. Design Your Form: Use the drag-and-drop builder to add fields like text, email, dropdowns, checkboxes, file uploads, dates, numbers, hidden fields, HTML, or submit buttons.
4. Configure Settings: Set up validation, required fields, success/error messages, entry storage, email notifications, and optional redirect pages.
5. Publish: Click Publish to make your form live.

Step 2: Add Ninja Form to Your Video

1. Open the Video Editor: In your GoDAM dashboard, select the video you want and click Edit.
2. Position the Form: Select the timestamp where the form should appear.
3. Add the Form Layer: Click Add Layer, choose Ninja Form, and open the form selector.
4. Select Your Form: Pick your Ninja Form from the dropdown. A preview will show how it looks to viewers.

Step 3: Configure Display Settings

1. Form Behavior: Decide if viewers can skip the form or must complete it.
2. Timing: Edit display timestamp to a suitable position.
3. Add background: You can add a background to the form to make the background less distracting.
4. Preview & Test: Check how the form appears in the video and test submissions to ensure all fields work.
5. Publish: Publish your video with the interactive form.

Step 4: Add your GoDAM video to a page or post

1. Go to WordPress Gutenberg editor.
2. Search for the GoDAM video block.
3. Select the video you just added Ninja Form layer.
4. Publish your post.

How to Integrate GoDAM Recorder Field with Ninja Forms

Step 1: Create a New Ninja Form

Open Ninja Forms → Add New and create a form with your desired fields (e.g., name, email, dropdowns, etc.).

Step 2: Add the GoDAM Recorder Field

From the available field types, locate the GoDAM Recorder field and add it to your form. This custom field enables users to record webcam videos, capture screen recordings, or upload video files directly through the form interface. Configure any specific settings for the recorder if needed, then save your form.

Step 3: Embed the Form on Your Site

Once your form is ready, embed it into posts or pages. Ninja Forms provides both a shortcode and a block for easy placement.

Step 4: Test the Recording and Submission Workflow

Before going live, perform a test submission, record a short video (webcam or screen capture), fill out other required fields and submit the form. Confirm that the video uploads successfully and can be played back in the Ninja Forms Submissions dashboard.