Back to Top

Guide for Laravel Ecommerce Order Checkout AI Message

Updated 28 September 2023

Laravel Order Checkout AI Message displays personalized checkout messages in real-time. When the customers place an order, they will receive an auto-generated message with their Order ID on the checkout page.

This extension uses two modules, which are – the AI Checkout Message Module and the Langchain Node Module. Langchain simplifies invoking the OpenAI API using a Langchain and retrieves custom order success messages to shoppers.

Features

  • Laravel Order Checkout AI Message uses the Langchain framework. 
  • OpenAI large language model generates AI content for checkout.
  • Every customer will get a personalized unique order success message.

Langchain Configuration

This custom checkout is built on the Langchain framework and uses an openAI key to generate custom messages.

Admin needs to set up an open API key in the .env file.

OPENAI_API_KEY=

Note: Create a .env file in the root directory, copy everything from the .env.example, and paste it into the .env file.

Start your headless eCommerce
now.
Find out More

Installation

Run the following command to install the npm dependencies

npm i

Run the following command in your terminal to run the node js server

npm run dev
Laravel Ecommerce Order Checkout AI Message - Langchain installation

API Documentation for Checkout

The server’s response to this POST request will depend on how the server is configured to handle the custom checkout message. It returns an auto-generated order checkout message and performs on the provided data.

POST /api/custom-checkout-message

Installation – Bagisto

For the Installation of Bagisto, you can follow the Link.

Installation – Extension

After the Bagisto installation, we need to configure all the necessary information for Langchain AI to establish the Vector Storage. Once this configuration is complete, proceed with the installation process outlined below:

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

Configuration  - Laravel Ecommerce Order Checkout AI Message

Go to the config/app.php file and add the following line under ‘providers’

ssssssssssssssss

Go to the composer.json file and add the following line under psr-4.

Composer-json-file

Initial Admin Configuration

To configure the module, the admin will navigate through shipping > configuration > AI Checkout. Please refer to the below image for a better understanding.

admin configuration for AI checkout

Here, the admin can –

  • Enable and disable the status for the store. 
  • Enter the web address in the API URL where the module will communicate with another service and provide the OpenAI API key which allows the module to connect and communicate with the OpenAI service.

Note – API URL – here the server details and port number will be added followed by “:” and this will be generated via Langchain command npm run dev.

To manage the store, the admin will enter the following details. To do so, the admin will navigate through shipping > configuration > sales as per the below screenshots.

admin configuration to manage the store

Storefront Workflow

The Customers will select the product/products at the store and further proceed to checkout.

checkout page

The customer entering all the details on the checkout page customer will click on the place order button as shown in the above image.

After placing the order, the customer will get an auto-generated AI order message with the order ID on the checkout page as shown in the below snapshots.

Laravel Ecommerce Order Checkout AI Message

Note: You can also create AI-driven content for your website pages with the help of Bagisto AI content generator.

Support

That’s all about the “Laravel Order Checkout AI Message“. However, If you have any queries regarding the plugin, please contact us at Webkul Support System. You may also check our quality Bagisto Extensions.

Current Product Version - V1.5.1

Supported Framework Version - Bagisto v1.5.x

. . .

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