00:00:05:14 - 00:00:07:05
So in
this tutorial we're going to talk about
00:00:07:05 - 00:00:10:14
the multiple shipping addresses
per order feature.
00:00:11:22 - 00:00:15:14
This feature allows your customers
to assign multiple shipping addresses
00:00:15:14 - 00:00:19:23
within a single order,
so each item also referred to as a job
00:00:20:12 - 00:00:23:16
in an order, can now
have its own designated shipping address.
00:00:24:03 - 00:00:26:06
This enhancement provides
greater flexibility
00:00:26:06 - 00:00:29:06
for orders that need to be delivered
to different locations.
00:00:29:06 - 00:00:32:12
Streamlining the checkout process
by eliminating the need to place
00:00:32:12 - 00:00:35:12
separate orders.
00:00:35:17 - 00:00:38:17
Now there are some important notes
with this.
00:00:38:17 - 00:00:40:16
please
be aware of the following limitations
00:00:40:16 - 00:00:43:02
in the initial implementation
of this feature,
00:00:43:02 - 00:00:46:27
which at the time of recording
is at the end of September 2024,
00:00:47:29 - 00:00:50:14
so there's no separate shipping
methods per address.
00:00:50:14 - 00:00:53:14
All items share the same shipping method.
00:00:54:17 - 00:00:56:29
There's
no increased shipping cost per address,
00:00:56:29 - 00:01:00:14
so additional costs
are included in the subtotal.
00:01:02:03 - 00:01:02:15
There's no
00:01:02:15 - 00:01:05:22
separate job tickets
or packing slips per address,
00:01:06:11 - 00:01:08:23
and there's no individual
status updates via
00:01:08:23 - 00:01:11:23
connect webhooks or shipping plugins.
00:01:15:13 - 00:01:15:24
Okay,
00:01:15:24 - 00:01:19:19
so let's take a look at how we enable
and configure
00:01:19:28 - 00:01:22:28
the multiple shipping addresses feature.
00:01:23:13 - 00:01:25:28
So we enable the feature
in our basket settings.
00:01:25:28 - 00:01:28:28
So I'm just going to navigate
back to my Infigo admin area
00:01:29:12 - 00:01:33:06
and then search for my basket settings
which based on your location
00:01:33:06 - 00:01:36:06
maybe the cart settings.
00:01:39:09 - 00:01:39:25
Within here
00:01:39:25 - 00:01:42:25
we're going to locate
the additional addresses section.
00:01:43:12 - 00:01:46:11
And then if not enabled already
you want to enable this
00:01:46:11 - 00:01:49:11
checkbox here
which is enable additional addresses.
00:01:53:07 - 00:01:55:09
Now what you'll see
as we switch between those
00:01:55:09 - 00:01:58:09
is we get some additional settings
becoming visible.
00:01:58:11 - 00:02:02:00
And these are required checkout attributes
which we are linking to.
00:02:03:25 - 00:02:06:17
So after enabling the feature you need
to create and assign
00:02:06:17 - 00:02:10:22
specific checkout attributes to manage
the additional address information.
00:02:11:16 - 00:02:13:22
So checkout attributes
you can find information
00:02:13:22 - 00:02:17:10
on those on other resources
within the Infigo Academy.
00:02:17:15 - 00:02:20:18
But what it's basically doing
is allowing you to place attributes
00:02:20:18 - 00:02:23:23
on the actual checkout process
or basket screen itself.
00:02:25:15 - 00:02:26:18
We're going to create some new ones.
00:02:26:18 - 00:02:29:18
So I'm just going to go to my checkout
Attributes screen.
00:02:32:01 - 00:02:32:29
And you'll see in my case
00:02:32:29 - 00:02:36:08
that I've created the three
checkout attributes that we require.
00:02:36:24 - 00:02:38:18
These are very easy to create.
00:02:38:18 - 00:02:42:06
But for this piece of functionality
they do need to be very precise
00:02:42:15 - 00:02:44:18
in how they're configured.
00:02:44:18 - 00:02:47:19
So the first of these is just going to be
the additional addresses
00:02:47:19 - 00:02:48:24
checkout attribute.
00:02:49:22 - 00:02:50:18
If you haven't created
00:02:50:18 - 00:02:53:18
one already you can just click
Add New at the top of the screen.
00:02:54:15 - 00:02:56:27
In that particular
attribute configuration.
00:02:56:27 - 00:03:00:23
You need to make sure
that the control type is set to system.
00:03:02:09 - 00:03:05:09
And then the attribute context,
which is further down
00:03:05:20 - 00:03:08:20
is set to additional address.
00:03:10:23 - 00:03:11:19
The purpose of this,
00:03:11:19 - 00:03:15:05
it stores the Json information
about the additional addresses
00:03:15:09 - 00:03:18:09
that we're putting into our checkout
process.
00:03:26:04 - 00:03:26:28
The second checkout
00:03:26:28 - 00:03:29:28
attribute
we need is additional addresses info.
00:03:30:03 - 00:03:31:18
So again you can create a new one.
00:03:31:18 - 00:03:34:18
I'm just going to show you
how I've configured my example.
00:03:36:17 - 00:03:38:06
So the settings you require on this
00:03:38:06 - 00:03:41:06
the control type is required to be info.
00:03:41:08 - 00:03:45:12
And then the attribute context is required
to be additional addresses.
00:03:46:09 - 00:03:48:21
The purpose of this one
is it displays readable
00:03:48:21 - 00:03:52:04
information about the additional
addresses to the customer.
00:03:54:23 - 00:03:55:02
And then we
00:03:55:02 - 00:03:58:02
have a third checkout attribute
which is optional,
00:03:58:02 - 00:04:01:02
which is to do with the pricing.
00:04:01:22 - 00:04:04:10
Again this has a couple of specific
requirements.
00:04:04:10 - 00:04:06:13
It's control type needs to be system.
00:04:06:13 - 00:04:10:07
And then its attribute context
needs to be additional address.
00:04:11:08 - 00:04:12:09
And the purpose of this one.
00:04:12:09 - 00:04:15:09
It controls
how much you want to charge per
00:04:15:16 - 00:04:18:16
additional address.
00:04:19:08 - 00:04:21:08
Now there are some additional
configuration options
00:04:21:08 - 00:04:22:24
available with the pricing one.
00:04:22:24 - 00:04:28:25
So if you do want to utilize this
and then you want to charge
00:04:28:25 - 00:04:32:16
an additional fee per address, you need to
define what that fee is going to be.
00:04:33:00 - 00:04:35:27
And we can do this
by creating an attribute value
00:04:35:27 - 00:04:38:27
with the name of one.
00:04:40:00 - 00:04:43:00
This is how it actually recognizes it.
00:04:43:03 - 00:04:44:19
Once you've created that attribute value,
00:04:44:19 - 00:04:47:19
you can set the price adjustment
to be whatever you want it to be.
00:04:48:04 - 00:04:51:19
So if you haven't got one already,
click on Add New Checkout value.
00:04:52:24 - 00:04:55:00
But in my case, if I click on edit,
00:04:55:00 - 00:04:58:00
you can see I've set a value of 3 pounds.
00:04:58:26 - 00:05:01:26
And now I've set that to an absolute
value.
00:05:04:04 - 00:05:04:13
Okay.
00:05:04:13 - 00:05:06:24
So once we've configured
those three checkout attributes
00:05:06:24 - 00:05:10:19
we need to go back to our basket
or cart settings.
00:05:13:01 - 00:05:15:01
Find those same settings
00:05:15:01 - 00:05:17:14
and enable
the Additional addresses feature.
00:05:17:14 - 00:05:20:14
And then you're going to link up
the three checkout attributes
00:05:20:21 - 00:05:23:14
with the relevant sections. Here.
00:05:23:14 - 00:05:26:22
So we've got one which is just
the generic checkout attribute we created
00:05:28:04 - 00:05:31:04
one which is attributing the price
00:05:31:12 - 00:05:33:20
and one which is looking at info.
00:05:33:20 - 00:05:35:24
So we're just linking those up.
00:05:35:24 - 00:05:38:24
And then make sure you click
save at the top of the screen.
00:05:44:19 - 00:05:48:06
Now, let's take a quick
look at how this feature actually works.
00:05:50:23 - 00:05:51:00
So I'm
00:05:51:00 - 00:05:54:00
going to navigate
to the front end of my storefront.
00:05:54:00 - 00:05:57:24
And if you are replicating this make sure
there's something added to your basket.
00:05:58:00 - 00:06:01:00
In my case I've already got something
added to basket.
00:06:05:08 - 00:06:07:27
Now once this feature has been enabled,
the customer will be able
00:06:07:27 - 00:06:09:18
to see an additional addresses
00:06:09:18 - 00:06:12:28
button at the bottom left of their basket
or cart screen.
00:06:14:26 - 00:06:17:10
Clicking this button opens a pop up window
00:06:17:10 - 00:06:20:04
where customers can assign
different shipping addresses
00:06:20:04 - 00:06:23:04
to each item.
00:06:23:20 - 00:06:26:28
So we're going to an overview
of this pop up window that we have here.
00:06:27:12 - 00:06:29:29
So we have a product list
that you can see there.
00:06:29:29 - 00:06:32:29
In my case
it's only one item within the list.
00:06:36:26 - 00:06:41:00
If we expand that so we can see
the address that it's currently going to.
00:06:41:11 - 00:06:44:09
This is where the customer can split
the total quantity
00:06:44:09 - 00:06:47:09
of each item amongst multiple addresses.
00:06:47:11 - 00:06:50:24
So the first address that we've got there
is considered the main shipping address.
00:06:51:08 - 00:06:54:27
Can not have a quantity
that is less than one quantities across
00:06:54:27 - 00:06:58:29
all other addresses must sum up
to the total quantity that's ordered.
00:07:00:02 - 00:07:01:03
So let's go through this.
00:07:01:03 - 00:07:03:08
If I go to
00:07:03:08 - 00:07:06:23
add new address that allows the customer
to create a new address
00:07:06:23 - 00:07:09:23
directly in the pop up window.
00:07:13:06 - 00:07:15:20
Alternatively,
I can select an existing address
00:07:15:20 - 00:07:18:20
from this account.
00:07:18:24 - 00:07:21:22
If there's any missing information,
I will be required to fill it in
00:07:21:22 - 00:07:24:22
before I can confirm.
00:07:38:00 - 00:07:39:07
Once I've put those addresses in.
00:07:39:07 - 00:07:43:00
You can see I've got the ability to edit
the address or remove the address as well.
00:07:45:10 - 00:07:46:15
Now, what you'll see as well is that
00:07:46:15 - 00:07:49:15
the system will ensure
that quantities add up correctly.
00:07:49:15 - 00:07:52:23
So our total quantity of this item is 20.
00:07:54:15 - 00:07:57:13
And now I've got the ability
with this secondary address here to choose
00:07:57:13 - 00:08:01:15
how many of that 20
I want to go to that particular address.
00:08:01:25 - 00:08:02:11
And you can see that
00:08:02:11 - 00:08:06:06
has a knock on effect on the quantity
going to my primary address.
00:08:06:06 - 00:08:07:23
You can also see that it's registering
00:08:07:23 - 00:08:12:07
the 3 pound additional fee
that I specified per additional address.
00:08:13:26 - 00:08:14:29
Now I'm just going to proceed
00:08:14:29 - 00:08:17:29
through the checkout process
and place my order.
00:08:21:12 - 00:08:23:13
So after placing an order, customers
can view
00:08:23:13 - 00:08:28:05
their additional address information
on the order confirmation page.
00:08:28:06 - 00:08:29:20
So you can either get to it straight
00:08:29:20 - 00:08:31:28
from the ordering page,
or you can go to my account.
00:08:31:28 - 00:08:34:00
My orders.
00:08:34:00 - 00:08:36:07
That will show all the address information
on the different orders
00:08:36:07 - 00:08:39:07
that we've placed.
00:08:40:25 - 00:08:43:25
Okay,
so some final notes and considerations.
00:08:44:01 - 00:08:47:19
The first off cart updates
if the quantity of items changes
00:08:47:19 - 00:08:49:18
after configuring additional addresses,
00:08:49:18 - 00:08:52:18
the system will adjust the quantities
and addresses accordingly.
00:08:53:12 - 00:08:56:12
Adding or removing products from the cart
will require customers
00:08:56:12 - 00:08:59:12
to review
and adjust their additional addresses.
00:09:00:21 - 00:09:02:08
Now, what about on the main shipping
address?
00:09:02:08 - 00:09:06:14
The main shipping address is always
included and cannot be deleted.
00:09:08:09 - 00:09:10:09
It is used for shipping cost calculations
00:09:10:09 - 00:09:13:09
and is considered the default address.
00:09:16:11 - 00:09:17:26
Pricing for additional addresses.
00:09:17:26 - 00:09:23:08
If configured, additional charges for
extra addresses are added to the subtotal.
00:09:23:08 - 00:09:26:20
As we saw during that ordering process,
the main shipping address
00:09:26:20 - 00:09:29:20
does not incur an extra charge.
00:09:30:06 - 00:09:33:26
And then finally validation errors
so customers will receive error messages
00:09:33:26 - 00:09:38:22
if there are issues with address
information or quantity assignments,
00:09:39:00 - 00:09:41:29
errors must be resolved before they can
proceed through the checkout.
