Plugins
Templates
Template Setup Guides

Coffee - Donations like Ko-Fi Template

Template page link: https://zeroqode.com/template/coffee---donations-like-kofi-template-1593079167363x846633620197712800

Introduction

Coffee - Donations like Ko-Fi is a no-code template that allows anyone to setup a page and receive one-time donations from their fans. Get a free Coffee Page and accept payments with a 'buy me a coffee' button. Create your own Ko-Fi application with this stylish and responsive template which comes with integrated payment system, notifications, user dashboard and more.

Features

  • Responsive Design

  • Stripe Payments

  • Notifications

  • User dashboard

  • Admin Panel

Data Structure

Data structure contains database related information about data types, fields and dependencies.

Data type

Field

Type

List?

Notes

Comment

body

text

No

Text content of the comment.

post

Post

No

Post to which this comment is left for.

Goal

%

number

No

% goal completed.

Amount

number

No

The goal amount of $.

Completed

number

No

Status of the goal.

Description

text

No

The description of the goal.

Progress

number

No

$ collected for this goal.

Title

text

No

The title of the goal.

Like

Post

Post

No

Is used to track which post has been liked.

Notification

Payment

Payment

No

If a user will make a payment this filed will be insert with its payment id.

Post

Post

If a user will make like or comment a post this filed will be insert with its post id.

Read

Boolean

Notification status.

Type

text

There are 4 types of notifications: coffees, comment, like, follow.

Payment

Amount($)

number

No

Received/Given amount of $.

Beneficiery

User

User who receive the payment.

Charge_id

text

Comment

text

Message(public or private) left by user who donate.

Nr_coffees_sum

number

Is used to track how many coffees does this payee made for this beneficiary, in order to show top supporters.

Nr_of_coffees

number

How many coffees where donated for a transaction.

Payee

User

The user who donated.

Show

Boolean

Is used to track who are those 5 top supporters for a specific user.

Visibility

text

This field shows if the message is public or private

Post

Comments

List of Comments

Yes

List of comments left by users for this post.

Description

text

No

Post description.

Image

image

Post picture uploaded from a device.

Likes

List of Likes

Yes

List of likes.

Review

Message

text

No

Message left by users.

Rate

number

How many stars have this review.

User

About_you

text

No

Short description about yourself.

Accept_payments

Boolean

Payments status(can be managed from settings – payment)

Admin

Boolean

If yes – it sets the users as an admin.

Auto_thank_you

text

The message which will appear after somebody give you a payment.

Avatar

image

Your profile picture.

Coffee_counter

Boolean

It shows/hides coffee counter widget from public profile.

Coffee_price

number

The price of one coffee.

Cover

image

Cover picture.

Default_card_id

text

The id of your default card.

First_name

text

First name

Followed by

List of Users

Yes

Accounts which are following you.

Following

List of Users

Yes

Accounts which you are following.

Goal

List of Goals

Yes

Your list of goals.

Last_name

text

No

Last name

Notifications

List of Notifications

Yes

Your full list of notifications.

Payments_given

List of Payments

Yes

Payments id of the ones you have made.

Payments_received

List of Payments

Payments id of the ones you have received.

Posts

List of Posts

List of your posts.

Read_goals_alert

Boolean

No

This field shows if the alert from goal section was read or not.

Reviewed

Boolean

This field shows if the user has already left his review or not.

Seller_id

text

The Stripe seller id, where your received payments will go.

Tags

List of Tags

Yes

List of your interests.

Top_supporters

Boolean

No

It shows/hides top supporters widget from public profile.

Username

text

Your unique username.

Visits

List of Visits

Yes

The list of your profile visits.

Website

text

No

It stores your website address.

Your_message

text

The message left when you donate.

Visit

Visited_user

user

The user’s id who has been visited by someone.

Page description

Pages description lists pages of the web application whilst describing the purpose of the page.

Page Title

States

Element

Notes

index

This is the first page of the template. The login and signup forms are here. Also you can check if the username you want to use is already taken or not. You can login by filling your personal info or with demo login for customer or admin.

admin

In users tab you can see all user with their personal info as avatar, name, email.

Also here you can delete users.

In user pages tab you can see all user pages in grid form with possibility going to respective public page when clicking on View Page.

In statistic tab you can see:

- Graphs for users, quantity registered per month and year.

- Graphs for Goals, quantity of completed goals per month and year

Manage tab: Admin has the possibility to add/remove/edit reviews

edit_mode

number

Is used to detect when to switch input from unclickable to clickable.

menu

number

Stores the menu tab value.

period

text

Stores the period of stats for user created accounts.

tags

List of Tags

Stores the tag by which to filter the users.

user_page

This page is like your dashboard, you can view your profile visits. In settings you can edit your profile and also connect to Stripe account and add multiple cards.

In explore tab you can find new accounts by tags. Received and Given tab is for managing your payments and payouts. And in following tab user sees posts from people he follows.

menu

number

Stores the menu tab value.

menu_follow

number

Stores the following menu tab value.

menu_given

number

Stores the received/given menu tab value.

settings_menu

number

Stores the settings menu tab value.

tags

List of Tags

Stores the tag by which to filter the users.

404

When a page with your domain doesn’t exist, this page will appear.

about

An additional page which complete the index page and is designed to tell more about your company and service.

public_profile

This is your profile page which you can share with others and which anyone has access to it. There are 2 tabs: Page where are your general information and where you can receive payments. From settings you can manage 2 widgets: nr of coffees received and top supporters. And the second tab: Posts where you can post images with description and where your fans can like or comment them, also here is a gallery which is generated automatic based on pictures from your posts.

button_color

text

edit_mode

goal_tab

number

Stores the goal menu tab value.

menu_profile

number

Stores the menu tab value(Page/Posts)

progress

number

Stores the progress of the last goal.

reset_pw

It allows you to reset the password, but only through the link received on email.

Reusable Elements

Reusable elements description provides information details about reusable elements inside the application.

Reusable Element

States

Type

Notes

Footer

Default Footer

Header User Logged Out

Header User Logged In

coffee_quantity

number

Default value: 1.

Signup/Login Popup

mode

text

Stores the value of forms mode: login or signup.

username

text

Stores username value entered on index page.

Things to Note

Payments

This template uses Stripe Payment Plugin To setup your stripe account, go to stripe.com, create an account. You will be allowed to access your dashboard once you have successfully verified your email address and activated your account.

- Click on Developers and then, API keys, copy your API keys. Ensure to use a live API key when your template goes live - Paste the API keys in the stripe settings tab of the plugin.

See general documentation on how to set Stripe Payments in Bubble App

Template Security

For security purposes the template has limited rights for demo users. It means that you will not be able to use the admin features at full until you will not buy this template and enable the functionalities.

Below you could see the popup which appears for locked features:

In order to remove the locking, simply delete this popup from dashboard page.

Blocking Pop-up Element

Demo to preview the template