Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
⚠️ Warning ⚠️
Official extension
Version: 0.0.4
Latest version: 0.0.4

This is a fork of the vtex.admin-customers to keep the integration with B2B Suite

Customers Admin

A VTEX admin app that helps the management of your customer data. This application allows the user to create, edit and search for customers. It's an alternative for MasterData when it comes to managing the documents from CL entity.

The vtex.admin-customers-graphql is a dependence of this application. Its responsibility is to group all the GraphQL queries and mutations that are needed to manage data from MasterData.

🚀 Installation

Using VTEX IO Toobelt log into the VTEX account you are working on and install the latest version:


_10
vtex install vtex.b2b-admin-customers

If everything went well, you can find the app by acessing Admin > Customers > Customers or acessing the URL /admin/customers

✅ Features

The list below presents every feature of this application, where the ones that are checked are already implemented. The features that are yet to come are unchecked.

Please, whenever a new feature from the list below is implemented, mind marking the checkbox and create a feature demo.

🎥 Demonstration

Listing

{"base64":"  ","img":{"width":1912,"height":935,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":3299212,"url":"https://user-images.githubusercontent.com/17439470/127700770-fedd9c66-5112-4bc7-9f85-c43117e8c355.gif"}}

Memorize visibility fields

The visibility fields is a feature to toggle visibility of table columns.

Here we have an additional feature that saves the preferred column visibility configuration of the end user, maintaining your configurations even after a page refresh and future visits to this page.

{"base64":"  ","img":{"width":1912,"height":937,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":1358706,"url":"https://user-images.githubusercontent.com/17439470/127700866-92656fe0-1f8a-4b4d-8e3c-2d4a2a736778.gif"}}

Filters

With these filters it is possible refine your search. You can filter by: E-mail, First Name, Last Name, Document ID, Document or Receive Newsletter.

Every filter has conditionals for you to choose from, it could be equal, not equal or contains.

filters 1filters 2
Creation

{"base64":"  ","img":{"width":1903,"height":931,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":2315179,"url":"https://user-images.githubusercontent.com/17439470/127700937-27bde86b-7825-4a75-b32a-20bae727f41a.gif"}}

Details view detail
Edition

{"base64":"  ","img":{"width":1912,"height":932,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":913163,"url":"https://user-images.githubusercontent.com/17439470/127700969-7b58c9f9-cb65-4fd3-b605-739e9576f020.gif"}}

☕ Developing

  1. Clone this repo git clone https://github.com/vtex/admin-customers

  2. yarn --cwd react/ for code completion

  3. vtex link

  4. Navigate to workspace--account.myvtex.com/admin/app/example

See also
VTEX App Store
VTEX IO Apps