Thursday , November 21 2024
Home > Magezon Extensions > Blue Form Builder Tutorials > How to Let Users Upload Videos to Youtube from Magento 2 Forms

How to Let Users Upload Videos to Youtube from Magento 2 Forms

How to let users upload videos to Youtube

Sometimes you may want your site visitors to send you videos so that they can be shared on your Youtube channel. Using a video upload form and connecting it with Youtube is a great way to do this. 

If you are using Magento 2, then Blue Form Builder should be one of your considerations. The extension gives you the ability to create a form for uploading videos. And when a user submits the form, the uploaded video will be sent to Youtube automatically. 

In this post, let us walk you through a step-by-step guide on how to allow your users to upload videos to Youtube using Blue Form Builder. 

How to Let Users Upload Video to Youtube

1. Create A Video Upload Form

After installing Blue Form Builder on your site, you can start creating your own Magento 2 forms. The form you create here should have an upload field that allows video uploading. 

If you don’t want to create the form from scratch, you can use our templates to save time. Navigate to Content > Blue Form Builder > Add New Form

Click Template in the popup window.

In the section below, you can see a list of templates on the left and preview each of them on the right. In this case, you can select Contact Form 1 that has an upload field. 

You can change the form’s name if necessary. Then click the SAVE FORM button to go to the form’s edit page.

Choose a form template
Image 1: Choose a form template

You can change any settings to fit your requirements. And please remember to customize the form so that users can upload videos. To do this, please open the File Upload element’s settings. In the Validation tab, you should set the Allowed Extensions field to include video file formats such as mp4, mov, etc.

Set allowed file extensions
Image 2: Set allowed file extensions

Remember to save the form after you make changes. 

2. Connect Your Form with Youtube

After building a form, it’s necessary to connect it with Youtube so that the uploaded videos will be sent to your Youtube channel. To do this, we’ll use Zapier, an online automation tool that allows connecting your apps and other services. Let’s see how!

Step 1: Integrate Zapier with Blue Form Builder

First, make sure that you have a Zapier account already. If not, you can create one at zapier.com. You can choose the free plan or paid tiers based on how many zaps you’ll be using.

To integrate Zapier with Blue Form Builder, it’s required to install the Zapier plugin that gives you the ability to connect Blue Form Builder forms with 2000+ web apps. 

After installing the plugin, you need to create a Zapier API key that will connect Blue Form Builder with your Zapier account. Here is a step-by-step guide for this.

Step 2: Create a zap in Zapier

After logging in to your Zapier account, click MAKE A ZAP button on the upper left corner to create a zap:

Make a zap
Image 3: Make a zap

After that, you’ll go to the setup page of the new zap. Click Name your zap on the upper left corner to rename your zap:

Name your zap
Image 4: Name your zap

For example, we’ll rename the zap to Upload Videos to Youtube:

Enter zap's name
Image 5: Enter zap’s name
– SET UP TRIGGER:

Trigger is an event that starts a Zap. You’ll set up the trigger in the 1. Trigger section.

+ Choose trigger app & event

  • Select trigger app: in the App Event section, you’ll choose your trigger app. The trigger app you need to select here is Blue Form Builder. In the search box, type Blue Form Builder and click Blue Form Builder from the result list.
Choose trigger app
Image 6: Choose trigger app
  • Select trigger event: Blue Form Builder only has 1 trigger: New Submission Entity.
Choose trigger event
Image 7: Choose trigger event

Click the Continue button to proceed.

+ Connect Zapier and Blue Form Builder: To connect Zapier and Blue Form Builder on your website, click on the Sign in to Blue Form Builder button:

Sign in to Blue Form Builder
Image 8: Sign in to Blue Form Builder

A new window will appear:

Connect Zapier with Blue Form Builder
Image 9: Connect Zapier with Blue Form Builder
  • Domain: enter the full URL of the domain in which Blue Form Builder is installed. 
  • Admin username: enter admin username. 
  • Admin password: enter admin password. 
  • API: enter the access token key here. Then click Yes, Continue button to finish the connection. 

You can connect Zapier with multiple Blue Form Builder accounts by clicking on the +Create a new account. Then choose the account you want to connect with from the drop-down list.

Create a new Blue Form Builder account
Image 10: Create a new Blue Form Builder account

Click Continue to proceed. 

+ Select form: Select the form you want to use in this zap, then click Continue.

Select form
Image 11: Select form

+ Test trigger: In this step, you are able to test your connection using sample submission data pulled in. Please make sure that the form you selected has at least one submission to test. After clicking the Test Trigger button, you should see a submission found with all related data:

Test trigger
Image 12: Test trigger

You can choose another submission to test from the drop-down list where latest submissions are listed:

Choose another test submission
Image 13: Choose another test submission

Click the Continue button to proceed.

– SET UP ACTION: 

An action is an event that a Zap performs after it is triggered. You will set up action in the Action section. 

+ Choose action app & event

  • Select action app: in the App Event section, choose Youtube.
Choose action app
Image 14: Choose action app
  • Select action event: choose Upload Video
Choose action event
Image 15: Choose action event

+ Connect Youtube account: now it’s necessary to connect Zapier with your Youtube account. Log in to your Youtube account by clicking on the Sign in to Youtube button and allow Zapier to access your Youtube account. 

Sign in to Youtube account
Image 16: Sign in to Youtube account

Please note that you can connect to multiple Youtube accounts.

+ Set up action:

Set up action
Image 17: Set up action

In this step, you’ll set up the action Upload Video.

  • Specify Title and Description (required). 
  • For the Video field, you should choose choose the File field that contains the video uploaded via the form: 
  • Set other optional settings such as Privacy Status, Publish At, etc. 

After finishing, click the Save & Continue button to proceed. 

+ Test zap: now you’ll need to test your zap to make sure that it works by clicking the Test & Review or Test & Continue button. Then go to your Youtube channel to check if the video in your test form has been uploaded.

Test action
Image 18: Test action

If you see the video uploaded to your Youtube channel, then your integration is successful. 

You can Retest Action or Turn On Zap right away, then click Done Editing to finish: 

Finish your zap
Image 19: Finish your zap

To Sum Up

This article gives you a detailed tutorial on how to allow visitors to upload videos to your Youtube channel using Blue Form Builder extension and its Zapier plugin. If you have any further questions, please feel free to leave a comment below. 

Try FREE Blue Form Builder demo today

Create whatever type of Magento form in any style you want just in minutes. Just by drag & drop.

About Trang Vu

Trang Vu
Min is a content marketer with more than 2-year experience in Magento. She has great patience and high concentration ability to deal with every pressure at work.

Check Also

Limit the number of Blue Form Builder form submissions

How to Limit the Number of Blue Form Builder Form Submissions

Normally, your website’s forms are available all the time so that users can access and …

Leave a Reply