One of our e-commerce client (OFLARA) who sells high-quality crystal jewelry online approached us with an idea to implement a product recommendation section to upsell on Add to Cart popup. This recommendation section enabled their customer to easily add more products to cart; therefore helped increase revenue for our client.

Below is the step-by-step guide on how we implemented this recommendation section.

Step 1: Getting the product catalog (Excel, CSV)
We received an excel file containing the list of recommended products. We opened the excel file as a CSV file, so we can easily convert the data to a JSON object which can be easily returned over the API call.

Step 2: Convert CSV to JSON
To convert the CSV into JSON we used http://www.convertcsv.com/csv-to-json.htm

Step 3:
Now we can call the API and get the recommendation results in JSON format. We then display the recommended products on the pop-up overlay. We created the API using Amazon Serverless. Below are the steps on how we implemented Serverless:


Install serverless

– npm install -g serverless

Install aws-cli
http://docs.aws.amazon.com/cli/latest/userguide/installing.html (based on OS)

Configure aws with aws credentials
– run: aws configure (it’ll ask credentials access key id and access secret key)

To create a new serverless
Please follow the steps mentioned here (https://serverless.com/framework/docs/providers/aws/cli-reference/create/)

To deploy
– go to the folder you want to deploy with serverless
– run: serverless deploy


Below is the function to create the endpoint which processes the request and returns the results in JSON format.

The website is built on Shopify so we made sure to use Shopify’s API to send Add to Cart request.

We completed this test within 10 hrs including QA and bugfixes. Hope you will find it useful if you want to implement a similar recommendation section on your website.

Results:

We ran the test for 30 days and we noticed that there was a significant improvement in the overall revenue. Below are the result screens

Google Optimize Experiment Sessions


Google Optimize Improvement Overview


Google Optimize Conversion Rate Over Time

After seeing the result the client was happy and made us run the test to show to 100% of the traffic. This test is still live and if want to see how its working you can follow the below steps:

Go to www.oflara.com

Oflara home page

Hover on any jewelry item and you will see “Add to Cart” button just click on that which will open a pop-up like the below:

Oflara product add to cart

Now, on Add to Cart pop-up we can see the products under “You might also like” heading

Oflara Add to cart popup

Let’s Get In Touch!

Are you looking for an expert team to handle your testing needs?

Give us a call or send us an email we will get back to you as soon as possible!

Email: info@brillmark.com
Phone: +1(510) 940-4106