> For the complete documentation index, see [llms.txt](https://polkadot.novabloq.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://polkadot.novabloq.com/beginners-guide/bubble-basics.md).

# Bubble basics

## 1. Create a Bubble account

1.1 Go to [bubble.io](https://bubble.io/)

1.2 Create an account and login

## 2. Add a new app

2.1 In your account click on the New app button

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFRESVNhuvL3m59YS5kan%2Fuploads%2FbRvaRgTtdBit8XY1ZOa8%2FMy_Apps___Bubble.png?alt=media\&token=dc021efd-af9e-47f4-bf4d-9a66470b6a95)

2.2 It will ask a few details about your app, you can write whatever you want, it doesn't matter for our test.

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFRESVNhuvL3m59YS5kan%2Fuploads%2FaBYlbvBwKqW4tMXvl64x%2FScreenshot%202022-02-10%20at%2016.52.14.png?alt=media\&token=0452dbb4-76cf-4c93-a20b-4c83b0a7f0f8)

The app will be created with default examples and texts.

{% hint style="info" %}
If you see any errors/warnings, ignore them, they don't matter for our testing.
{% endhint %}

## 3. Install the plugin

3.1 Now on the left side you will see all sections of your app, go to **Plugins** and then **Add plugin** button

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFRESVNhuvL3m59YS5kan%2Fuploads%2F0IrvyVp3SLbjdEz4rHUf%2Fadd_plugin.png?alt=media\&token=1ac58d5f-feba-4428-baa9-64a58a90a570)

3.2 In the search bar of the opened window, just write Polkadot and click install.

## 4. Plugin elements

4.1 Create a new blank page\
     In the top left corner of your app you will see **Page: index,** click there \
     then click **Add a new page...**

4.2 On the newly created page, you will see all available tools in the **Visual elements** section\
This includes our plugin elements that we need to add on the page.\
Find the element you want to test and Drag\&Drop it somewhere on the page:

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFRESVNhuvL3m59YS5kan%2Fuploads%2Ff4CRIo32mMgRM1W1weSY%2Fdragndrop.png?alt=media\&token=e4bb901c-a4eb-4795-9464-1173bd4dda1a)

{% hint style="info" %}
Before testing, please take a look into [F.A.Q. page](https://polkadotjs.docs.ezcodeplugins.com/f.a.q.) in the plugin documentation.
{% endhint %}

## App preview

To see how your app looks and start testing it, click the **Preview** button in the top right corner.

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFRESVNhuvL3m59YS5kan%2Fuploads%2FRwzWgdvcBYrSJIcogpUm%2Fpreview.png?alt=media\&token=d52888b4-45fc-4e0f-b2ee-ee9f579ee22c)

### Now let's install the plugin functions and proceed to test them.