Configure PLP Service

Prev Next

Time Estimate

10 mins

There are three parts to configuring your PLP service; creating a collection in your Shopify Admin Panel under Products, setting up the XSearch Experience in the XGEN platform, and pasting the Experience ID into the Shopify App Block.

1. In Shopify Admin Dashboard

Create a collection

Visit the “Products” page in your side navigation and choose “Collections”. Create a new collection or verify the URL from an existing collection you already have. Fill in the appropriate details and choose the theme template.

Match the URL Handle and XSearch Keyword

At the bottom of the collection creation page is a “Search engine listing” section. Make sure the URL Handle matches the XSearch Keyword you will create in the XGEN platform.

Search engine listing interface showing fields for title, description, and URL handle.

Important Set Up Note

The collection page title is separate from the URL Handle. Make sure the URL handle is name properly.

The XSearch Keyword should be written with spaces in place of any hyphens. (Ex: the shopify collection URL should read https://samplestore.com/collections/amazing-first-collection and the XSearch Keyword should read: “amazing first collection”)

2. In XGEN Platform

Your Product Listing Page (PLP) will be driven by an XSearch Keyword and an XSearch Experience. This is a two step process that requires navigating between two to four separate pages within the XGEN Platform.

Create an XSearch Keyword

In order to restrict the products shown on a Product Listing Page, we need to create an XSearch Keyword that holds that constraining logic, pinning, and sort order. Please reference the full overview of the XSearch Keyword feature. If you are creating a PLP for a specific collection or campaign, you can build the logic for that campaign using conditions and product attributes from your catalog. Within an XSearch Keyword, and therefore within this PLP experience, you can define the following attributes:

  1. Expiration date

  2. Use Merchandising Rules

  3. Add Synonyms

  4. Pin Specific Products

  5. Exclude Specific Products

  6. Control Sort Order

And more.

Reminder

This keyword must match the URL Handle of the collection name in which it resides, replacing the hyphens with spaces in XGEN.

Create an XSearch Experience

After you’ve created an XSearch Engine and a Merchandising Rule, you can connect that engine and Merchandising Rule to an XSearch Experience.

The filter menu that appears on a PLP is determined by a facet. The facet that is sent along with the Keyword response is determined by the Merchandising Rule inside the experience.

Copy your Experience ID

After saving your experience, the Experience Information section at the top of the page will refresh and display an Experience ID.  Click the copy icon next to the Experience ID for use in the Shopify Admin Theme.

Experience information displaying name, ID, and creation date details.

3. In Shopify Theme Editor

Open Theme Editor

In your Shopify Admin dashboard, choose a theme to customize. It can be your public theme or an archived one.

Open a Collection Page

In the side bar menu called “Sections,” scroll down to the area of your theme editor called “Template”


Add Section

Click the “Add Section” button and select the Apps option. In that menu, select “XProduct Listing” as an option.

Paste your Experience ID

In the field at top of the page, please paste the Experience ID you copied from the XGEN Platfom.