Search by Algolia
Introducing new developer-friendly pricing
algolia

Introducing new developer-friendly pricing

Hey there, developers! At Algolia, we believe everyone should have the opportunity to bring a best-in-class search experience ...

Nick Vlku

VP of Product Growth

What is online visual merchandising?
e-commerce

What is online visual merchandising?

Eye-catching mannequins. Bright, colorful signage. Soothing interior design. Exquisite product displays. In short, amazing store merchandising. For shoppers in ...

Catherine Dee

Search and Discovery writer

Introducing the new Algolia no-code data connector platform
engineering

Introducing the new Algolia no-code data connector platform

Ingesting data should be easy, but all too often, it can be anything but. Data can come in many different ...

Keshia Rose

Staff Product Manager, Data Connectivity

Customer-centric site search trends
e-commerce

Customer-centric site search trends

Everyday there are new messages in the market about what technology to buy, how to position your company against the ...

Piyush Patel

Chief Strategic Business Development Officer

What is online retail merchandising? An introduction
e-commerce

What is online retail merchandising? An introduction

Done any shopping on an ecommerce website lately? If so, you know a smooth online shopper experience is not optional ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

5 considerations for Black Friday 2023 readiness
e-commerce

5 considerations for Black Friday 2023 readiness

It’s hard to imagine having to think about Black Friday less than 4 months out from the previous one ...

Piyush Patel

Chief Strategic Business Development Officer

How to increase your sales and ROI with optimized ecommerce merchandising
e-commerce

How to increase your sales and ROI with optimized ecommerce merchandising

What happens if an online shopper arrives on your ecommerce site and: Your navigation provides no obvious or helpful direction ...

Catherine Dee

Search and Discovery writer

Mobile search UX best practices, part 3: Optimizing display of search results
ux

Mobile search UX best practices, part 3: Optimizing display of search results

In part 1 of this blog-post series, we looked at app interface design obstacles in the mobile search experience ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Mobile search UX best practices, part 2: Streamlining search functionality
ux

Mobile search UX best practices, part 2: Streamlining search functionality

In part 1 of this series on mobile UX design, we talked about how designing a successful search user experience ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Mobile search UX best practices, part 1: Understanding the challenges
ux

Mobile search UX best practices, part 1: Understanding the challenges

Welcome to our three-part series on creating winning search UX design for your mobile app! This post identifies developer ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Teaching English with Zapier and Algolia
engineering

Teaching English with Zapier and Algolia

National No Code Day falls on March 11th in the United States to encourage more people to build things online ...

Alita Leite da Silva

How AI search enables ecommerce companies to boost revenue and cut costs
ai

How AI search enables ecommerce companies to boost revenue and cut costs

Consulting powerhouse McKinsey is bullish on AI. Their forecasting estimates that AI could add around 16 percent to global GDP ...

Michelle Adams

Chief Revenue Officer at Algolia

What is digital product merchandising?
e-commerce

What is digital product merchandising?

How do you sell a product when your customers can’t assess it in person: pick it up, feel what ...

Catherine Dee

Search and Discovery writer

Scaling marketplace search with AI
ai

Scaling marketplace search with AI

It is clear that for online businesses and especially for Marketplaces, content discovery can be especially challenging due to the ...

Bharat Guruprakash

Chief Product Officer

The changing face of digital merchandising
e-commerce

The changing face of digital merchandising

This 2-part feature dives into the transformational journey made by digital merchandising to drive positive ecommerce experiences. Part 1 ...

Reshma Iyer

Director of Product Marketing, Ecommerce

What’s a convolutional neural network and how is it used for image recognition in search?
ai

What’s a convolutional neural network and how is it used for image recognition in search?

A social media user is shown snapshots of people he may know based on face-recognition technology and asked if ...

Catherine Dee

Search and Discovery writer

What’s organizational knowledge and how can you make it accessible to the right people?
product

What’s organizational knowledge and how can you make it accessible to the right people?

How’s your company’s organizational knowledge holding up? In other words, if an employee were to leave, would they ...

Catherine Dee

Search and Discovery writer

Adding trending recommendations to your existing e-commerce store
engineering

Adding trending recommendations to your existing e-commerce store

Recommendations can make or break an online shopping experience. In a world full of endless choices and infinite scrolling, recommendations ...

Ashley Huynh

Looking for something?

Building Immersive Shopping Experiences: Using Algolia Search with Adobe Experience Manager and any Commerce Platform

Jan 26th 2023 ecommerce

Building Immersive Shopping Experiences: Using Algolia Search with Adobe Experience Manager and any Commerce Platform
facebookfacebooklinkedinlinkedintwittertwittermailmail

Adding Algolia to an AEM commerce experience allows retailers to make the most of their content, enrich the buying experience, and be more personalized in how they surface products to shoppers – driving higher conversion and revenue for their online stores.

In this blog, we’ll talk about why search and discovery are important to the shopping experience, and how to approach building this with the quickest time to value.

Building immersive shopping experiences

The best online retailers strive to create immersive shopping experiences using content and rich assets to complement the products they are trying to sell. What do we mean by immersive?

  • Beautiful landing pages
  • Guided customer navigation through the buying journey
  • Information to educate shoppers about products
  • Federated search-as-you-type results with dynamic facets
  • Personalized recommendations
  • Dynamic banners & contextualized promotions
  • Dialogues to gain more information about shopper intent

Many leading retailers choose to use a CMS such as Adobe Experience Manager as the front-end to create these immersive experiences. Through AEM, retailers can compose the site, manage their global sites, and bring in assets to enrich the commerce experience.

Breville is a great example of an online retailer who has combined content and products to create immersive experiences. They have been thoughtful about search and discovery as a part of that experience, even creating guided selling experiences, via an interactive quiz, that helps a shopper better understand their preferences and discover the Breville products they are most likely to enjoy.

Visit their guided experience here to see it for yourself, and maybe even find your perfect coffee machine ☕️ or juicer 🍎! 

Breville’s eCommerce site

 

Breville quiz to find the perfect juicer

Algolia, Adobe Experience Manager, and CIF

Search and Discovery are key pieces of creating an immersive eCommerce experience, which is why Algolia and Adobe partner to offer search on top of Adobe Experience Manager. Algolia’s search engine allows retailers to deliver lightning fast search on their site. Publishers are given the tools to control content & products based on relevancy, business metrics, and insights from machine learning models. With Algolia A/B testing, they can run experiments and measure improvements, to see how better search capabilities impact their bottom line. Ultimately, Algolia helps create more engaging experiences on AEM at scale using a combination of science and art. 

Adobe Experience Manager provides a framework for a commerce integration known as the Commerce Integration Framework (CIF) to accelerate the development of a storefront on AEM. With CIF installed and configured, authors can easily bring product and category data from Adobe Commerce or any third party eCommerce platform into AEM, and build the core front-end store experience. Algolia takes this one step further, providing a way to build search and discovery experiences across a retailer’s eCommerce data and the rich content from AEM.

Algolia provides AEM components that federate across commerce and content including:

  • Global Search with Autocomplete
  • Federated Search & Browse with InstantSearch
  • Content Recommendations
  • Product recommendations (can utilize CIF to reference product IDs)
  • Category pages (can utilize CIF to reference Category IDs)

 

AEM’s WKND demo with Algolia search

How to get started

Powerful search and discovery is a game-changer, and retailers want to get it up and running as quickly as possible, so they can start to experiment, iterate, and measure results. Here, we share 4 steps to add search to an eCommerce experience in Adobe Experience Manager – in a way that leads to the quickest time to value.

1. Index all the products and content that should be discoverable on the site

The retailer may choose a few different sources – including a PIM, the eCommerce engine, their service platform for FAQs, and the CMS where they manage content. Algolia offers a number of API clients to index and keep information synced with any of these systems. For a few popular platforms like Adobe Commerce, Adobe Experience Manager, Salesforce Commerce Cloud, commercetools, and Shopify, we offer integrations to make this much faster.

 

2. Configure the search and discovery using metadata, business ranking criteria, and AI

Configuring logic happens in the Algolia dashboard to intelligently rank category pages, search results, and offer the right recommendations. Many users will run experiments and A/B test from within the dashboard to see which levers lead to the highest conversion rates. Ultimately, the goal here is to match the intent of the shoppers and drive revenue through better search and discovery. 

Here the retailer can manage things like: 

  • Relevance Tuning
  • Custom Ranking
  • Dynamic Re-Ranking
  • Personalization
  • Merchandising
  • Query Rules
  • Synonyms
  • A/B Testing
  • Analytics
  • And much more…

For example, the retailer could add a banner that appears every time a shopper searches for the word “sale”. They would create an “if this, then that” rule in Algolia, and render a banner. That banner could be created in Adobe Experience Manager as a fragment and referred to using the publish URL.

Algolia query rule

 

Banner powered by Algolia query rule

 

3. Add Algolia to the Front-End

Building the UI within Adobe Experience Manager can be done using 2 methods: (1) Using Algolia’s UI library available in Javascript, React, Vue, and more, or (2) using Algolia’s AEM UI Components Accelerator. To create a federated search, simply add each index to the Algolia component, using the name of the index as defined in Algolia. In the global search bar, the retailer may add one index for products and another for articles, creating a rich commerce + content experience.

For those using the Commerce Integration Framework, we provide the option of Algolia CIF components that easily connect to the Adobe Commerce endpoint (or another commerce engine), and dynamically generate category pages and product detail pages based on the category IDs and product IDs defined through CIF. These category pages can then display all the products using the logic and AI set up in Algolia. 

AEM author dialogue for Algolia category page

The product detail pages can include Recommendations powered by Algolia. These, like the product detail pages, will be dynamically rendered Recommendations, based on the product that the shopper is viewing. These recommendations can be pulled from the product index or even shared as relevant content from another index.

Algolia component for recommended products on PDP
Recommended ‘Related Products’ configuration

4. Tracking the results for analytics and machine learning

Our events can be tracked via our AEM components. Through the components, select the box to “Track Algolia Events”, and a second tab will appear to configure the “click” or “conversion” event. Another option is to send Algolia events through a tag manager like Adobe Launch. Tracking the results will allow the Algolia engine to become even smarter, understanding how to personalize results for a given user, provide product recommendations, and dynamically re-rank the items based on the crowd.

Click and conversion events tracking through the Recommend AEM component

 

The pieces are there to connect search to your commerce platform and content management system, and create an enriching shopping experience that guides the shopper, presents the most relevant items, and ultimately drives more conversions.

 

Want to learn more or find out how you can try Algolia?

Reach out to us at adobe-algolia-solutions@algolia.com for access to our AEM accelerators and guidance on how to start building Algolia into your AEM solution with the Commerce Integration Framework! We are happy to chat with you about best practices, trade-offs, and learn what works best for you!

Check out the rest of our ‘Adobe x Algolia Integrations’ series, including our last piece: Algolia Powered Search Components on Adobe Experience Manager.

 

About the author
Debanshi Bheda

Global Alliances Director - Algolia

linkedin

Recommended Articles

Powered byAlgolia Algolia Recommend

How to Build an Algolia-Powered Search and Discovery Experience on Adobe Experience Manager
product

Debanshi Bheda
Sajid Momin

Debanshi Bheda &

Sajid Momin

Ingesting Data from Adobe Experience Manager (AEM) for Search & Discovery
product

Debanshi Bheda
Sajid Momin
Micah Garside-White

Debanshi Bheda &

Sajid Momin

Micah Garside-White

Leveraging Adobe Launch events in Algolia for Personalization
product

Sajid Momin
Debanshi Bheda

Sajid Momin &

Debanshi Bheda