Shopware 6

Plugin

Configure the Clerk.io plugin settings for your Shopware 6 store.

The Clerk.io plugin for Shopware 6 is configured entirely from within the Shopware Admin. Each section controls a different feature on your storefront.

To open the plugin settings, go to Extensions > My extensions, find the Clerk.io plugin, and click ... > Config..

All settings on this page reference Content fields. These fields accept the name of a Clerk.io Element (e.g. product-page-alternatives). The name must match exactly what is configured in my.clerk.io under the relevant section.

General #

SettingDescription
StatusEnable or disable the Clerk.io plugin on this Sales Channel.
Public KeyYour Clerk.io Public API key, found in my.clerk.io > Developers > API Keys.
Private KeyYour Clerk.io Private API key, found in the same location.
Collect EmailsWhen enabled, Clerk.js automatically captures email addresses entered on the storefront and logs them for personalisation and email triggers. Defaults to true.

Multi-Language Keys #

Use this section when you have multiple languages on the same Sales Channel and each language needs its own Clerk.io Store and Public Key.

SettingDescription
LanguagesSelect the languages you want to override the default Public Key for.
Public KeysProvide one Public Key per line, in the same order as the selected languages above.

For a full multi-language setup, see Multiple languages.

Controls the live search dropdown that appears as visitors type in the search field.

SettingDescription
StatusEnable or disable Instant Search.
PositionWhere to inject the Instant Search dropdown. Options: HeaderSearchBlock, MetaBlock, Footer, FooterMinimal, Navbar. Defaults to HeaderSearchBlock.
Number of SuggestionsNumber of product suggestions to show. 0–10, defaults to 5.
Number of CategoriesNumber of category results to show. 0–10, defaults to 5.
Number of PagesNumber of content page results to show. 0–10, defaults to 5.
Page TypesFilter which page types are included in results. Defaults to all.
Dropdown PositioningWhere the dropdown appears relative to the search input: left, center, right, below, or off. Defaults to left.
ContentThe Clerk.io Element name to use for rendering. Defaults to live-search.
Input SelectorCustom CSS selector for the search input field. Leave empty to use the default Shopware search input.
Form SelectorCustom CSS selector for the search form. Leave empty to use the default.

Search Page #

Controls the full-page search results experience.

SettingDescription
StatusEnable or disable the Search Page.
Include CategoriesShow matching categories alongside product results.
Number of CategoriesNumber of category results to include. 0–10, defaults to 5.
Number of PagesNumber of content page results to include. 0–10, defaults to 5.
Page TypesFilter which page types are included. Defaults to all.
ContentThe Clerk.io Element name to use. Defaults to search-page.

Controls filter panels on the search page, allowing visitors to narrow results by product attributes.

SettingDescription
StatusEnable or disable faceted filtering on the search page.
AttributesComma-separated list of product attributes to use as facets. Example: price,categories,brand.
Facet TitlesDisplay labels for each facet attribute, in the format attribute:Label. Example: price:Price,categories:Categories,brand:Brand.
Multi Select AttributesComma-separated list of attributes that allow multiple values to be selected simultaneously. Example: categories,brand.
DesignThe Clerk.io Design ID to use for rendering the facet panel.

Product Page #

Controls recommendations shown on individual product pages.

SettingDescription
StatusEnable or disable product page recommendations.
Hook LocationWhere to inject the recommendations: Cross Selling Block (inside the Shopware cross-sell tab) or After Description. Defaults to Cross Selling Block.
ContentComma-separated list of Clerk.io Element names to display. Defaults to product-page-alternatives, product-page-others-also-bought.
Filter DuplicatesWhen enabled, the same product will not appear in more than one recommendation slider on the page.

Category Page #

Controls recommendations shown on category listing pages.

SettingDescription
StatusEnable or disable category page recommendations.
ContentComma-separated list of Clerk.io Element names to display. Defaults to category-page-popular.
Filter DuplicatesPrevent the same product from appearing in multiple sliders on the page.

Cart Page #

Controls recommendations shown on the cart page.

SettingDescription
StatusEnable or disable cart page recommendations.
ContentComma-separated list of Clerk.io Element names to display. Defaults to cart-others-also-bought.
Filter DuplicatesPrevent the same product from appearing in multiple sliders on the page.

Exit Intent #

Controls a recommendations overlay that appears when a visitor moves their cursor toward closing or leaving the page.

SettingDescription
StatusEnable or disable Exit Intent recommendations.
ContentThe Clerk.io Element name to display. Defaults to exit-intent.

Powerstep #

Controls the step shown immediately after a visitor adds a product to their cart, designed to encourage additional purchases.

SettingDescription
StatusEnable or disable the Powerstep.
TypeHow the Powerstep is displayed: Page (full interstitial page), Popup, or Side Cart. Defaults to Popup.
ContentComma-separated list of Clerk.io Element names to display. Defaults to power-step-others-also-bought, power-step-visitor-complementary, power-step-popular, power-step-popular-on-sale.
Filter DuplicatesPrevent the same product from appearing in multiple sliders in the Powerstep.

Uninstalling #

To disable the plugin, open the plugin config, set Status to Disabled, and save.

To remove the plugin entirely, go to Extensions > My extensions, find the Clerk.io plugin, and click ... > Uninstall.