# Quick Start Guide

## **Install the plugin and set plugin properties**

Add the plugin to your Bubble application.

![](https://910238816-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQrzSdXV3UoF6IP7mJM%2F-MQs0wtshf4uxbZMucbi%2F-MQs4ojfGtPoy21udQvW%2FDocImage1.png?alt=media\&token=361a0443-159d-4723-920a-3f71b7d4b804)

## Create a Pipe Account

Head over to [addpipe.com](https://addpipe.com/signup?invite=ERl43) and create a new account if you don’t already have one. Otherwise, login to carry out the remaining steps.

{% hint style="info" %}
 As of the time of writing this guide, Pipe offers a 14-day trial that supports SD video only.

Disclosure: The addpipe.com link above includes a referral code. If you sign-up for a paid account using the code then I, the plugin author, get some Pipe credits.
{% endhint %}

## **Set Plugin Properties**

Grab your Account Hash and API key from your Pipe [account page](https://addpipe.com/account) and paste them into the plugin’s Account Hash and API key properties in Bubble.

![Copy the values from your Pipe account](https://910238816-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQrzSdXV3UoF6IP7mJM%2F-MQs0wtshf4uxbZMucbi%2F-MQs63MfP-gu7aLb2jHf%2Funnamed.png?alt=media\&token=1b43c60f-dffc-4f74-a28b-04f181546f54)

![Paste values to corresponding fields in Bubble](https://910238816-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQrzSdXV3UoF6IP7mJM%2F-MQs0wtshf4uxbZMucbi%2F-MQs736hUIBNHWi9L4wa%2FDocImage3.png?alt=media\&token=9429a0eb-3092-479a-9451-4edad25b93ae)

## **Set the mobile recording clients**

**IMPORTANT**: Go to <https://addpipe.com/env_edit> and:

1. Check that the Desktop Recording Clients checkbox is ticked as shown below.
2. Tick the checkboxbox to use the 2nd gen HTML 5 recorder on Android.&#x20;
3. Remember to Save.

![](https://910238816-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQrzSdXV3UoF6IP7mJM%2F-MRM5hiLEhAbtaxXFeV2%2F-MRM7-HpjIfgn66jBlCX%2FScreenshot%20\(9\).png?alt=media\&token=1d946ef2-cd42-4c0d-88c8-1f44cc48e3e5)

<div align="left"><img src="https://910238816-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQrzSdXV3UoF6IP7mJM%2F-MR70oei3qqvj0BwMp-N%2F-MRM5gOobOhIz79-Zxwy%2FScreenshot%20(8).png?alt=media&#x26;token=2e1552a3-0086-4e27-9390-8aa7820b3fbe" alt=""></div>

## **Add a plugin element to a page**

Add an instance of the plugin’s ‘Pipe Recorder’ element to a page in your app. Set the properties of the plugin as needed. See the “[Element Properties](https://louisadekoya.gitbook.io/pipe-video-and-audio-recorder-plugin-for-bubble/element-properties)” section below for a description of each property.

![](https://910238816-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQrzSdXV3UoF6IP7mJM%2F-MQs0wtshf4uxbZMucbi%2F-MQs8QGeIqLKQGmUgDKk%2Fpasted%20image%200.png?alt=media\&token=bc4cd5db-6835-414d-bb33-51309df9644f)