# Ez Buy Me a Coffee - Donations

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

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-buy-me-a-coffee---donations-1624970253009x439695047352385540)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-buy-me-a-coffee---donations-1692021501958x730390886314566800)

&#x20;      [**Preview Link**](https://buycoffee.bubbleapps.io/)&#x20;

&#x20;      [**Forum Link**](https://forum.bubble.io/t/new-ez-buy-me-a-coffee-donations-template-by-ezcode/157849)

***

## Photos

{% tabs %}
{% tab title="1" %}

<figure><img src="/files/8q85x5KOgaKXUaYBLoXK" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="/files/nIdsJVJX7gMB7rZ96RGQ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="/files/R3gfpgXxAwEurMGSdwYa" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="/files/9G7B7eSodocLFDVLj9Lp" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="/files/eIAJf6BUnDicCU9Nku9Z" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="/files/8zwj8JqaErUjUjYU0gD3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="/files/xVfUDppJnRVXMLqNhdTb" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Ez Buy Me a Coffee template expertly designed by <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark>. Developed on the Bubble.io platform, it's the perfect solution for creators, influencers, artists, and anyone with an audience looking to monetize their passion.

Imagine having a sleek, user-friendly platform where you can easily connect with your supporters and receive donations or “tips” as a token of appreciation for your work. With Ez Buy Me a Coffee, you can create a personalized space where your content shines and your followers can easily contribute to your creative journey.

This template is designed to meet the needs of modern digital content creators who understand the power of community support. It's ideal for podcasters, bloggers, videographers, or any creative who offers valuable content to an audience willing to support their work.

Here are some standout features that make Ez Buy Me a Coffee a must-have for any creator looking to monetize their influence:

* **Dashboard** designed to easily navigate and manage your content, donations, and supporter information.
* The **settings page** allows you to customize your account settings to suit your unique needs and style.
* **Create a Post** feature that allows you to quickly share new content, whether public or exclusive to your supporters.
* **Stripe** payment processing for secure, reliable, and hassle-free transactions between you and your supporters

Our template is fully compatible and responsive across all device types. Our team has developed this template in line with up-to-date UX/UI design standards, providing an intuitive interface and visually pleasing aesthetics.

While we sell the template as is, we remain open to discussing additional modifications. Before purchasing the template, we recommend checking out the preview section. If you have any questions or require further clarification, please do not hesitate to contact us, and we'll be delighted to assist and tailor a solution to suit your needs.

***

## Features

* **Landing page**
* **Home**
* **Dashboard**
* **Settings**
* **Posts**
* **Support Statistics**
* **Create Post**
* **Account Info**
* **My Profile**

***

## Notes

{% hint style="info" %} <mark style="color:blue;">**Important note**</mark><mark style="color:blue;">:</mark> After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.&#x20;

Check all privacy settings by the following link before launch: [*<mark style="color:blue;">**Bubble Privacy**</mark>* ](https://manual.bubble.io/help-guides/data/the-database/protecting-data-with-privacy-rules)

Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.
{% endhint %}

{% hint style="danger" %} <mark style="color:red;">This template is not the final product. Any part of the application can be modified for different needs.</mark>
{% endhint %}

***

## Pages&#x20;

### index

This page presents the features of this application and the search creators bar. Also on this page, clients can find links to other <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates on this topic.&#x20;

### account

This is the creator panel page. It displays five tabs.

* **Home** - This tab displays a feed with posts by all application.
* **My Posts** - This tab displays a list of created posts, also the creator can add new posts, albums, and podcasts.
* **Dashboard** - This tab displays the statistics of the current creator.
* **Support** - This tab displays a list of followers.
* **Settings** - This is the tab with personal information.

### user\_page

This is the user panel page. It displays four tabs.

* **Home** - This tab displays a feed with posts by all application.
* **Dashboard** - This tab displays the statistics of the current user.
* **Supported** - This tab displays a list of supported creators.
* **Settings** - This is the tab with personal information.

### reset\_pw

This page allows the user to reset the password.

### 404

This page appears when something goes wrong in the app's work

***

## Reusable elements

### Footer

This reusable element includes links to the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates, socials, and personal web.

### Header

This reusable element includes the app navigation panel.

### Signup/Login Popup

This reusable element includes the Sign-In / Sign-Up.

***

## Workflow

Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> standard for the use of colors with a detailed explanation.

{% hint style="warning" %} <mark style="color:orange;">The standards below are for informational purposes only. Any discrepancy is not related to the functionality of the application.</mark>
{% endhint %}

**Blue** - The actions taking place on our screen do not utilize the application's resources. For instance, when an element is clicked and a popup is opened or closed.

<div align="center"><figure><img src="/files/jXBLqAqnhRtr8trT1P4y" alt="" width="200"><figcaption></figcaption></figure></div>

**Green** - These actions involve creating or modifying entries in the database. For example, "Create a new Thing," "Make changes to a thing or a list of things," as well as "Copy a list of things," and so on.

<figure><img src="/files/IhsNgLQzEqD60jRJQ1nn" alt="" width="200"><figcaption></figcaption></figure>

**Red** - This action involves deleting or resetting values. For instance, "Delete a thing or a list of things," as well as "Reset a group" and "Reset inputs."

<figure><img src="/files/Bvmu9eBxmVDTHmejQBzN" alt="" width="200"><figcaption></figcaption></figure>

**Orange** - Actions related to your navigation. For example, "Navigate to a page," or "Do when a condition is true" – when you use specific values for checking, such as "When the current user is logged in," and so on.

<figure><img src="/files/6V3DXdnLhMYwqnWDpiP8" alt="" width="200"><figcaption></figcaption></figure>

**Cyan** - Actions utilizing Custom Events – lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.

<figure><img src="/files/GPrMgq8tXbrjY9yyZVyH" alt="" width="200"><figcaption></figcaption></figure>

**Brown** - Custom workflow, API workflow, and similar tasks.

<figure><img src="/files/keW5zGLMCW3tTyyEOWOZ" alt="" width="200"><figcaption></figcaption></figure>

**Purple** - The significance of this color is determined by the developer themselves, as it is done due to the fact that everyone has their own approach to development.

<figure><img src="/files/XNzKj8OwRFRk1HFOGqvy" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="/files/HC9QqjagbZp1qTBebH6y" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types

### Comment

This data type is used to store comment proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Likes</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Post</code></td><td><a href="#post"><code>Post</code></a></td><td>Stores the post data type.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the comment content.</td><td></td></tr></tbody></table>

### Goal

This data type is used to store goal proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the goal description.</td><td></td></tr><tr><td><code>Goal</code></td><td><code>number</code></td><td>Stores the goal number.</td><td></td></tr><tr><td><code>ReachedGoal</code></td><td><code>yes/no</code></td><td>Stores the goal status(reached or not).</td><td></td></tr><tr><td><code>So far</code></td><td><code>number</code></td><td>Stores the missing quantity to goal.</td><td></td></tr><tr><td><code>Supports</code></td><td><code>List of</code> <a href="#supports"><code>Supportses</code></a></td><td>Stores the supports data type.</td><td></td></tr><tr><td><code>User</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Post

This data type is used to store post-proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Cateory</code></td><td><a href="#category"><code>Cateory</code></a></td><td>Stores the category data type.</td><td></td></tr><tr><td><code>Comments</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comments data type.</td><td></td></tr><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the post image.</td><td></td></tr><tr><td><code>Likes</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Privacy</code></td><td><a href="#privacy"><code>Privacy</code></a></td><td>Stores the privacy option set.</td><td></td></tr><tr><td><code>Subtitle</code></td><td><code>text</code></td><td>Stores the post subtitle.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the post content.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the post title.</td><td></td></tr></tbody></table>

### ProcessStrip

This data type is used to store payment proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>()Goal</code></td><td><a href="#goal"><code>Goal</code></a></td><td>Stores the goal data type.</td><td></td></tr><tr><td><code>()Supports</code></td><td><code>List of</code> <a href="#supports"><code>Supportses</code></a></td><td>Stores the supports data type.</td><td></td></tr><tr><td><code>Amount</code></td><td><code>number</code></td><td>Stores the payment ammount.</td><td></td></tr><tr><td><code>Payer</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Platform Percent</code></td><td><code>number</code></td><td>Stores the platform fee.</td><td></td></tr><tr><td><code>Seller</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>StripePercent</code></td><td><code>number</code></td><td>Stores the stripe fee.</td><td></td></tr><tr><td><code>Success</code></td><td><code>yes/no</code></td><td>Stores the payment status(success or not)</td><td></td></tr></tbody></table>

### Stripe Fee

This data type is used to store stripe fee proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>StripeFee</code></td><td><code>number</code></td><td>Stores the fee percentage.</td><td></td></tr></tbody></table>

### Supports

This data type is used to store support proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Amount</code></td><td><code>number</code></td><td>Stores the support amount.</td><td></td></tr><tr><td><code>Supported User</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the support added message.</td><td></td></tr></tbody></table>

### User

This data type is used to store support proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>()ProcessStrip</code></td><td><a href="#processstrip"><code>ProcessStrip</code></a></td><td>Stores the process stripe data type.</td><td></td></tr><tr><td><code>Avatar</code></td><td><code>image</code></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>bg</code></td><td><code>image</code></td><td>Stores the user back ground image.</td><td></td></tr><tr><td><code>Category</code></td><td><code>List of</code> <a href="#category"><code>Categorys</code></a></td><td>Stores the category data type.</td><td></td></tr><tr><td><code>Coffee cost</code></td><td><code>number</code></td><td>Stores the coffe cost.</td><td></td></tr><tr><td><code>Comments created</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comment data type.</td><td></td></tr><tr><td><code>Country</code></td><td><a href="#country"><code>Country</code></a></td><td>Stores the country option set.</td><td></td></tr><tr><td><code>Currency</code></td><td><a href="#currency"><code>Currency</code></a></td><td>Stores the currency option set.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the user description.</td><td></td></tr><tr><td><code>Followers</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Following</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Full Name</code></td><td><code>text</code></td><td>Stores the user full name.</td><td></td></tr><tr><td><code>Goal</code></td><td><a href="#goal"><code>Goal</code></a></td><td>Stores the goal data type.</td><td></td></tr><tr><td><code>Liked Comments</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comment data type.</td><td></td></tr><tr><td><code>Liked Posts</code></td><td><code>List of</code> <a href="#post"><code>Post</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Nickname</code></td><td><code>text</code></td><td>Stores the user nickname.</td><td></td></tr><tr><td><code>Posts created</code></td><td><code>List of</code> <a href="#post"><code>Post</code></a></td><td>Stores the post data type.</td><td></td></tr><tr><td><code>Role</code></td><td><a href="#user-role"><code>User Role</code></a></td><td>Stores the user role option set.</td><td></td></tr><tr><td><code>SellerId</code></td><td><code>text</code></td><td>Stores the seller ID.</td><td></td></tr><tr><td><code>StatusFee</code></td><td><code>yes/no</code></td><td>Stores the fee status(enable or not).</td><td></td></tr><tr><td><code>Supported by</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Supporters</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Supports</code></td><td><code>List of</code> <a href="#supports"><code>Supporterses</code></a></td><td>Stores the supporters data type.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#type"><code>Type</code></a></td><td>Stores the type option set.</td><td></td></tr><tr><td><code>url</code></td><td><code>text</code></td><td>Stores the user link.</td><td></td></tr></tbody></table>

***

## Option sets

### Category

* Music
* Sports
* Art
* Content
* Design
* Finance
* News
* Programming

### Country

* USA
* Mexico
* Russia
* Moldova
* Romania
* Germany
* Ukraine
* Norway

### Currency

* United States Dollar
* Australian Dollar
* New Zealand Dollar
* Canadian Dollar
* Euro
* Great Britain Pound

### Privacy

* Public
* Supporters

### Tab

* Home

### Type

* Video Creators
* Writers
* Musicians
* Podcasters
* Artists
* Developer
* Nonprofit

### User Role

* Creator
* User

***

<div align="left"><figure><img src="/files/FWlRXstCc6xNIGrX5Eqb" alt="" width="188"><figcaption></figcaption></figure></div>

The template is sold as is, although additional modifications can be discussed. Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas – <http://eazycode.com/>

**Hire us:**

<img src="/files/4KPeHfCmX2d7zpd83cXF" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="/files/h0wwtUMwvDod7FamBfIq" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="/files/67Q41mFR1z6nYwKvqJeJ" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="/files/6MUa0InxwRzMoVStCu5q" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="/files/IUseXDC1i7zfvZcQgctx" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="/files/0dMeGeMKCjKSGW3RBP6P" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>


---

# 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://docs.eazycode.com/ezcode-documentation/templates/ez-buy-me-a-coffee-donations.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.