When implementing Recommendations on any of your webshop pages, be sure to first create Designs and Content in my.clerk.io.
In the Shopware backend, go to Content → Shopping Experiences.
Click the Layout for your homepage. Usually, this is simply called Homepage
Click the text block, and then the settings icon.
Delete all the existing text and click on the </> icon.
...Clerk.io’s Recommendations can be installed on any page of the webshop, to help customers find the right products.
With the Setup Guide, you can see which pages to install recommendations on, and which types to use, to get our Best Practice running.
From the main menu start by clicking on Getting Started:
The first thing you need to do, is create a Standard Design for your sliders.
...Clerk.io’s Recommendations can be installed on any page of the webshop, to help customers find the right products.
With the Setup Guide, you can see which pages to install recommendations on, and which types to use, to get our Best Practice running.
From the main menu start by clicking on Getting Started:
The first thing you need to do, is create a Standard Design for your sliders.
...Note: If you are using a Shortcode Editor for your pages Woocommerce, then we suggest using this guide.
Clerk.io’s Recommendations can be installed on any page of the webshop, to help customers find the right products.
With the Setup Guide, you can see which pages to install recommendations on, and which types to use, to get our Best Practice running.
From the main menu start by clicking on Getting Started:
...Just Ordered: these customers last order took place within the last 30 days.
Active: these customers regularly come back to the webshop. The timeframe of how often they come back, is based on how often the average customer places an order (last order was between 30 days and “average interval between purchases + standard deviation)
Slipping Away: these customers are purchasing less often than they have previously done. Meaning that if a customer normally places 3 orders each month, but suddenly only places 1 order a month, they are Slipping Away. Slipping Away is based on a rolling average of customer’s timing between purchases. Customers enter this group if last order was between the above limit and “average interval between purchases + standard deviation x 2”.
...
These are accessed in my.clerk.io > Chat > Chat logs As visitors start having conversations with the chat assistant, you will see them show up here.
Each conversation contains:
Navigate here by clicking the Store dropdown in the upper left corner and then COMPANY NAME > Billing.
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.
...Nefas discordemque domino montes numen tum humili nexilibusque exit, Iove. Quae miror esse, scelerisque Melaneus viribus. Miseri laurus. Hoc est proposita me ante aliquid, aura inponere candidioribus quidque accendit bella, sumpta. Intravit quam erat figentem hunc, motus de fontes parvo tempestate.
iscsi_virus = pitch(json_in_on(eupViral),
northbridge_services_troubleshooting, personal(
firmware_rw.trash_rw_crm.device(interactive_gopher_personal,
software, -1), megabit, ergonomicsSoftware(cmyk_usb_panel,
mips_whitelist_duplex, cpa)));
if (5) {
managementNetwork += dma - boolean;
kilohertz_token = 2;
honeypot_affiliate_ergonomics = fiber;
}
mouseNorthbridge = byte(nybble_xmp_modem.horse_subnet(
analogThroughputService * graphicPoint, drop(daw_bit, dnsIntranet),
gateway_ospf), repository.domain_key.mouse(serverData(fileNetwork,
trim_duplex_file), cellTapeDirect, token_tooltip_mashup(
ripcordingMashup)));
module_it = honeypot_driver(client_cold_dvr(593902, ripping_frequency) +
coreLog.joystick(componentUdpLink), windows_expansion_touchscreen);
bashGigabit.external.reality(2, server_hardware_codec.flops.ebookSampling(
ciscNavigationBacklink, table + cleanDriver), indexProtocolIsp);
Clerk.js comes with a built-in function for showing products with sliders.
This function has a standard set of arrows, that lets customers navigate the slider as shown below:
However, if you want to use your own slider-arrows, or want to change their placement, you can use these classes, to modify them:
<style type="text/css">
@keyframes arrowPop {
0% {
width:20%;
}
50% {
width:0%;
}
100% {
width: 20%;
}
}
.clerk-slider-nav {
background: #333;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:0;
opacity:0.8;
filter: drop-shadow(0 0 5px #333);
transition:0.3s ease;
}
.clerk-slider-nav:hover {
opacity:1;
transition:0.3s ease;
}
.clerk-slider-nav:hover:before {
animation:arrowPop 0.3s ease;
}
.clerk-slider-nav-next {
flex-direction:row-reverse;
}
.clerk-slider-nav:after {
content:"";
display:block;
height:40%;
width:40%;
transform: rotate(45deg);
border: solid white;
}
.clerk-slider-nav-prev:after {
border-width: 0px 0px 2px 2px;
}
.clerk-slider-nav-next:after {
border-width: 2px 2px 0px 0px;
}
.clerk-slider-nav:before {
content:"";
width:20%;
}
</style>
The new styling can be added in your existing stylesheet, or as part of the Design in my.clerk.io.
...