CodeFree - Dashboard Template

About this Template

Introduction

Online sales remain the key to growth, and with the right tools, it's easy for any small business to quicklyΒ start selling online.
Our Marketplace Dashboard template is an admin dashboard for a marketplace or any other multi-vendor app.
Every marketplace is different, but they all have a seller (supply) and buyer (demand) side and act as an intermediary to bring them together.
Our no-code template is a great solution for small or medium businesses, especially for those selling online or just exploring to expandΒ their commerce business online
As the platform owner, you have complete control over what kinds of products you'll accept on your marketplace.
It’s a great solution for retailers of every sort and size. The template is fully customizable and can be used as a part of a bigger app.

Features

  • Responsive design (made on the new Bubble responsive engine)
  • Login/Signup
  • Search
  • Graphs
  • User management
  • Accepting/rejecting items
  • Orders management

USER TYPES DESCRIPTION:

Admin:

  • Viewing the general stats: total sales, total orders, total refunded
  • Viewing transactions history
  • Viewing top products
  • Listing new products for sale
  • Accepting/rejecting the products
  • Keeping track of users
  • Keeping track of orders
  • Marking orders as shipped
  • Can keep track of all the orders/payments

Video Overview

Demo

βœ…
Live demo! Give it a try here: https://codefreestartup-dashboard.bubbleapps.io/ 🀩

Ready to move further?

πŸ’‘
Tip: Find out more on how to work with a template on Bubble here:

Setup Guide

Once you have bought or added a template to your account, you will see a dropdown in the New Application popup that lets you pick a template as the basis for the new application.
☝
Note: This can only be done when you create a new app.
Image without caption
After selecting a template you’ve bought, please complete the other fields with the necessary data (i.e: Name of the new app, What kind of application you are building, etc) and press Create a new app.
πŸ’‘
Tip: A template isn't a theme for your app, but a pre-built set of elements and workflows. You can modify the template as you would modify another app.
Wait for Bubble to load the application with all the data.
Image without caption
After the application has loaded, you'll see the Bubble assistant on the left side for New Application.
Image without caption
You can close it or follow the assistant steps to adjust different settings.
Image without caption

Remove Banner

This template comes with a promotional banner above the Header element. Feel free to remove it from your app.
πŸ’‘
Banner: See the instructions on how to remove the Rapid Dev Banner in your template.

API Connector

This template is using API Connector to get data about our other templates, which are displayed in a repeating group on the index page.
To remove it from the template, remove:
  • the related API call:
Image without caption
  • Group Templates element from the index page:
Image without caption
  • delete the workflow that starts β€œWhen page is loaded”:
Image without caption

Things to Note

☝
Note: In case you would like to use it as part of a more complex app, for proper functioning, please be sure to create all relevant data types within your application database before copying the template, and add the required plugins. For reference, use the Data Types and Setup Guide sections.
πŸ”–
We've answered questions about templates here: https://docs.rapidevelopers.com/general-faqs πŸ‘€
πŸ‘‰
If you didn't find the answer yet, contact us by sending a mail to: support@rapidevelopers.com
☝
Want to report a bug? Please follow this guideline!

Hidden Design Elements

πŸ’‘
Tip: Initially, on some pages, design elements in Bubble Editor might be hidden.
Here is an example of how to unhide πŸ‘€ them:
Image without caption

Pages Overview

index

This is the main page of the template, where all dashboard features are available.
It comes with 5 tabs:
  • Overview - here, the user can find app stats: Total sales, Total orders, Total refunded, Purchases Stats Graph, Transaction history & Top Products.
  • Users - here, the admin user can view/add new and delete existing users, both sellers and buyers.
  • Orders - here, the admin user can see the list of orders, and change the order status (paid, shipped, refunded, canceled). Also, he can mark an order as shipped.
  • All products - here, the admin user can add new products and see the list of the products already added, as well as see information on each product.
  • Products confirmation - here, the admin user can reject or approve products added to the platform by sellers.
Image without caption
☝
Note: Switching between tabs works by changing elements’ custom states.
Image without caption

reset_pw

This page is for resetting the password.
Image without caption

404

This is a page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.
Image without caption

Data Types

Company

This data type is used to store information about companies.
Field Name
Type
Notes
name
text
Stores the company's name.

Order

This data type is used to store information about orders.
Field Name
Type
Notes
address
text
Stores the address indicated in the order.
amount
number
Stores the order amount.
commission
number
Stores the order commission.
customer
User
Stores the order beneficiary.
method
CardList (OS)
Stores the payment method.
order_id
text
Stores the order ID.
products
List of Productses
Stores the list of products in order.
status
OrderStatus (OS)
Stores the order status

Products

This data type stores information about products.
Field Name
Type
Notes
approved
ProductStatus (OS)
Stores the product status. Default value - In review.
code
text
Stores the product code. Default value - 3356821919-FE
creator
User
Stores the product creator.
description
text
Stores the product description.
images
List of images
Stores the list of product pictures
name
text
Stores the product name.
price
number
Stores the product price.
sales
number
This field contains the number of sales. Default value - 0
type
ProductType (OS)
This field contains the product type.

Purchase

This data type stores information about purchases.
Field Name
Type
Notes
amount
number
Stores the purchase amount.
date
date
Stores the purchase date

User

This data type stores user-related information.
Field Name
Type
Notes
admin
yes / no
Stores the user status - admin or not. Default value - no.
company
Company
Stores the company attributed to user.
firstName
text
This field contains the user's first name
lastName
text
This field contains the user's last name
orders
List of Orders
This field contains a list of the user's orders
ordersCount
number
this field contains the user's orders in number format
products
List of Productses
This field contains a list of the user's products
productsCount
number
this field contains the user's products in number format
profilePhoto
number
This field contains the user's avatar
role
UserRole (OS)
This field contains the user's role
πŸ’‘
Tip: The User data type has the following fields: email, Modified Date, Created Date, and Slug. These fields' values can be used in workflows, conditional formatting, etc. To learn more, see the Bubble manual
☝
Note: The data type has a privacy rule applied. See the πŸ’¬ in the database under the privacy section for details.

Variables

This section contains access settings.
Field Name
Type
Notes
access
yes / no
This field shows the template access status.

Option Sets

πŸ’‘
Tip: Option sets define a static list of choices for use in dropdowns, pop-ups, etc. Options inside the sets have at least a text display, but they can have additional attributes defined in the Data tab. To learn more, see Bubble Manual.
Below you can find the list of option set attributes and options.

CardList (OS)

This field holds all the options available for payment services.
Attribute
Type
Notes
image
image
Sets the type of option set display.
The options for this set are:
Option
Notes
Stripe
Stores the payment option.
PayPal
Stores the payment option.

OrderStatus (OS)

This field holds all the options available for order status.
Attribute
Type
Notes
color
text
Sets the option's color.
image
image
Sets the option's image.
The options for this set are:
Option
Types
All
Shows all options.
paid
Shows the paid orders option.
canceled
Shows the canceled orders option.
refunded
Stores the refunded orders option.
shipped
Stores the shipped orders option.

ProductStatus (OS)

This field holds all the options available for product status.
Attribute
Type
Notes
color
text
Sets the product status color.
descending
yes / no
Sets the product status sorting.
The options for this set are:
Option
Types
In review
Stores the β€œIn review” option.
Approved
Stores the β€œApproved” option.
Rejected
Stores the β€œRejected” option.

ProductType (OS)

This field holds all the options available for product types. It comes with the default "Display" attribute.
The options for this set are:
Option
Types
All
Shows all options.
Electronics
Shows the electronics product type.
Hobby
Shows the hobby product type.
Beauty
Shows the beauty product type.
Furniture
Shows the furniture product type.

SortBuyers (OS)

This field holds all the options available for buyers sorting. It comes with the default "Display" attribute.
The only option for this set is:
Option
Notes
Products
This option display buyers by products.

Sorting SalesProducts (OS)

This field holds all the options available for sales products sorting.
Attribute
Type
Notes
Descending
yes / no
Sets the descending sorting order.
Field Name
text
Sets the sorting on field name.
The options for this set are:
Option
Types
Sort by sales (from)
This option sorts the products by sales, from
Sort by sales (to)
This option sorts the products by sales, to

Sorting UserOrders (OS)

This field holds all the options available for sorting user orders.
Attribute
Type
Notes
Descending
yes / no
Sets the descending sorting order.
Field Name
text
Sets the sorting on field name.
The options for this set are:
Option
Types
Sort by orders (from)
This option sorts the products by orders, from
Sort by orders (to)
This option sorts the products by orders, to

Sorting UserProduct (OS)

This field holds all the options available for sorting user orders.
Attribute
Type
Notes
Descending
yes / no
Sets the descending sorting order.
Field Name
text
Sets the sorting on field name.
The options for this set are:
Option
Types
Sort by products (from)
This option sorts the products, from
Sort by products (to)
This option sorts the products, to

UserRole (OS)

This field holds all the options available for user roles. It comes with the default "Display" attribute.
The options for this set are:
Option
Types
Seller
Sorts the users by seller type.
Buyer
Sorts the users by buyer type.
πŸ’‘
Tip: To find the pages where the option sets are used, use theΒ App Search ToolΒ within the editor.

Release Notes

14 October 2022

❕
UPDATE NOTE: This template received a complete overhaul of design as well as functionality. Most of the known bugs and issues have been fixed and new features added.
  • πŸ”„ Template's design was reworked and updated to the new Bubble Responsive Engine
  • πŸŽ‰ New template documentation
  • πŸ”§ Added "Setup Guide" section
  • ❔ Added "FAQs" section
  • βœ… Added "Release Notes" section
  • 🎬 Added "Video Overview" section
☝
Note: Template updates don’t apply to the apps which were built on the template prior to updates becoming available.
πŸ’‘
Tip: To check changes in workflows and design after the release update, you can create a new block copy and compare the settings (design/workflow) of the new copy and the app you have. So you don't have to "move" your customizations from your already edited template to the new block copy.

Ready to move further?

Enhance your app with powerful plugins

βœ…
πŸ”Œ Rapid Dev Plugins: add Superpowers to your App

Boost your Bubble skills within our Lab

βœ…
πŸŽ“ Rapid Dev Labs: no-code Courses and Tutorials