Ninja Forms
Gravity 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.
How to integrate the Gravity Form inside a video at a specific timestamp
Requirements
To follow this tutorial, you will need an account with:
Steps
Step 1: Create Your Ninja Form
- Navigate to Ninja Forms: In your WordPress admin dashboard, click Ninja Forms from the left sidebar.
- Create a New Form: Click Add New, choose a template or start blank, and give the form a descriptive name.
- 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.
- Configure Settings: Set up validation, required fields, success/error messages, entry storage, email notifications, and optional redirect pages.
- Publish: Click Publish to make your form live.
Step 2: Add Ninja Form to Your Video
- Open the Video Editor: In your GoDAM dashboard, select the video you want and click Edit.
- Position the Form: Select the timestamp where the form should appear.
- Add the Form Layer: Click Add Layer, choose Ninja Form, and open the form selector.
- Select Your Form: Pick your Ninja Form from the dropdown. A preview will show how it looks to viewers.
Step 3: Configure Display Settings
- Form Behavior: Decide if viewers can skip the form or must complete it.
- Timing: Edit display timestamp to a suitable position.
- Add background: You can add a background to the form to make the background less distracting.
- Preview & Test: Check how the form appears in the video and test submissions to ensure all fields work.
- Publish: Publish your video with the interactive form.
Step 4: Add your GoDAM video to a page or post
- Go to WordPress Gutenberg editor.
- Search for the GoDAM video block.
- Select the video you just added Ninja Form layer.
- Publish your post.