Back to Top

Guide for Bagisto Complete AI Suite

Updated 20 June 2024

Bagisto Complete AI Suite extension supplements the current Magic AI packages, enabling support for both local LLM and the OpenAI API and ChromaDB for storing embeddings.

It offers Semantic Search, Image Search, Chatbot functionalities, Image Background Removal, and NLP to SQL capabilities, facilitating the generation of sales reports.

With this module, the admin leverages cutting-edge AI technology for content generation, image generation, and chatbot functionalities.

Additionally, if you want to place orders using your WhatsApp messenger and get order-related notifications on the same, you can check Bagisto WhatsApp Chatbot & Order Notification.

Features

  • It offers a Chatbot on the store pages.
  • Allow customers to search products through semantic search.
  • Admin can generate product content through AI.
  • Product images can be generated through AI.
  • Support NLP to SQL for sales reporting.
  • Customers can translate the reviews into English.
  • Admin can also remove the product image background.

Installation – Bagisto Complete AI Suite

Customers will get a zip folder after purchasing the extension.

Start your headless eCommerce
now.
Find out More

To install the Bagisto Complete AI Suite extension, follow these steps:

Step 1:

Unzip the respective extension zip and then merge “packages/Webkul” folders into project root directory.

Step 2:

Open the composer.json file and add the following line under the ‘psr-4’ section:

Webkul\\MagicAIAdvance\\": "packages/Webkul/MagicAIAdvance/src

Step 3:

In the config/app.php file, add the following line under the ‘providers’ section:

Webkul\MagicAIAdvance\Providers\MagicAIAdvanceServiceProvider::class

Step 4:

In the config/bagisto-vite.php file, add the following line under the ‘viters’ section:

magic_ai_advance' => [
    'hot_file'                 => 'magic-ai-advance-vite.hot',
    'build_directory'          => 'themes/magic-ai-advance/build',
    'package_assets_directory' => 'src/Resources/assets',
]

Step 5:

Run the following commands to complete the setup:

composer dump-autoload

php artisan vendor:publish --provider="Webkul\MagicAIAdvance\Providers\MagicAIAdvanceServiceProvider

After following these steps, the Magic AI Advance Extension should be successfully installed and ready for use in your Bagisto v2.1.2 project.

Clone the Chroma repository

To clone the Chroma repository into the HTML directory, use:

git clone https://github.com/chroma-core/chroma

You can access the above link from chroma-core as well.

Chroma: AI-native, an open-source embedding database for LLM apps.

To change to the Chroma directory, use:

cd chroma

It navigates to the “chroma” folder.

run  command 

docker-compose up -d --build
  1. Builds the Docker images.
  2. Starts the containers in detached mode.
  3. This has to be done for the first time.

Note: If the service is somehow closed on 8000 port, then run below command in chroma folder.

docker-compose up

Text embeddings for products

php artisan product:embeddings --type=products

Generates embeddings specifically for image products.

php artisan product:embeddings --type=image

Bagisto Complete AI Suite – Configuration

Please explore our Laravel Development Services and Quality Bagisto Extensions.

After successfully installing the Bagisto Complete AI Suite extension, the admin can navigate to Bagisto store>>Configure>>Magic AI.

bagisto configuration

In the Magic AI section, the admin will configure the Magic AI configuration.

General Settings

Bagisto Magic AI Advance setting

Here, the admin will:

  • Enable the module.
  • Enters the API key.
  • Enter the Organization name.
  • Enter the LLM API Domain.

Content Generation

This feature will enable the Magic AI for every WYSIWYG editor, where you want to manage content using AI.

content generation

Here the admin will:

  • Enable content generation.
  • Enter the prompt for Short Description and Long Description.
  • Also, write the prompt for the Category Description and CMS pages.

Other Configuration

image generation

Image Generation

This feature will enable the Magic AI for every image upload, where you want to generate images using DALL-E.

In the Image Generation, the admin will:

  • Enable the Image Generation.

Review Translation

Provide an option to customers or visitors to translate customer reviews into English.

When enabled, go to review and you will find the button ‘Translate to English’ if the review is other than English.

In the Review Translation, the admin will:

  • Enable the Review Translation.
  • Select the AI model.

Personalized Checkout Message

Craft a personalized checkout message for customers on the Thank-You page, tailoring the content to resonate with individual preferences and enhancing the overall post-purchase experience.

In the Personalized Checkout Message, the admin will:

  • Enable the Personalized Checkout Message.
  • Select the AI model.
  • Enters the Prompt.

Chroma DB

Configure the settings for the Chroma DB for storing the embeddings.

In Chroma DB, the admin will:

  • API Host – Enter the API Host.
  • API Token – Enter the API token.
other settings

Semantic Search

Set up the configuration for the Semantic Search, ensuring compatibility with the OpenAI API and other APIs that follow a similar structure.

To facilitate the Semantic Search’s functionality, product embeddings are required to convey product information as context.

In Semantic Search the admin will:

  • Enable the Semantic Search.
  • Enter the LLM API Host.
  • Enter the LLM API Token.
  • Enter the LLM Models.

Image Search

Set up the configuration for the Image Search, which will serve as the storage mechanism for embeddings generated by Local LLM.

To facilitate the Image Search’s functionality, product image embeddings are required to search for similarity.

In Image Search, the admin will:

  • Enable Image Search.
  • Enter the LLM API Host.
  • Enter the LLM API Token.

Chatbot

Set up the configuration for the Chatbot, ensuring compatibility with the OpenAI API and other APIs that follow a similar structure.

To facilitate the Chatbot’s functionality, product embeddings are required to convey product information as context.

In the chatbot, the admin will configure:

  • Enable chatbot.
  • Enter the LLM API Host.
  • Enter the LLM API Token.
  • Documents Count Limit allows you to increase or decrease the selection as needed.
  • Enter the Prompt
  • Enter the Header Information
  • Enter the Welcome Message

Background Removal

Configure the settings for the Background Removal. The configured API will be used to remove the background from the images.

In Background removal, the admin will:

  • Enable Background Removal.
  • Enter the LLM API Host.
  • Enter the API Token.

NLP to SQL

Set up the configuration for NLP to SQL, ensuring compatibility with the OpenAI API and other APIs that follow a similar structure.

The configured API will be employed to generate SQL queries based on the searched terms.

NLP to SQL

In NLP to SQL, the admin will:

  • Enable NLP to SQL.
  • Enter the LLM API Host.
  • Enter the API Token.
  • Select the LLM Model.

After all this, the admin will save the configuration.

Magic AI Advance – Workflow

Chatbot – workflow

The Magic AI Advance provides an AI-based chatbot for customers 24x7x365. So, they can ask whatever you want at any time.

The customer will get the icon of the chatbot on the pages.

After clicking on the chatbot, they activate the bot and can process their Quries.

chatbot assistance

After that, the chatbot answers the quries and provides them with the best results.

Image Search – Workflow

The customer can search the related product by uploading the image by using the Image Search icon.

chatbot home screen

After this, the admin uploads the image and searches for the best results in the store.

image search result

Image Background Removal – Workflow

The admin can remove the background images of their product.

For that, the admin will navigate to Catalog -> Product.

bagisto product image with backgrond

Then, click on the magic icon.

After that, the background is removed from the product image.

bagisto product image with backgrond

Content Generation – Using AI Prompt

The admin can also generate content like short descriptions, long descriptions, and much more with the Bagisto Complete AI Suite extension.

For that, the admin will navigate to Catalog -> Product.

Bagisto AI magic

Here, the admin will click on the Magic AI to generate the content.

Bagisto AI magic

Now the admin will select the AI model, enter the prompt for the content, and then click on generate.

It will generate the content according to the prompt.

Bagisto AI magic

Image Generation

The admin can also generate images with the Bagisto Complete AI Suite.

The admin will navigate to Catalog -> Product -> Image section.

Bagisto AI magic

Now, click on the Magic AI Generate Image.

Then fill in the following details:

  • Enter the prompt.
  • Select the AI model.
  • Enter the number of images required.
  • Enter the size of the image.
Bagisto AI magic

Then, click on Generate. It will generate an image using Magic AI.

Review Translation

With the Bagisto Complete AI Suite, the customer can easily translate the reviews of other customers for better understanding.

On the product page, the customer can translate the reviews by tapping on the translate button.

bagisto review translation

The customers can translate the reviews in a simpler way.

NLP to SQL

Bagisto Complete AI Suite extension supports NLP to SQL to ease the process for sales reporting.

For this, the admin will navigate to reporting and in the search section, enter their requirement.

bagisto ai advance

The NLP will convert the Queries into SQL and show the result.

bagisto ai advance

Support

So, that was much about the User Guide of Bagisto Complete AI Suite extension for any queries or doubts reach out to us at [email protected]. 

You can also raise a ticket at our HelpDesk System.

Current Product Version - 2.1.2

Supported Framework Version - 2.1.2

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content