# Algolia

### Overview

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2Fj1nPE6xT0JOFG0436njD%2Falgolia.jpg?alt=media\&token=4dfd9946-414b-492c-a82f-6a31aa3079f9)

Shoppy utilizes [Algolia](https://www.algolia.com) to allow users to **filter** products on collection pages. Here's what you need to do to enable this feature on your shop.

### **Set up Algolia for your Shoppy app**

**Install the Agolia app in your Shoppy store** 

From the app section of your Shopify go to Shopify App Store and search for the app **Algolia Search and Discovery**, or click on [this link.](https://apps.shopify.com/algolia-search) 

Click on "**Add App**" to add the app to your store. 

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2FA1jVkj5D2KUBTJwhIiR8%2FSchermata%202022-01-31%20alle%2015.54.38.png?alt=media\&token=be2427e2-ca04-46cb-80e1-3ba6f0d1246e)

**Create your Algolia account** 

Once you've added the application, you can log in or create an account if you don't have one yet.

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2FYqOYdOl4Ftj44F7JiTzF%2FSchermata%25202021-02-17%2520alle%252012.02.25.png?alt=media\&token=86861651-fcec-4277-b330-309716f3de19)

{% hint style="info" %}
Shoppy uses Algolia's "Collection Page" feature available in the Standard Plan.
{% endhint %}

**Set up the Algolia app in your store.** 

Once you've created your account, go to the API Keys sevtion and copy teh Application ID, Search API Key, and Private Admin API Key into the **"Credentials"** block. Enter "shoppy\_" into the "**Indexes Prefix"** field. 

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2FAu6fLNv8fEcItw71JP5F%2FSchermata%2525202021-02-17%252520alle%25252012.19.31.png?alt=media\&token=4df55012-febb-4b8b-8fa9-1ad2bbfdaeeb)

![Dashboard Algolia](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2FfZ2HDvyli6WB6qiixqiX%2FSchermata%25202021-02-17%2520alle%252012.05.40.png?alt=media\&token=da71af8a-8b52-42b0-bcd8-d78c11a15cc1)

By clicking "**Save",** Algolia can index all of your products and collections.

**Enable Collection Pages** 

Enable collections pages with the switch In the Collections Pages of the Algolia app on Shopify.

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2F09EX5kGEYw020CsqFItW%2FSchermata%25202021-02-17%2520alle%252012.26.22.png?alt=media\&token=d53b3484-3cbe-4d3a-934c-4e996afc33c5)

{% hint style="info" %}
If you are unable to see the Algolia connection page on your store, change the CSS Selector field to a value **other than** *main.css.*
{% endhint %}

In the field "**Sort Orders**", add the following entries:

* Most popular
* Cheapest first
* Newest first
* Oldest first
* Name
* Most expensive first
* Name Z-A

After doing this, click "**Save".** 

**Index Named Tags (optional)**

Named tags are special tags that you can attach to products, which have a name in addition to a value. This way, you can group products by tag type.  

To add a named tag, add a tag in this format: NAME:VALUE. For example: the name could be "Item Type" and the values could be the various types/categories of items in your store. 

To activate named tags, go to the "Indexing" tab, select "Index Named Tags" and press "Save". 

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2F86CLDahhm7ptbQM3oY1i%2F3-named-tags-0bb32ee5.jpeg?alt=media\&token=4ba65a79-a861-489d-89d2-5b6038dfd91f)

{% hint style="info" %}
To learn more about named tags visit the Algolia documentation page.
{% endhint %}

### Insert the keys for Algolia on Shoppy 

Now all you have to do is connect Algolia to Shoppy. To do this, open Shoppy's "**Integration**" tab and enable Algolia integration with the "**Enable**" button.

In the popup that appears, insert your **Application ID** (Algolia ID) and the **Search API Key** (Algolia Key) found on the Algolia dashboard in the API Keys section. <br>

![](https://2580671618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPDzUzynACRbcxkhAEeE%2Fuploads%2FiSQWMl3DYO2J5kIqHzUX%2FSchermata%202022-04-15%20alle%2015.29.35.png?alt=media\&token=4f82cfdb-76fd-4dc8-b64e-d84cc3286e92)