Wistia

Let users login with their Wistia accounts and fetch a list of videos they've uploaded.

Signup/login with a social network

This workflow step allows you to integrate the Wistia authentication event when registering a new user or logging in an existing user.

OAuth provider - Wistia

Allows the Bubble editor to verify the correct social platform to login/signup the user.

Current user’s Wistia Media

When adding dynamic data, this operator allows you to fetch and display content from a user’s connected Wistia account.

Wistia media’s ID

The unique ID of a Wistia video.

Wistia media’s name

The title displayed on the Wistia video.

Wistia media’s description

The description field of a Wistia Video.

Wistia media’s thumbnail URL

The image file destination URL storing the thumbnail image.

Wistia media’s assets

The file URL of the original asset used when uploaded to Wistia.

Setup

Configuring your API

Once you’ve installed the Wistia plugin, you’ll need to create an OAuth credential within your Wistia account. Under the advanced section of your settings page in your account, you’ll see an option called ‘API access’.

By default, this API won’t include access to the Wistia OAuth service. In order to gain access to this service, you’ll be required to contact Wistia support and submit a request.

Once you’ve been granted access to the OAuth API, you’ll see an ‘OAuth Applications’ menu under your settings page.

From here, you’ll need to create a new application, as well as add a relevant redirect URI.

The URI value will be the link to the page in your application where a user will be redirected to once their Wistia account is validated.

Now, copy the Client ID and Client Secret keys into the relevant fields of your Wistia plugin settings.

For reference:

  1. The Wistia Client ID field will be added into the Client ID field of the plugin.

  2. The Wistia Client Secret field will be added into the Client Secret field of the plugin.

Logging a user in through Wistia

After configuring your OAuth credentials, you can now use the ‘signup/login with social network’ step within a workflow. From the event dropdown menu, you’ll see an option to select the Wistia OAuth provider. This event can be added to an element like a login button.

After a user clicks this button, they’ll be redirected to a Wistia portal where they can verify their account, then be redirected back to the destination URI of your application.

Now, you can choose to display videos from a user’s Wistia account. If you’d like to display a list of a user's videos within a repeating group, configure the type of content to be ‘Wistia Media’, then the data source the be the ‘current user’s Wistia Media’.

Within each repeating group cell, you can then display data about each video by selecting the ‘current cell’s Wistia Media’s’ operator.

FAQ

How can I embed a Wistia video into my application?

Using a HTML element, you can paste the embeddable code from Wistia to display a video.

Last updated