00:00:07:08 - 00:00:10:06
This tutorial
discusses the ability to assign products
00:00:10:06 - 00:00:13:21
as cross-sell products to another product.
00:00:15:05 - 00:00:18:26
This means when your main product
is added to the basket
00:00:18:26 - 00:00:24:06
and the user is taken to the basket page,
additional items are shown as possible
00:00:24:06 - 00:00:28:10
products that they might be interested
in purchasing.
00:00:29:02 - 00:00:32:01
So the first thing we need to do here
is to actually create some products
00:00:32:02 - 00:00:34:22
or make sure that we have the relevant
products available.
00:00:35:07 - 00:00:38:01
So first, we'll navigate
to our product management area.
00:00:43:04 - 00:00:45:11
You should identify a main product.
00:00:45:11 - 00:00:49:02
So this is the one on which
you will apply products to cross-sell.
00:00:49:15 - 00:00:51:07
And then, of course, you want the products
00:00:51:07 - 00:00:54:15
that you want to apply
as the products to be cross sold.
00:00:55:07 - 00:00:57:20
On the product that we wish
00:00:57:20 - 00:01:01:29
to assign additional products
to cross-sell, I'm going to click on Edit
00:01:03:06 - 00:01:05:25
and then navigate to the Cross-sells tab.
00:01:09:00 - 00:01:10:02
I can see we already have
00:01:10:02 - 00:01:13:23
a couple of cross-sell
example products assigned here.
00:01:14:02 - 00:01:17:02
We can add more or we can remove them
if we want to.
00:01:17:13 - 00:01:22:16
If I go to add new cross-sell product
that gives me a separate pop
00:01:22:16 - 00:01:26:21
up of all of the available products
I can assign as a cross-sell product.
00:01:27:11 - 00:01:30:29
I can check one or check multiple
and then click on Save,
00:01:32:09 - 00:01:34:00
and then those products will be amended
00:01:34:00 - 00:01:41:10
into that list.
00:01:42:00 - 00:01:44:18
Make sure you click on
Save to confirm those changes.
00:01:45:10 - 00:01:49:08
And then the next thing we need to do
is to navigate to our basket settings.
00:01:49:23 - 00:01:53:07
So we need to define within the settings
00:01:53:15 - 00:01:56:08
how we wish cross-selling to be displayed.
00:01:58:02 - 00:02:01:24
So what needs to be configured once for
all of the products on your storefront?
00:02:03:07 - 00:02:05:24
So navigate to the basket settings.
00:02:05:24 - 00:02:08:14
Scroll
right down to the bottom of your page
00:02:08:27 - 00:02:11:06
and there you'll find a cross-sell
section.
00:02:12:16 - 00:02:13:27
There's only three options in here.
00:02:13:27 - 00:02:17:19
One is the number of cross-sells.
00:02:18:23 - 00:02:21:29
So the number of cross-sells defines
how many cross-sell
00:02:21:29 - 00:02:24:10
products to show as a maximum.
00:02:25:01 - 00:02:28:23
This comes into play if you have
a large number of cross-sell products.
00:02:29:01 - 00:02:31:27
For example,
if you have multiple items in your basket,
00:02:32:05 - 00:02:36:09
each with one or more cross-sell products,
you don't want it to be showing.
00:02:36:09 - 00:02:39:07
So let's say 20 or 30 cross-sell products.
00:02:39:17 - 00:02:40:23
That's just too much.
00:02:40:23 - 00:02:44:19
So you can control what the maximum number
it's.
00:02:44:25 - 00:02:48:12
You've also got the ability
to show number of cross-sell products
00:02:48:12 - 00:02:51:07
per page.
00:02:54:12 - 00:02:57:11
The third option we've got here
is the cross-sell mode.
00:02:57:22 - 00:03:00:11
So this controls how cross-sell products
00:03:00:11 - 00:03:03:00
are displayed
within the basket pages self.
00:03:03:18 - 00:03:05:15
And we'll begin with the inline option.
00:03:07:08 - 00:03:09:02
Scroll to the top of the page
00:03:09:02 - 00:03:12:07
and click Save.
00:03:13:10 - 00:03:13:28
What I'm going to do
00:03:13:28 - 00:03:16:25
next is just navigate
to my public storefront
00:03:17:05 - 00:03:20:07
and add my main product to the basket.
00:03:24:17 - 00:03:27:07
And what we'll see
when we get taken to the basket page
00:03:27:21 - 00:03:30:16
is that our inline cross-sell
00:03:30:17 - 00:03:34:28
mode shows the cross-sell products
as part of the basket
00:03:34:28 - 00:03:37:13
page itself.
00:03:40:23 - 00:03:42:27
Now let's return to the basket settings.
00:03:43:27 - 00:03:47:16
And this time we're going to select pop up
00:03:47:23 - 00:03:50:17
as our cross-sell moat
00:03:51:13 - 00:03:54:07
and then click Save Again.
00:03:54:28 - 00:03:58:20
Now, if I return to our basket
and I'll just refresh that page,
00:03:58:28 - 00:04:01:27
we should see those cross-sells
being shown in a different way.
00:04:02:12 - 00:04:05:25
So instead of being inline
on the actual basket, page itself
00:04:06:04 - 00:04:09:21
will now see the separate pop up window
allowing us access
00:04:09:21 - 00:04:13:10
or recommending to us those same products.
00:04:16:05 - 00:04:18:07
So we can access those products
directly from here.
00:04:18:29 - 00:04:21:22
And if we cancel them,
we have got the ability to bring that
00:04:21:22 - 00:04:24:13
back up as well,
just by clicking show cross-sells.
00:04:24:24 - 00:04:28:00
Of course we can rename this text string
the same as we would with any other
00:04:28:09 - 00:04:34:15
text string within Infigo.