Exact matches only
Search in title
Search in content
Search in posts
Search in pages

How to add video, audio and PDF files on your form

You can add video, audio and PDF files directly onto your form quickly and easily.

By using the Widget field, you can have interactive elements on your form, such as playable audio/video files or scrollable, zoomable and printable PDFs. By doing so, you can provide all of the relevant information on the form by simply adding a link to an outside source. This means there is no need to go through the hassle of creating an embed code.

Here is a complete guide on how to embed files:

Step One – Adding the Widget

The Widget field is located under the Other Fields section of your editor.
Editor

Step Two – Choosing the right Widget for you

Once the Widget is added, you will be able to choose the platform that best suits your form’s needs.

  • Youtube
  • Vimeo
  • Adobe PDF
  • Soundcloud
  • Facebook Post
  • Facebook Page
  • TED
  • NFB
  • Kickstarter
  • Dailymotion
  • WordPress TV
  • Twitch
  •  Mixcloud

After selecting the app to be embedded, the next step is to provide the URL of the file that will show up on the form.
This step is generally valid for any app you choose. The only difference is from where you will need to retrieve the URL for the file.

Step Three – Retrieving the URL

YouTube

You can find the URL for any YouTube video in the Share -> Embed section. The highlighted URL is all that you would need in order to add the video on your form.

YouTube

Vimeo

The URL needed for a Vimeo video is located under the Share -> Embed option. Copy and paste the URL from that code in the Widget field.

Vimeo

PDF File

In the case of a PDF file, you will need to provide the URL of where that file is hosted. However, the PDF file that will be embedded, must be hosted on a secure URL, marked with https://.

PDF

Soundcloud

To retrieve the URL for a Soundcloud audio file you will need to go to the Share -> Embed section and check the WordPress code option. It is necessary to remove the any code besides from the URL in between the brackets.

Soundcloud

Facebook Post and Page

In order to embed a Facebook page, you simply need to copy/paste the URL of the Facebook page.

Facebook page

While for a specific post you will need to get the URL form the Embed this Post section.

Facebook post

TED

To add a TED URL onto your form you will need to go to the Embed option and select the URL provided in between the brackets of the code.

TED

NFB

The URL that is needed, in this case, is located in the Embed section under the video.

NFB

Kickstarter

To embed the video or the widget for a Kickstarter campaign you will need to copy one of the two URL’s, depending which element you want embedded on your form. You can find the URL’s in the Share -> Embed section.

Kickstarter

Dailymotion

You can find the URL needed under Share -> Get Embed Code. You will need to copy just the URL from within the iframe code, as shown below.

Dailymotion

WordPress TV

To embed a WordPress TV video on your form, you simply copy the URL from within the embed code, after selecting the Share button of the video.

Wordpress TV

Twitch

You can find the necessary URL by clicking Share on the bottom right part of the video. Afterwards, copy the link from the Embed Code section.

Twitch

Mixcloud

In Mixcloud, first click on the Share button, then go to the Embed section. Simply select the type of widget that you want to use from Mixcloud and below it, from the iframe code, copy the URL.

Mixcloud

In case you encounter any trouble with the Widget field and if you would need assistance from our Support team, please do not hesitate to contact them at support@123formbuilder.com

Leave a Reply

Your email address will not be published. Required fields are marked *

This website is using cookies. By continuing to browse, you are
agreeing to our use of cookies as explained in our Cookie Policy OK

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?