Skip to content

Headless front-end for ecommerce B2B supporting different platforms and open source components

License

Notifications You must be signed in to change notification settings

orienteed/b2bstore

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


B2B Store, the fork of PWA Studio

Table of Contents


📢 What is B2B Store?

The B2B Headless Frontend for your ecommerce... Boost your B2B customer journey and performances using a modern, high featured, open source ecommerce platform based on leaders solutions like Magento Open Source and PWA Studio (React frontend).

With our customized solution we make it possible for manufacturers to add value to their distribution chain. Our value proposition is based on a platform with the functionalities of a B2B, adapted to your needs, and that will allow you to go to market in record time.

If you are interested to have our solution as a FEaaS (Frontend as a Service), please contact us

🚀 Feel free to use our demo: https://demo.b2bstore.io/ 🚀


🛒 Supported Platforms


Magento


Stay tuned!


🔧 Supported Services


Zammad


Moodle


Amazon Connect

⭐ B2B Store features

Quick recap of the main features natively offered by B2BStore and strongly suggested for any B2B channel

  • Access by Login / credentials
  • Quote (Offers) and Request for Quote
  • Multiple Saved Carts
  • One click re-order
  • Order incidence (CSR)
  • Quick cart with CSV cart import
  • Cart edit adding header/image & updating prices with PDF print option
  • Product and List pages specialised for B2B
  • Sales agents organization & access to the dashboard of their customers
  • Assignment of a customer to a specific agent
  • Buy on behalf
  • Checkout personalizations adapted for external platforms (ERP)
  • Use of external client number (CRM)
  • Advanced pricing based on lists
  • Search and add to cart from autosuggestions
  • Mega Menu

📸 Screenshoots

The following screenshots are taken from the demo site: https://demo.b2bstore.io/

Take a look at some screenshots of B2B Store:


PLP - Product List Page
PDP - Product Detail Page
Cart
Checkout
CSR - Zammad Integration
LMS - Moodle Integration
Compare Products
Address Book
Quick Order
Favorites

✅ Requirements

The only requirements are to have installed Docker and docker-compose. If you don't have them installed, you can follow the Docker installation guide and the Docker Compose installation guide.


⚙️ Installation

To install B2B Store you need to follow these steps:

  1. Clone the repository with:
git clone https://github.com/orienteed/b2bstore.git
  1. Copy the .env.example file to .env.
  2. Fill .env file with the required data.
  3. Run the following command to start the container:
docker-compose up -d
  1. Execute the following command to enter the container:
docker exec -it b2bstore bash
  1. Inside the container, execute the following command to install the dependencies and start B2B Store (development mode):
yarn; yarn watch:all
  1. Now your B2B Store is running, you can see it in the following URL: http://localhost:10000

🛠️ Integrations

B2B Store can be integrated with multiple ecommerce platforms and services. You can find the list the instructions to integrate B2B Store with the supported platforms in the following sections:


Magento integration (Ecommerce Platform)

Magento is an open source ecommerce platform who can be used to create your online store. You can find more information about Magento in the following link: https://magento.com/

To integrate B2B Store with y Magento, you have two options:

  • 🌟AMI (recommended): Use our AMI (Amazon Machine Image) to install all the required software in your server. You can find the the AMI in Amazon Marketplace

  • Magento 2: You can use the Magento 2.4.2 version to integrate B2B Store with Magento. You can find the instructions to install Magento 2 in the following link. Once you have Magento installed, you need to install some extenssion (we will specify soon)


Zammad integration (Ticketing System)

Zammad is an open source web-based helpdesk/customer support system who can be used to manage your customer support. You can find more information about Zammad in the following link: https://zammad.com/en

To integrate B2B Store with Zammad you need to use a Zammad Gateway, an open source project developed by Orienteed to integrate B2B Store with Zammad without any code modification. You can find Zammad Gateway in the following repository: zammad-gateway

Follow the Zammad Gateway README instructions to install and configure the gateway. Once you have the gateway running, you need to configure the following variables in the .env file:

  • ZAMMAD_GATEWAY_URL: URL of the Zammad Gateway

Moodle integration (Learning Management System)

Moodle is an open source learning platform designed to provide educators, administrators and learners with a single robust, secure and integrated system to create personalised learning environments. You can find more information about Moodle in the following link: https://moodle.org/

To integrate B2B Store with Moodle you need to use a Moodle Gateway, an open source project developed by Orienteed to integrate B2B Store with Moodle without any code modification. You can find Moodle Gateway in the following repository: moodle-gateway

Follow the Moodel Gaateway README instructions to install and configure the gateway. Once you have the gateway running, you need to configure the following variables in the .env file:

  • MOODLE_GATEWAY_URL: URL of the Moodle Gateway

Amazon Connect integration (Chatbot)

Amazon Connect is a cloud-based contact center service that makes it easy to set up and manage a customer contact center and provide reliable customer engagement at any scale. We use Amazon Connect to provide a chatbot to our customers. You can find more information about Amazon Connect in the following link: https://aws.amazon.com/connect/

The chatbot is an open source project developed by Orienteed, developed with Amazon Connect and Amazon Lex. If you want to use the chatbot, is neccesary to have an AWS account. Follow the README instructions that you can find in the following repository: b2bstore-chatbot

To use the chatbot, you need to modify the SupportPage.js file in the following path: app/packages/venia-ui/lib/components/Csr/SupportPage/SupportPage.js. You need to replace the code related to the chatbot with your own code.


🙌🏼 How to contribute

To contribute to this project, you can do it in the following ways:

  • Reporting bugs.
  • Suggesting enhancements.
  • Opening pull requests.

If you want to know more, please contact us


Developed by

About

Headless front-end for ecommerce B2B supporting different platforms and open source components

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 87.7%
  • CSS 12.0%
  • Other 0.3%