> For the complete documentation index, see [llms.txt](https://armadillo-apps.gitbook.io/donations-app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://armadillo-apps.gitbook.io/donations-app/donations-template-app-buy-a-coffee/setup-guide.md).

# Setup Guide

Welcome to the Setup Guide, your starting point for configuring the template efficiently. Explore essential insights on using the template with Bubble and begin the setup process effortlessly.

## Starting with the Template

Upon purchasing or adding a template to your account, a dropdown will appear in the New Application popup, allowing you to select the template as the foundation for your new application.

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

Once you've chosen a template, fill in the required fields (e.g. Name of the new app) and click on "Get started".

After the application loads, the Bubble assistant on the right side for New Application will appear. You can either close it or follow the assistant's steps to customize various settings.

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

## Configuring Payments with Stripe

This template utilizes Stripe to process card payments, ensuring a secure checkout experience for users. To configure your Stripe account, visit [https://stripe.com](https://stripe.com/) and sign up.

{% hint style="success" %}
Refer to [Bubble's official documentation](https://manual.bubble.io/core-resources/bubble-made-plugins/stripe?_gl=1*vdjfc2*_gcl_au*MzY1NTM1MjE2LjE3MDMzNjc2OTA.*_ga*OTIwMDIzNDY3LjE3MDMwOTIzMTU.*_ga_BFPVR2DEE2*MTcwMzg5NTUyNy42LjEuMTcwMzkwMjE3My41OC4wLjA.) for instructions on setting up the Stripe API in your Bubble app.
{% endhint %}

## Configuring the Facebook Login plugin

This template enables users to sign up and log in with their Facebook account.

{% hint style="success" %}
Refer to [Bubble's official documentation](https://manual.bubble.io/help-guides/data/user-accounts/authentication-plugins/facebook-plugin) for instructions on setting up the Facebook API in your Bubble app.
{% endhint %}

## Removing Demo Login

This template includes demo accounts and buttons for testing purposes, eliminating the need for a complete sign-up process to explore app features. You are welcome to remove these demo elements in your app.

### Dashboard page

In the Elements Tree, select the two red texts named "Disabled for demo ..", and delete them.

<figure><img src="/files/2eixEzEcETEuKoPvnRQa" alt=""><figcaption></figcaption></figure>

Then, select each yellow button named "Save Changes", and for each of them, delete the Condition named "This Button isn't clickable is yes and This Button is pressed".

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

Don't forget to uncheck "This element isn't clickable" for both buttons.

<figure><img src="/files/PKZxu58yP6miOPjl91bX" alt="" width="375"><figcaption></figcaption></figure>

### Creator page

In the Elements Tree, select the Popup named "Upload Cover Picture", and delete the red text.

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

Then, double-click on the PictureUploader input, and uncheck "This input is disabled".

<figure><img src="/files/MOzcDRiW7xGf2btbJuqa" alt="" width="375"><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://armadillo-apps.gitbook.io/donations-app/donations-template-app-buy-a-coffee/setup-guide.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.