# Ez Ecommerce CRM

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FlwZ4w9ygSCJoXVO6Z1pF%2Fimage.png?alt=media&#x26;token=b3a25d95-0c18-43b1-9f92-e9ddb00de65f" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-ecommerce-crm-1580227652012x286380519824556030)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-ecommerce-crm-1692021501547x520020749508117500)

&#x20;      [**Preview Link** ](https://ez-code-landing.bubbleapps.io/)

***

## Photos

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

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FoRG6FCjOW0i1Ep8ei5rc%2Fimage.png?alt=media&#x26;token=8cb6cd44-6992-47d5-b0d0-741ab458d0b1" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F1MzwZl0ET1FiRR3yZ5WC%2Fimage.png?alt=media&#x26;token=9de9503e-6616-41da-afca-9a9635a1508e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FKwd9y56vDFfuJD8OeOZd%2Fimage.png?alt=media&#x26;token=590fcccb-eacf-4ed9-b2fb-6124cf8101ec" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FMrtkqHeI6nGg6I8AnEQa%2Fimage.png?alt=media&#x26;token=1f0e6214-4c7b-4d43-91f5-af047f989e0f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Ff9s4hxQP5bPMqxSLajVP%2Fimage.png?alt=media&#x26;token=3f78ba14-4259-408c-bd90-d664beceec09" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FIDKG2sCCG08GsIMH6TyA%2Fimage.png?alt=media&#x26;token=ea40b899-4d94-438b-a838-f7a0a33281d1" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FGsbiVrCkjRRkJPFiBCU1%2Fimage.png?alt=media&#x26;token=24bb1acf-7ccb-4675-a69f-ec82c9a93bc3" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Ez Ecommerce CRM is a customer relationship management tool for online trading, helping to improve customer service and increase sales.

Our template will be useful for startups and entrepreneurs to effectively start and develop their businesses in the online environment. Ez Ecommerece CRM can also be useful for small and medium-sized businesses to effectively conduct business, manage clients, and increase sales, without significant costs for IT resources and personnel.

You can integrate this template into your online store and customize it to fit its functionality.

We have collected all the necessary tools and functions for an application of this type. For example, collecting statistical data on the number of orders, income, and visits, which are displayed in graphs. Lists of clients and orders will help you structure your business. Also, thanks to the notification system, you will always be sure that you haven’t missed anything.

This template is fully responsive for all types of devices. Our team has developed this template according to all modern UX/UI design standards with an intuitive interface and pleasant colors.

The template is completely free, although additional modifications may be discussed. Feel free to contact us with any questions and we will be happy to find a solution to your idea.

***

## Features

* **Index**
* **Dashboard**
* **Lead**
* **Listings**
* **Orders**
* **Customer**

***

## 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

### index

The page introduces the application and includes an example shop. And contact information.

### buy

This is the checkout page, it has shipping details, delivery address forms, and a list of items added to the cart.

### authorization

This is Log-In / Sign-In page.

### dashboard

* **Dashboard** - This tab contains all general sales statistics.
* **Lead** - On this tab displays customer messages left on the site.
* **Listings** - List of all offered products with the possibility to add/edit/delete any item.
* **Orders** - Order tab. Orders are divided into four statuses New/In Progress/Done/Refused.
* **Customers** - Customers list, and their information.
* **Settings** - 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

### Cart

### Header

This reusable element contains desktop and mobile navigation menus for users

### Footer

This reusable element contains links to <mark style="color:green;">EazyCode</mark> similar templates.

***

## 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fa6ECFLHHyTqpr90FXSPb%2Fimage.png?alt=media&#x26;token=772855b5-5b7b-49aa-b99e-04701767624f" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FllvYT6zyLSb3QtkbzWj0%2Fimage.png?alt=media&#x26;token=65bc26ac-4a39-49ac-af76-56028f5bc333" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FctFJTDZVJYSxbjS2melb%2Fimage.png?alt=media&#x26;token=60d0a236-cca6-491b-88b6-a26f2311cc8c" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F7e8TWWOrsNOk3PttmqlN%2Fimage.png?alt=media&#x26;token=75cde6b5-e72b-4f75-a540-2507e1f92ed9" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FygcvmFN64pIlShKKlsYH%2Fimage.png?alt=media&#x26;token=767513b2-cb61-4010-be33-cd4ff5967fad" alt="" width="200"><figcaption></figcaption></figure>

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

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FIDdRjV71dqlcIXAsbOIV%2Fimage.png?alt=media&#x26;token=c76c2a04-b052-468b-b47c-efe04457d373" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FQEZ73m2nAW9oTEAIFhDR%2Fimage.png?alt=media&#x26;token=007881d1-774f-40e0-84f2-557e3f60caa4" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUJj9aHsMG5LM8tZCMPLF%2Fimage.png?alt=media&#x26;token=eac4b920-8f7a-464e-bb6d-f1905009ad28" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types

### Cart

This data type is used to store cart proprieties.&#x20;

<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>adminCreate</td><td><code>yse/no</code></td><td>Stores the creator status(Admin or not).</td><td></td></tr><tr><td>Cart Items</td><td><code>List of</code> <a href="#cart-item"><code>Cart Items</code></a></td><td>Stores the cart item data type.</td><td></td></tr><tr><td>Complete</td><td><code>yse/no</code></td><td>Stores the cart status.</td><td></td></tr><tr><td>Customer</td><td><a href="#customers"><code>Customer</code></a></td><td>Stores the customer datat type.</td><td></td></tr></tbody></table>

### Cart Item

This data type is used to store cart item proprieties.&#x20;

<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>product</td><td><a href="#product"><code>Product</code></a></td><td>Stores the product data type.</td><td></td></tr><tr><td>quantity</td><td><code>number</code></td><td>Stores the number of items.</td><td></td></tr></tbody></table>

### Customers

This data type is used to store customer proprieties.&#x20;

<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>address</td><td><code>geographic number</code></td><td>Stores the customer address.</td><td></td></tr><tr><td>email</td><td><code>text</code></td><td>Stores the customer email.</td><td></td></tr><tr><td>fromForm</td><td><code>yse/no</code></td><td>Stores the customer registered from website or third party link.</td><td></td></tr><tr><td>ID</td><td><code>text</code></td><td>Stores the customer ID.</td><td></td></tr><tr><td>message</td><td><code>text</code></td><td>Stores the customer message.</td><td></td></tr><tr><td>name</td><td><code>text</code></td><td>Stores the customer name.</td><td></td></tr><tr><td>phone_number</td><td><code>text</code></td><td>Stores the customer phone number.</td><td></td></tr><tr><td>postcode</td><td><code>text</code></td><td>Stores the customer post code.</td><td></td></tr><tr><td>purchase</td><td><code>number</code></td><td>Stores the number of items.</td><td></td></tr></tbody></table>

### Order

This data type is used to store order proprieties.&#x20;

<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>Cart</td><td><a href="#cart"><code>Cart</code></a></td><td>Stores the cart data type.</td><td></td></tr><tr><td>customer</td><td><a href="#customers"><code>Customer</code></a></td><td>Stores the customer data type.</td><td></td></tr><tr><td>Order code</td><td><code>text</code></td><td>Stores the order code.</td><td></td></tr><tr><td>status</td><td><code>Order Status</code></td><td>Stores the order status.</td><td></td></tr><tr><td>total_amount</td><td><code>number</code></td><td>Stores the total price.</td><td></td></tr></tbody></table>

### Product

This data type is used to store product proprieties.&#x20;

<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>brand</td><td>text</td><td>Stores the product brand.</td><td></td></tr><tr><td>category</td><td><a href="#category"><code>Category</code></a></td><td>Stores the category data type.</td><td></td></tr><tr><td>code</td><td><code>text</code></td><td>Stores the product code.</td><td></td></tr><tr><td>description</td><td><code>text</code></td><td>Stores the product description.</td><td></td></tr><tr><td>diagonal</td><td><code>number</code></td><td>Stores the product screen diagonal(if requaried).</td><td></td></tr><tr><td>hd_resolution</td><td><code>text</code></td><td>Stores the product hd resolution(if recuaried).</td><td></td></tr><tr><td>image</td><td><code>image</code></td><td>Stores the product image.</td><td></td></tr><tr><td>name</td><td><code>text</code></td><td>Stores the product name.</td><td></td></tr><tr><td>price</td><td><code>number</code></td><td>Stores the product price.</td><td></td></tr><tr><td>quantity</td><td><code>number</code></td><td>Stores the stock balance.</td><td></td></tr><tr><td>star</td><td><code>yse/no</code></td><td>Stores the product priority.</td><td></td></tr><tr><td>type</td><td><code>text</code></td><td>Stores the product type.</td><td></td></tr><tr><td>year_of_creation</td><td><code>number</code></td><td>Stores the product year of creation. </td><td></td></tr></tbody></table>

### User

This data type is used to store user proprieties.&#x20;

<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>account_name</td><td><code>text</code></td><td>Stores the user account name.</td><td></td></tr><tr><td>address</td><td><code>text</code></td><td>Stores the user address.</td><td></td></tr><tr><td>customer</td><td><a href="#customers"><code>Customer</code></a></td><td>Stores the customer data type.</td><td></td></tr><tr><td>phone</td><td><code>text</code></td><td>Stores the user phone number.</td><td></td></tr><tr><td>photo</td><td><code>image</code></td><td>Stores the user photo.</td><td></td></tr></tbody></table>

### Category

This data type is used to store category proprieties.&#x20;

<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>name</td><td><code>text</code></td><td>Stores the category name.</td><td></td></tr></tbody></table>

***

<div align="left"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FOmA8OIR6KMcPc4Kd8oZW%2Fimage.png?alt=media&#x26;token=d8d79fa2-356b-4dd7-a687-fc59b1c965b3" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FnhRM38XquaMB7rEGRZF5%2Fimage.png?alt=media&#x26;token=94debb70-7346-48cc-8e7a-ddac3b68cc70" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUnmo0SgqtdtObJcWnXKG%2Fimage.png?alt=media&#x26;token=84a44ee4-c963-4409-ab03-5e03da5f9917" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FY27NTLRLjxmS860b2LuF%2Fimage.png?alt=media&#x26;token=de978886-fe93-45d9-9aa2-dbe633c9c900" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FJxNkIN1XL49rJ0d1PW4h%2Fimage.png?alt=media&#x26;token=6bc2d54b-741e-4327-895e-c9d256e29cfc" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FDIjJ2ERcrlmbdSWhRNBd%2Fimage.png?alt=media&#x26;token=0a8166ae-162e-4fcb-bef6-e458c760fee7" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F0K22Xx5JDxzKfhXJkmSi%2Fimage.png?alt=media&#x26;token=90af72e3-5fcc-4ea2-baf6-56525f3e1e6a" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>