> For the complete documentation index, see [llms.txt](https://mind-for-apps.gitbook.io/templates-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mind-for-apps.gitbook.io/templates-documentation/freelance-marketplace.-skillwise/setup-guide.md).

# Setup Guide

On the **Setup Guide** page, you’ll find step-by-step instructions to set up your application using this template. By following these steps, you’ll be able to quickly launch and configure the app in Bubble.io. The guide covers essential stages, including setting up the app structure, integrating the payment system (Stripe), and configuring other key settings. Complete the steps below to ensure the app is fully functional and ready for use.

{% hint style="warning" %}
Be sure to complete each step below to make the app fully functional and ready for use.
{% endhint %}

## 1. Creating a new application

In this section, you’ll learn **how to create** a new application based on your **purchased template**. We’ll guide you through the initial setup process, ensuring that you can create and configure the template in your Bubble.io account.

{% @supademo/embed demoId="cm5v07hqn1jvn36cgnf587h4b" url="<https://app.supademo.com/demo/cm5v07hqn1jvn36cgnf587h4b>" %}

## 2. Removing the banner

Click on the tab below for detailed instructions on how to **remove the banner** from the top of your site.

{% content-ref url="/pages/RmY1glrsfIN7ps6vDpmp" %}
[Remove Banner](/templates-documentation/remove-banner.md)
{% endcontent-ref %}

## 3. Adding option with ID attributes

This option must be **enabled** for the correctly functioning of the project.

<figure><img src="https://184458815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LOc6TTUFXem91kZBFum%2Fuploads%2FCTgABfMuT91xSqNOqb2r%2Fchrome_LS2cSCPQX2.png?alt=media&amp;token=3d8cf12c-2538-429f-8b33-193ec5e7e765" alt=""><figcaption></figcaption></figure>

## 4. Preparing the Database for Your Project

In this section, we’ll cover how to **clear the database** of test data to prepare for launching your own project. The test data included with the template is provided to help you **explore** and **understand** how to work with the template and its functionality. We **recommend** fully familiarizing yourself with the template’s structure and logic using this data before moving on to clearing the database. \
⚠️Once you’re comfortable with the template, you can proceed with data cleanup to set up a fresh environment for your project.

{% @supademo/embed demoId="cm64962m30d6rh0o8t6mlbosq" url="<https://app.supademo.com/demo/cm64962m30d6rh0o8t6mlbosq>" %}

{% hint style="warning" %}
**Important**. If you don't want to add your own icons for **Categories**, then don't delete them, just **change the names** to suit your needs and clear the "number of gigs".
{% endhint %}

## 5. Assigning administrative rights to a user

In this section, we’ll guide you through assigning administrative rights to a user within your application. Setting up admin privileges is essential for managing the app effectively, as it enables access to additional controls and features that are not available to regular users.

{% @supademo/embed demoId="cm649s6s60ddjh0o8k1o7soin" url="<https://app.supademo.com/demo/cm649s6s60ddjh0o8k1o7soin>" %}

## 6. Configuring Stripe Payment Integration

In this chapter, we’ll cover the steps to set up **Stripe payment integration**. Proper configuration is essential to ensure payments function in your application. Follow the guide below carefully, as correct setup is crucial for processing transactions, managing subscriptions, and providing a secure payment experience for users.

The first step in setting up payments is to create an account on [stripe.com](https://stripe.com) and complete your account setup. This includes verifying your information, adding necessary business details, and configuring your account settings. A fully set up Stripe account is essential for integrating payments into your application. Make sure your account is ready before proceeding with the integration steps below.

### 6.1 Configuring Stripe

{% @supademo/embed demoId="cm647j9580crah0o88k1kdn6t" url="<https://app.supademo.com/demo/cm647j9580crah0o88k1kdn6t>" %}

{% code title="The link you'll need to insert into the step with the redirect." %}

```
https://bubble.io/poststripeauth
```

{% endcode %}

## 7. Additional Configuration Steps

In this chapter, you’ll find various supplementary guides needed for the full configuration of your application.

### 7.1 Changing the sender and content in emails

This application includes an email notification system. By default, the sender’s name is usually set to the template’s name, which should be customized to fit your brand. You may also want to update the email content itself. Below, you’ll find a guide on locating all instances where emails are sent.

{% @supademo/embed demoId="cm3qho1c30a7i3vukdriizhwa" url="<https://app.supademo.com/demo/cm3qho1c30a7i3vukdriizhwa>" %}

### 7.2 Setting Up a Custom Domain

If you want to switch to a custom domain, here’s a detailed guide from Bubble.io to help you through the process. This guide will walk you step-by-step on how to configure and connect your custom domain to your app, ensuring that your application is accessible via your personalized web address.

{% embed url="<https://www.youtube.com/watch?v=vGk6nfq41L4>" %}
