Our video recorder & uploader plugin is available in the WordPress marketplace. Here are the steps to get the plugin onto your WordPress site:

Step 1) Install the plugin

Go to the Clipchamp entry on wordpress.org or search for Clipchamp in the plugin directory in your WP admin panel. Install the plugin as you would any other WordPress plugin. 

  

 

Step 2) Activate the plugin

After installing the plugin, activate it. 

You can do this on the Plugin installation screen


or you can go to Installed Plugins and activate it there.

 

 

Step 3) Sign up for a free trial account with Clipchamp

After activating the plugin you'll be taken to its settings screen where you can register for a free trial of the Clipchamp video API, which the plugin is based on. All trials are on the API Business plan and include all features of the API.

 


You can select a plan other than API Business at any time during the trial or remain on API Business to continue after the trial ends. You can also cancel at any time in your Clipchamp user profile or simply let the trial expire.

 

 

Step 4) Add additional domains to use the plugin on (optional)

During the setup, we'll automatically authorize the plugin for the domain of your WP website that you installed it on. If you'd like to add additional domains to use the plugin on with the same Clipchamp account, you can do so at

https://util.clipchamp.com/en/api-setup/domains

 

 

You can add multiple domains, whichever you add here will be enabled to work with your Clipchamp API key. As mentioned above, we'll automatically add the domain of your WordPress site that you installed the plugin on to your Clipchamp trial's allowed domains list as part of the plugin setup process.

 

Step 5) Add an upload destination that videos can get submitted to

Depending on the destination of video files you'd like to use, you need to connect your YouTube channel, set up and configure an Amazon S3 account, a Microsoft Azure account, connect to your Dropbox account or to your Google Drive account in the Clipchamp API configuration.

Sending user generated videos from the WordPress front-end to the WordPress Media Gallery is also possible.

If you'd like to make videos that users upload available as posts on your website, you can enable the plugin's Video Posts option. This recent addition to the plugin makes it possible to publish user videos to your WordPress website just like you would publish blog posts or articles.

There are links to set up instructions for each of these options in the Plugin settings.

 

The basic upload target setup is the following:

5a) First, go to "Upload Destination" in the plugin settings in your WP admin backend and select the upload target you want to use.

We're using Google Drive as the upload target in the sample screenshots below.

In the Clipchamp plugin settings in your WordPress admin backend it looks like this

 

5b) Then, go to https://util.clipchamp.com/en/api-setup/integrations and add your login credentials for the upload destination you'd like to use.

This will ensure that the recording plugin is allowed to submit your users' videos from your website to your upload destination.

 

 

Step 6) Configure additional plugin settings

Use the tabs in the settings screen to configure the plugin options you'd like. If you're unsure which ones to select you can also leave the default options in place. After some testing and initial uploads of user videos, you can tweak the settings as you see fit.

Options include items such as changing the button size, label and colour, selecting a layout theme, setting the video output format and others.

 

Please note:
To access all available advanced features, click on Screen Options and check Show Advanced Settings.

After the trial, options can differ depending on the Clipchamp API plan you signed up for.

 

Step 7) Lastly, add a recorder to posts, pages, forms

You can add a recording button to a post, page, Gutenberg post or a Gravity Forms form.

You can't add more than 1 recorder & uploader to a Gutenberg post or Gravity Forms form at the moment.

 

7a) In the default WordPress editor (aka TinyMCE)

In the default editor, click on the Clipchamp Uploader icon in the editor menu to add a recorder button.

In the editing view

 

Clipchamp Uploader icon

 

Post preview with embedded recorder button

 

7b) In the new WordPress Gutenberg editor

In the new Gutenberg editor, click on the + icon, then Blocks, then scroll to Widgets and select the Clipchamp Uploader icon to add a recorder button to your post.

Adding a recorder widget as a block in Gutenberg

 

The recorder gets displayed as a preview in the editor

 

Access recorder button settings by clicking on "Show Advanced Settings"

 

7c) In Gravity Forms

In Gravity Forms, you can embed our video recorder by creating a new form or going into an existing one and clicking on Advanced Fields. In there find the Video Upload item and drag it into your form editor.

Advanced Fields in the Gravity Forms editor

 

Embedded recorder button settings options in Gravity Forms

Gravity Forms preview with video recording & uploading button

That's the end of the basic setup tutorial for the Clipchamp video recorder for WordPress. Read on to see some screenshots, access a demo button and learn about some advanced options.

******************************************************************************

See It In Action

Here is a sample WordPress blog post with an embedded Clipchamp button in the Test it right here section.

And below are some screenshots that show a sample implementation of the recorder in WordPress.

 

Recording & Uploading Button

You can change text and colour.

Record a video or upload an existing video file

 

Record a webcam video

WordPress Video Converter & Uploader

Your website visitors' videos in your YouTube channel

Special Behaviour & Configuration

There are many configuration and branding options to change the look & feel of the user-facing elements of the video recorder and video uploader. There are also many settings to tweak that change the compression, conversion, recording and destination options. All of them are available in the plugin settings in your WordPress admin panel.

To access all advanced features, click on Screen Options and check Show Advanced Settings.

 

We also publish tutorials on a regular basis that walk you through specific use cases of collecting videos from your site visitors and demonstrate how to use the video plugin to achieve them. For instance this one shows you how to embed a video recorder in posts/pages so that videos get uploaded to a different Google Drive folder depending on the post they were submitted from, helping to keep track which post these uploaded videos belong to.

 

Advanced integration

Our recording plugin also includes a range of customisation options to adjust the recorder and uploader to your site’s needs.

One of the ones we have recently added is an option to customise the downstream process after a video was recorded and uploaded using our service.

To do that, we extended our plugin’s settings screen to let you paste in custom JavaScript code, which is run after a video was uploaded. That code receives metadata about the video, the storage location, and optionally also the WordPress post identifier, all of which you can use to perform some custom finalisation logic.

This option is available in the "Advanced" tab of the plugin settings.

For example, you can redirect your users to another page, where you request more data and in this way, make the Clipchamp video upload part of a screen flow of forms (such as in a questionnaire).

**********************

We're adding new and additional features to the Clipchamp API on a regular basis, which will then also become available in the WordPress plugin.

Did this answer your question?