Search

1

Search code

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started when using a Clerk.js setup in Shopify.

Instant Search
Instant Search provides real-time search results as customers type, displayed in a dropdown below the search input field.

Create Design #

You can either use the Design Editor to configure it visually, or use code designs.

...

Search

1

Add powerful search functionality to your Shoporama webshop. Clerk.io offers three distinct search solutions that can be used together or separately: an Instant Search dropdown, a Search Page with Faceted Search filtering, and an Omnisearch overlay that combines both.

General #

Use the Shoporama theme editor to insert embed codes: Settings > … > Temaer.

To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

...

Search

1

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started with Search on Shopware 6.

General #

To enable Search features, use the Shopware Clerk plugin: Settings > System > Plugins > Clerk.io > ... > Config. To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

...

Recommendations

1

Clerk.io offers more than 23 different types of product logics, making it possible for you to display completely automated products on any page. This article explains how to get started when using a Clerk.js setup in SmartWeb Classic.

For our full Best Practices, read this article on which Recommendations to use.

Slider Setup #

Recommendations are created with Elements that reference a Design. Below is the basic guide for setting up an Element.

...

Search

1

Add powerful search functionality to your SmartWeb webshop. Clerk.io offers two complementary search solutions:

  • An Instant Search dropdown that shows results as customers type.
  • A Search Page with faceted filters for browsing all results.

Instant Search provides real-time results as customers type, displayed in a dropdown below the search field.

Create Design #

Use the Design Editor or code designs.

Design Editor #

  1. Go to Search > Designs and click New Design.
  2. Choose Other designs > Instant Search.
  3. Pick a template to start from.
  4. Name it and click Create design.
  5. Adjust the design as needed.

Code Design #

  1. Go to Search > Designs and click New Design.
  2. Choose Other designs > Blank > With code.
  3. Name it and click Save.
  4. Build a code design using Liquid.

Create Element #

  1. Go to Search > Elements.
  2. Click New Element.
  3. Name it “Live Search”.
  4. In Element type, select Live-search.
  5. In Design, select the design you created.
  6. Click Save.

Add to Website #

  1. In the SmartWeb Admin, go to Online Store > Design > Aktive designs > Rediger filer > partials.
  2. Open the body.tpl file.
  3. Insert the following code and click Gem.
Instant Search code
<span class="clerk" 
    data-template="@live-search" 
    data-instant-search=".top-search-form .form-input" 
    data-instant-search-positioning="left"
    data-instant-search-categories="6"
    data-instant-search-pages="6"
    data-instant-search-suggestions="6">
</span>

Troubleshooting #

If your Instant Search is not showing, it’s likely because your search field has a different identifier than the default.

...

Search

1

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started with Search with the WooCommerce plugin.

Instant Search
Instant Search provides real-time search results as customers type, displayed in a dropdown below the search input field.

Create Design #

You can either use the Design Editor to configure it visually, or use code designs.

...

Configuration

1

Chat Context
The Assistant can be configured in my.clerk.io > Chat > Configuration

General #

Configure your preference for the Chat by influencing the tone of voice, the answer length an the welcome message among other options to match your brand.

Store description #

This text teaches the Chat how to perceive your webshop. It will be used as a reference when talking to customers.

A good store description contains:

...

Billing

1

Billing Page
The Billing page gives you access to all settings related to your subscription and payments.

Navigate to the Billing page by clicking the Store dropdown in the upper left corner and then COMPANY NAME > Billing, or simply by searching for billing in the top of the page.

Current Subscription #

This is a breakdown of the products currently part of your subscription.

It details the volume of usage per month and the price you pay for each, along with any active discounts you have.

...

Secrets

1

Secrets

Secrets Management System #

Secrets are stored with AES-256 encryption and can be created, updated, retrieved, and deleted through both the user interface and API. Access to secrets is controlled by role, ensuring that users only see the data relevant to them.

Use Cases #

You can use it to store API tokens and webhook keys, manage credentials for third party services, or handle sensitive data that comes with expiration requirements.

...