Plugins
Templates
Coffee - Donations like Ko-Fi Template

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 Structures

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.

Pages

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.
Payments: See general documentation on how to set Stripe Payments in Bubble App.

🔐
Admin Rights

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:
Admin: Blocking Pop-up Element
In order to grant the admin rights, follow the instructions below:
1. Go to Data -> App data -> All Users tab.
2. Select any user you want to grant the admin rights to, and click the
icon to edit the database entry.
3. Set the Admin field to yes:
Admin: Grant the admin rights
Note: Remember to hit the SAVE button.
Congrats! You have successfully granted the admin rights. Now you can use all the admin page and its features as an admin user.

Demo to preview the template

Last modified 3mo ago