# Setup Guide

## Starting with the template

Once you have bought or added a template to your account, you will see a dropdown in the New Application popup that lets you pick a template as the basis for the new application.

{% hint style="info" %}
**Note**: this can only be done when you create a new app.
{% endhint %}

After you've selected a template you bought, complete the other fields with the necessary data (i.e: Name of the new app, What kind of application you are building, etc) and press **Create a new app.**

{% hint style="info" %}
**Note:** A template isn't a theme for your app, but a pre-built set of elements and workflows. You can modify the template as you would modify another app.
{% endhint %}

Wait for Bubble to load the application with all the data.

After the application has loaded, you'll see the Bubble Assistant on the left side for New Application. You can close it or follow the assistant steps to adjust different settings.

{% hint style="success" %}
**Congrats!** You have successfully created a Bubble app based on your template. Now, you can proceed with the setups.
{% endhint %}

## Payments

This template uses Stripe for payments. To see how to set up Stripe, please refer to :&#x20;

{% content-ref url="../../connecting-stripe-payments-using-stripe-plugin" %}
[connecting-stripe-payments-using-stripe-plugin](../../connecting-stripe-payments-using-stripe-plugin)
{% endcontent-ref %}

## Removing the Demo version

### Demo logins

This template comes with demo logins for testing purposes, which do not require a full registration process to test the platform features. Feel free to delete these login options in your app.

It is using 2 demo logins: **Demo as a Customer**, and **Demo as an Seller.**&#x20;

Go to the  **`login`** page and delete the "Demo as ..." buttons.&#x20;

### Disabled features &#x20;

{% hint style="warning" %}
Certain features are disabled in the template when using a demo account. However, when you preview the template and create your own account, all features become accessible.
{% endhint %}

Once you begin building with this template, you'll need to remove specific workflow blocks and elements as needed.

1. **Popup Demo**

Delete this popup wherever you find it in the elements tree of a page.

2. **Workflows**

For each page, follow these steps:

* Open the Workflow tab.
* Delete the red workflow blocks that include the condition: **"Current User's email is freelancer@test.com / client@test.com."**

<figure><img src="https://3583347876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_ROWWnfGx6A2dsulDM%2Fuploads%2FaZCDrZ6KTlQIfIftLvfg%2FScreenshot%202025-02-28%20at%2021.00.57.png?alt=media&#x26;token=fb5d36b3-bfbf-4dd2-842c-e600802760f0" alt="" width="165"><figcaption></figcaption></figure>

* Locate the green workflow blocks with the condition: **"Current User's email is not freelancer@test.com / client@test.com."**

<figure><img src="https://3583347876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_ROWWnfGx6A2dsulDM%2Fuploads%2FCrW8QjrmNt0STyIOe9cN%2FScreenshot%202025-02-28%20at%2021.04.39.png?alt=media&#x26;token=3871047d-9e60-4c99-837b-3dace452f266" alt="" width="163"><figcaption></figcaption></figure>

* Click on these blocks to open the workflow editor popup.
* Remove the condition **"Current User's email is not freelancer@test.com / client@test.com"** from the "Only When" field.

<figure><img src="https://3583347876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_ROWWnfGx6A2dsulDM%2Fuploads%2FMh3GHZaxdaZM2GPGz3ZE%2FScreenshot%202025-02-28%20at%2021.04.47.png?alt=media&#x26;token=f1711c18-199a-40ac-867e-370bff0d6bf9" alt="" width="366"><figcaption></figcaption></figure>

## **Essential Data Setup**

You need to set up your database by adding records to the following tables:

#### **Categories**

A category represents an industry, sector, or type of activity. Categories help freelancers find jobs relevant to their expertise and allow clients to filter freelancers based on industry or skill set.

**Skills**

Freelancers can list skills on their profiles, while clients can specify required skills for their job postings.

**Platform fee**

This is the percentage deducted from each transaction and sent to the platform owner via Stripe
