ecommerce dashboard

  2. Dashboard
  3. E-Commerce

Profit

TodayTomorrowYesterday

$20.790,00

- 12.32%

Earned this month

Ecommerce Revenue

$256,980

New Customers

654

Repeat Purchase Rate

23.64%

Average Order Value

12.56%

Top Selling (2023)

 Product Name Client name date sold Earning
user
Mi watch revolve
$726
 John Keter Jun,4 400 pcs $78.700
user
Tree stylish pot
$698
 Harry Venter Aug, 8 266 pcs $64.8450
user
Wood Chair Dark
$158
 Loadin Deo May,8 199 pcs $39.548
user
Sneakers for men
$942
 Fenter Jessy Nov,4 495 pcs $95.594

Latest Sales

 Customer Product address Total Payment Status
user
Ernest Elliott
ernest@gmail.com
Shoes
#A5647KB 		Germany $560.65 Done
Received
user
Helen Emmert
helen@gmail.com
Shirt
#NB86H2E 		Switzerland $560.65 Pending
Shipping
user
Miguel Thomas
miguel@gmail.com
Travel Bag
#UB654GH 		Argentina $956.42 Done
Received
user
Augustine Ebron
augustin@gmail.com
Cap
#BAS4567 		Canada $645.23 Pending
Shipping

Sales Analytics

TodayTomorrowYesterday

  • Pending($4,875)

  • Complete ($1,450)

Top Dealer

635 Dealer65% More Than Last Year

TodayTomorrowYesterday

Latest Sales

 Product Name ordered By Quantity Price
userMacBook Pro
 Kevin Marshal 628 $652
userApple watch
 Justion Carter 95 $954
userApple headphone
 Angelina Stathom 15 $629
userSneakers for men
 John Wick 95 $954
userI phone 14 pro
 Aron Marhal 21 $525

Conversion Rate

Year Customers Ternd Revenue
2021 51,696 10% $123K
2022 13,845 23% $23K
2023 32,456 31% $346K

  • 34,837

    Regular Customers

  • +23,684

    New Customers

<!--You can use img-* class through change the size of avatar (70/80/90/100).-->
<div class="row">
  <div class="col-xl-6 col-lg-12 col-md-6 col-sm-6"> 
    <table class="conversion-table">
      <thead> 
        <tr>
          <th> Year </th>
          <th> Customers </th>
          <th> Ternd </th>
          <th> Revenue </th>
        </tr>
      </thead>
      <tbody>  
        <tr>   
          <td> 2021 </td>
          <td> 51,696 </td>     
          <td> 10% </td>     
          <td> $123K </td>     
        </tr> 
        <tr>   
          <td> 2022 </td>
          <td> 13,845 </td>     
          <td> 23% </td>     
          <td> $23K </td>     
        </tr> 
        <tr>   
          <td> 2023 </td>
          <td> 32,456 </td>     
          <td> 31% </td>     
          <td> $346K </td>     
        </tr> 
      </tbody> 
    </table>
    <ul class="d-flex">
      <li> 
        <h2> 34,837 </h2>
        <p> Regular Customers </p>
        <button class="btn bg-light-success d-flex gap-1" >  
          <span class="bg-light-success">
            <svg>
              <use href="../assets/svg/icon-sprite.svg#arrow-up"> </use>
            </svg>      
          </span>   
            <span class="font-success f-w-600"> - 12.32% </span>  
        </button> 
      </li>   
      <li> 
        <h2> +23,684 </h2>
        <p> New Customers </p>
        <button class="btn bg-light-secondary d-flex gap-1" >  
          <span class="bg-light-secondary">
            <svg>
              <use href="../assets/svg/icon-sprite.svg#arrow-down"> </use>
            </svg>      
          </span>   
            <span class="font-secondary f-w-600"> - 12.22% </span>  
        </button> 
      </li>   
    </ul>    
  </div> 
  <div class="col-xl-6 col-md-6 col-sm-6">  
    <div id="rate-chart"> </div> 
  </div>  
</div>

Top Countries by active users

22.837

Active Users - 36.28%

  • user
    United States
    60%
  • user
    United kingdom
    50%
  • user
    Sweden
    30%
  • user
    India
    80% 
<!--You can use img-* class through change the size of avatar (70/80/90/100).-->
<div class="col-xxl-8 col-xl-100 col-md-6 col-sm-7">
  <div class="jvector-map-height" id="world-map2"> </div>  
</div>   
<div class="col-xxl-4 col-xl-100 col-md-6 col-sm-5 countries-name"> 
  <div class="user"> 
    <h3> 22.837 </h3>
    <p class="d-flex">
      <span class="me-2"> Active Users </span>  
      <span class="bg-light-success me-1"> 
          <svg>  
               <use href="../assets/svg/icon-sprite.svg#arrow-up"> </use>
          </svg>  
      </span>
      <span class="font-success">- 36.28%<> </span>
    </p>
  </div>
  <div class="countries"> 
    <ul>
      <li class="d-flex gap-2">
        <img src="../assets/images/dashboard-2/flag/1.png" alt="user"/>
        <div class="flex-grow-1">
          <h6 class="f-w-600 mb-1"> United States </h6>
          <div class="progress">
            <div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"> </div>
          </div>
        </div>
        <span> 60% </sapn>
      </li>
      <li class="d-flex gap-2">
        <img src="../assets/images/dashboard-2/flag/2.png" alt="user"/>
        <div class="flex-grow-1">
          <h6 class="f-w-600 mb-1"> United kingdom </h6>
          <div class="progress">
            <div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"> </div>
          </div>
        </div>  
        <span> 50% </sapn>
      </li>
      <li class="d-flex gap-2">
        <img src="../assets/images/dashboard-2/flag/3.png" alt="user"/>
        <div class="flex-grow-1">
          <h6 class="f-w-600 mb-1"> Sweden </h6>
          <div class="progress">
            <div class="progress-bar bg-primary" role="progressbar" style="width: 30%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"> </div>
          </div>
        </div>  
        <span> 30% </sapn>
      </li>
      <li class="d-flex gap-2">
        <img src="../assets/images/dashboard-2/flag/4.png" alt="user"/>
        <div class="flex-grow-1">
          <h6 class="f-w-600 mb-1"> India </h6>
          <div class="progress">
            <div class="progress-bar bg-primary" role="progressbar" style="width: 80%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"> </div>
          </div>
        </div>  
        <span> 80% </sapn>
      </li>
    </ul>
  </div>
</div>