# 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="cm3hvkt9l4goh8hspkbee1zg9" url="<https://app.supademo.com/demo/cm3hvkt9l4goh8hspkbee1zg9>" %}

## 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="../remove-banner" %}
[remove-banner](https://mind-for-apps.gitbook.io/templates-documentation/remove-banner)
{% endcontent-ref %}

## 3. 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="cm3nfl0i00x5eahr7t5t2a806" url="<https://app.supademo.com/demo/cm3nfl0i00x5eahr7t5t2a806>" %}

{% hint style="warning" %}
**Important**. Do **not** delete **"All Charts"** and **"All Creator plans"** while cleaning the database!!!
{% endhint %}

## 4. 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="cm3ni793o0y5sahr7pq61d7yn" url="<https://app.supademo.com/demo/cm3ni793o0y5sahr7pq61d7yn>" %}

## 5. 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 smoothly 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.

{% hint style="warning" %}
**Important**: payments will not work on the free bubble app plan.\
You need a paid bubble plan to make them work.
{% endhint %}

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.

### 5.1 Configuring API keys

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

Redirect URL:

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

### 5.2 Setting up plans for Creators

Subscription plans for creators allow the admin to make more profit by adding monthly plans.

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

### 5.3  Configuring Stripe's webhooks

Stripe webhooks are essential for tracking payment events in real-time. They allow your application to receive notifications on whether a payment was successful, failed, or needs further action, helping you manage transactions accurately and keep your app up-to-date with each payment’s status.

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

### 5.4 Subscription plans created by Creators

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

## 6. Additional Configuration Steps

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

### 6.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>" %}

### 6.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>" %}
