# 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="/pages/RmY1glrsfIN7ps6vDpmp" %}
[Remove Banner](/templates-documentation/remove-banner.md)
{% endcontent-ref %}

## 3. 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.

<figure><img src="/files/rEpAMwlxMfAzuJrGf7wf" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/jZPLM265Ik0qcKRdyhVj" alt=""><figcaption></figcaption></figure>

## 4. 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.

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.<br>

### 4.1 Configuring API keys

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

{% hint style="warning" %}
**Important**: Don't forget to enter the corresponding keys in the fields for the **live** version in the plugin settings.
{% endhint %}

{% hint style="warning" %}
For **testing** Stripe payments in a sandbox or development environment, use **Stripe's test credit card** numbers to simulate transactions without real charges. This allows validation of your integration, including successful payments and error scenarios—see [Stripe's documentation](https://docs.stripe.com/testing) for more options.

**Test Card Data (Successful Visa Payment):**

* **Card Number:** 4242 4242 4242 4242
* **Expiration Date:** 12/34&#x20;
* **CVC:** 123
  {% endhint %}

## 5. Setting Up Google API Keys for the Map

To ensure the map in this template works correctly, you need to set up your Google API keys. Please follow the video tutorial below, which walks you step-by-step through creating a project in Google Cloud Console, enabling the required APIs (such as Maps JavaScript API and Geocoding API), and adding your API keys to Bubble. By following the video, you’ll be able to configure everything properly without any errors.

<p align="center"><a href="https://bubble.io/video/how-to-setup-google-api-keys" class="button primary" data-icon="circle-play"> Watch the tutorial on Bubble</a></p>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mind-for-apps.gitbook.io/templates-documentation/prime-properties/setup-guide.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
