00:00:08:28 - 00:00:09:15
In this part
00:00:09:15 - 00:00:12:15
of the Rapid Build
Series will take a look at Infigo
00:00:12:15 - 00:00:16:05
Invent for InDesign
along with MegaEdit products.
00:00:17:21 - 00:00:21:13
MegaEdit products are variable products
with templates configured
00:00:21:13 - 00:00:25:03
to allow customization of products
on a vast array of levels.
00:00:25:24 - 00:00:26:25
Using MegaEdits.
00:00:26:25 - 00:00:30:01
A customer can have complete control
over the design
00:00:30:01 - 00:00:32:25
of their products.
00:00:33:03 - 00:00:37:09
We'll create a very simple example to
demonstrate the fundamental capabilities.
00:00:37:18 - 00:00:40:07
But remember that
this is only scratching the surface.
00:00:40:17 - 00:00:45:00
The Infigo Academy contains separate
learning pathways going into much greater
00:00:45:00 - 00:00:48:00
detail on both MegaEdit and Infigo
00:00:48:00 - 00:00:51:04
Invent for InDesign.
00:00:54:21 - 00:00:55:12
So to begin
00:00:55:12 - 00:00:59:05
by actually download and install Infigo
Invent for InDesign.
00:00:59:21 - 00:01:02:18
You can download it from the Infigo Help desk.
00:01:02:21 - 00:01:06:17
The easiest way to access
this is from within your Infigo admin area.
00:01:07:09 - 00:01:10:21
Just click on the Help
Desk icon on the top of the screen
00:01:14:12 - 00:01:18:22
and then just search for download Invent.
00:01:21:12 - 00:01:22:23
From there you're looking for the article
00:01:22:23 - 00:01:25:19
which is download,
install and enabling Invent,
00:01:26:19 - 00:01:31:01
and this will guide you
through the entire process.
00:01:33:02 - 00:01:35:04
So just to summarize, before being granted
00:01:35:04 - 00:01:38:18
instant download access,
you will need to provide some information.
00:01:38:29 - 00:01:41:23
This is simply
so that we are aware of
00:01:41:23 - 00:01:45:00
who is using the Invent plugin
and so we can keep you updated
00:01:45:06 - 00:01:49:01
when there's an update
that you can download.
00:01:49:05 - 00:01:51:22
Once you've downloaded
it, installation is simple.
00:01:51:22 - 00:01:54:27
Just follow the steps
detailed on this particular article.
00:01:55:23 - 00:01:59:28
In a nutshell, the process consists
of downloading the Invent, installation
00:01:59:28 - 00:02:04:18
package, downloading it, installing
a recommended Adobe Extension Manager,
00:02:05:07 - 00:02:08:22
installing the Invent package via
the extension manager,
00:02:08:22 - 00:02:10:17
opening Adobe InDesign
00:02:10:17 - 00:02:11:14
and then enabling the
00:02:11:14 - 00:02:13:19
Infigo Invent extension.
00:02:14:00 - 00:02:14:26
So we resume
00:02:14:26 - 00:02:20:05
now with our Infigo Invent package
enabled within our InDesign window.
00:02:20:05 - 00:02:23:08
So you can do that
just by going to the Windows dropdown
00:02:23:08 - 00:02:26:08
on the top of your InDesign screen,
00:02:26:08 - 00:02:28:15
looking for the extension section.
00:02:28:15 - 00:02:32:15
And then you've got the Infigo
Invent plugin you can activate here.
00:02:33:05 - 00:02:36:21
Then that will show up as a separate tab
00:02:37:22 - 00:02:38:26
by default on the right hand
00:02:38:26 - 00:02:41:12
side of your screen.
00:02:47:02 - 00:02:48:04
Now, if you are following
00:02:48:04 - 00:02:51:05
along with this tutorial,
then there is a sample file,
00:02:51:05 - 00:02:54:04
the one I've got on screen
that is available for download.
00:02:54:14 - 00:02:58:21
You can find the link in the
Infigo Academy article
00:02:58:29 - 00:03:01:20
or the Step by step guide
which accompanies this video.
00:03:03:20 - 00:03:07:04
We'll take a look at the fundamentals
of configuring a template inside
00:03:07:04 - 00:03:11:26
Infigo Invent, followed by a look
at how we converted this into a product
00:03:12:04 - 00:03:15:22
within our own Infigo storefront.
00:03:15:22 - 00:03:20:02
So in our example, we're simply aiming
to create one variable image field
00:03:20:08 - 00:03:23:24
and one variable text field
just to get a general feel
00:03:23:24 - 00:03:31:26
for this functionality.
00:03:31:26 - 00:03:35:18
Okay, so what we're going to do
is just tackle each of these tabs in turn,
00:03:35:26 - 00:03:38:23
just to go through the process
00:03:38:23 - 00:03:42:00
of completing this variable template.
00:03:42:23 - 00:03:44:24
So we'll start off with the resources tab
00:03:45:06 - 00:03:48:23
so resources can be uploaded to Infigo,
Invent for use
00:03:48:23 - 00:03:56:09
in your dynamic product templates.
00:03:56:09 - 00:04:00:22
Resources can take numerous forms
consisting of groups such as
00:04:00:23 - 00:04:04:01
and if I click on and resource
that you'll see the options available.
00:04:05:09 - 00:04:06:11
Things such as clip
00:04:06:11 - 00:04:08:24
art sets, text libraries,
00:04:09:13 - 00:04:13:02
background
libraries, colour sets and font sets.
00:04:13:10 - 00:04:16:19
And what we're basically creating here
is folders
00:04:16:24 - 00:04:20:02
containing a group of assets
of those particular
00:04:20:02 - 00:04:24:22
formats.
00:04:24:22 - 00:04:28:08
These resources can be linked
to other areas of your Invent template,
00:04:28:15 - 00:04:31:02
as we'll discover later on
00:04:31:14 - 00:04:35:17
when you eventually export
your Invent file for use in MegaEdit,
00:04:35:26 - 00:04:41:13
these resources will be taken with it.
00:04:41:13 - 00:04:42:21
So what's our example here?
00:04:42:21 - 00:04:45:04
We're just going to create a new clip
art set.
00:04:46:11 - 00:04:48:26
So each resource set will have a different
00:04:49:00 - 00:04:51:15
configuration of options
associated with it.
00:04:51:26 - 00:04:54:23
However, they are all essentially
doing the same thing, so
00:04:54:23 - 00:04:58:11
they're just providing you with a location
to upload a selection of items
00:04:58:20 - 00:05:02:08
which you will subsequently
be able to use on your variable template
00:05:04:05 - 00:05:05:00
for a clip art set.
00:05:05:00 - 00:05:06:00
This is nice and easy.
00:05:06:00 - 00:05:08:23
I just need to enter a name
00:05:10:19 - 00:05:12:10
of that particular set
00:05:12:10 - 00:05:15:05
and then we just need to upload
some appropriate resources
00:05:16:03 - 00:05:20:01
so you can see that the supported file
types for this particular resource set,
00:05:21:11 - 00:05:23:20
I'm just going to click on
Add Images or PDF
00:05:26:26 - 00:05:29:02
and then input some appropriate
00:05:29:02 - 00:05:30:26
clip art.
00:05:30:26 - 00:05:34:22
So before we go ahead and save this, we're
just going to click this checkbox here.
00:05:35:20 - 00:05:38:29
So this creates a dropdown
00:05:38:29 - 00:05:42:22
variable automatically
which is associated with those resources.
00:05:43:23 - 00:05:48:26
Now, variables are a means of allowing
users to interact with our templates
00:05:49:05 - 00:05:50:28
with a product template from Invents.
00:05:50:28 - 00:05:52:29
They will usually take the shape of a form
00:05:53:06 - 00:05:56:29
which appears to the right of your screen
and when configuring
00:05:56:29 - 00:06:00:00
a product on your storefront
and we'll see this a little bit later
00:06:00:00 - 00:06:04:23
on, variables come in
a number of different forms,
00:06:05:01 - 00:06:08:02
depending on the format of the data
that they hold,
00:06:08:24 - 00:06:11:26
they may be manually created,
as we'll see later, or
00:06:11:26 - 00:06:15:07
they could be a simple dropdown variable
where users can select
00:06:15:07 - 00:06:19:11
from a dropdown list of options
which can be automatically created
00:06:19:17 - 00:06:22:05
from our resource
set using this checkbox here.
00:06:23:26 - 00:06:26:16
In this case, for example,
it will create a dropdown list
00:06:26:29 - 00:06:29:25
on our eventual form
which allows us to switch
00:06:29:25 - 00:06:35:20
between our uploaded images.
00:06:35:20 - 00:06:38:01
So now I can just go ahead and click Save.
00:06:38:01 - 00:06:40:16
You can see our resource set
has now been created
00:06:40:27 - 00:06:43:00
and I'm going to go
across to the variables tab
00:06:48:07 - 00:06:48:21
so we can
00:06:48:21 - 00:06:52:09
see that one dropdown
variable is already being created
00:06:52:16 - 00:06:55:09
from that resource set that we created
00:06:56:21 - 00:06:59:09
now will manually create
a second variable.
00:06:59:17 - 00:07:04:05
In this case, it will be a text input
where users can enter a text string
00:07:04:05 - 00:07:09:15
to appear
in a specific location on the template.
00:07:09:15 - 00:07:13:16
So if we just click on add variable,
that will show as a list
00:07:13:16 - 00:07:16:11
of the available variable types which
00:07:17:07 - 00:07:20:23
which one you select will be based
on what you're trying to accomplish.
00:07:21:00 - 00:07:23:21
So for example,
we've already got a dropdown variable,
00:07:24:16 - 00:07:26:03
we're going to use a text variable.
00:07:26:03 - 00:07:30:04
In this case, we've got a Boolean variable
which is either a checkbox
00:07:30:04 - 00:07:32:28
or a true false and so on and so on.
00:07:33:26 - 00:07:36:02
So will give you slightly different
00:07:36:02 - 00:07:42:24
data format types.
00:07:42:24 - 00:07:43:17
For this example,
00:07:43:17 - 00:07:47:15
we wish users to enter a text string
to appear on the actual template.
00:07:47:26 - 00:07:52:29
So a text variable is applicable.
00:07:52:29 - 00:07:57:24
The first and foremost will enter a name
for this particular variable
00:08:00:04 - 00:08:02:01
and then we can see that
00:08:02:01 - 00:08:04:22
there's a range of other options
available on here.
00:08:05:07 - 00:08:07:01
Now we won't be covering
absolutely all of them,
00:08:07:01 - 00:08:10:02
but just to give you
a summary of the primary ones,
00:08:11:01 - 00:08:13:04
so the first thing I want to do here
is to enter
00:08:13:04 - 00:08:15:06
a default value.
00:08:16:19 - 00:08:18:17
So we’ll soon
be linking this variable
00:08:18:17 - 00:08:21:11
to a text frame on our actual template.
00:08:21:26 - 00:08:24:17
Setting a default
value is not a necessity.
00:08:24:24 - 00:08:27:21
However, it will ensure
that we don't automatically end up
00:08:27:21 - 00:08:29:19
with an empty text box.
00:08:29:19 - 00:08:33:26
This will ensure that when the template
is loaded and viewed as a MegaEdit product
00:08:34:03 - 00:08:40:17
text is automatically present.
00:08:40:17 - 00:08:41:19
Now you can see at the moment
00:08:41:19 - 00:08:45:09
that this is showing as a single line
where I can enter a default value.
00:08:45:22 - 00:08:48:01
If I wanted to insert paragraph,
for example,
00:08:48:11 - 00:08:50:22
I could switch the mode
to be a multi line.
00:08:51:07 - 00:08:56:10
And you can see now that I can enter
a multi line default and eventually
00:08:56:11 - 00:08:59:22
will be able to enter a multi line entry
into this variable
00:08:59:22 - 00:09:04:25
as well.
00:09:04:25 - 00:09:07:26
So other options on this screen
allow you to input validation
00:09:07:26 - 00:09:11:17
options and various different
formatting options.
00:09:11:17 - 00:09:14:28
Each variable type
will also have its own set of options.
00:09:15:08 - 00:09:17:26
The Infigo Academy contains
detailed tutorial
00:09:18:09 - 00:09:21:26
learning pathways on both Infigo
Invent and mega.
00:09:21:26 - 00:09:24:26
Edit If you want further information
on how to use these
00:09:27:08 - 00:09:28:20
with all that information in place, I'm
00:09:28:20 - 00:09:38:07
just going to click
Save to confirm that variable.
00:09:38:07 - 00:09:42:03
So now that we've created resource sets
and we've linked those resource sets
00:09:42:03 - 00:09:45:22
to variables that are end
users will be able to take control of.
00:09:46:16 - 00:09:50:24
Our next step is to link those variables
to our actual artwork itself
00:09:51:02 - 00:09:54:23
so that the system knows
what needs to change on the artwork itself
00:09:55:02 - 00:09:57:03
when a user changes the variable.
00:09:58:05 - 00:10:01:23
So we're going to begin by selecting
the image frame that is located
00:10:01:29 - 00:10:05:25
on the provided InDesign file,
00:10:05:25 - 00:10:09:11
and then I'm going to go ahead and
go to the Properties tab on the Invent
00:10:09:19 - 00:10:16:27
plugin, start
by clicking the Enable button.
00:10:17:13 - 00:10:20:25
So all existing
elements of the InDesign file
00:10:20:25 - 00:10:24:16
are set, not to be controlled by Infigo
Invent by default.
00:10:24:16 - 00:10:28:23
This means that if the template were
to be imported into MegaEdit at this stage
00:10:29:03 - 00:10:33:12
the template would be completely static
and nothing would be variable from within.
00:10:33:13 - 00:10:37:06
Make edit even if you've already set up
resources and variables
00:10:38:03 - 00:10:41:17
by enabling frames in your template
like we've just done here,
00:10:41:27 - 00:10:45:27
you're confirming the Invent will see
these as a variable field.
00:10:46:10 - 00:10:50:15
As such, numerous additional options
will be displayed within the Invent tab
00:10:50:23 - 00:10:57:08
when a field is enabled.
00:10:57:08 - 00:11:01:12
Now what we want to do is to form a link
by mapping the image
00:11:01:12 - 00:11:04:13
field to our image variable.
00:11:05:26 - 00:11:06:24
So to do this, we need to
00:11:06:24 - 00:11:10:11
locate the mapping options
within the properties tab.
00:11:11:07 - 00:11:13:15
Here you can link the field
to the resource
00:11:13:21 - 00:11:15:26
or one of your defined variables
00:11:16:25 - 00:11:19:01
by linking this field to an image
00:11:19:01 - 00:11:24:07
variable,
it will ensure when the user changes
00:11:24:07 - 00:11:27:08
the variable using the MegaEdit form
as we'll see later.
00:11:27:15 - 00:11:32:00
The image shown on the actual product
will also change.
00:11:32:00 - 00:11:34:05
So what we want to do
here is on our mapping.
00:11:34:12 - 00:11:38:04
Select what we want to map to
so either a variable or a resource.
00:11:38:16 - 00:11:41:12
In our case,
we want it to change the image based
00:11:41:12 - 00:11:44:22
on the variable selection
by select variable
00:11:45:06 - 00:11:48:09
and then choose the appropriate variable
and that is the link
00:11:48:09 - 00:11:54:20
confirmed.
00:11:54:20 - 00:11:58:23
Next, we'll link our text field,
which is down here to our text variable
00:11:59:06 - 00:12:01:24
so that whatever is populated
in the text box,
00:12:02:03 - 00:12:06:15
which will be shown in the MegaEdit form,
will be displayed on the artwork as well.
00:12:07:13 - 00:12:09:04
So this follows a similar process.
00:12:09:04 - 00:12:11:15
We select the frame
and go to the properties tab,
00:12:12:22 - 00:12:15:12
enable the frame to make it dynamic
00:12:15:12 - 00:12:17:25
and then we're going to choose a field
00:12:17:25 - 00:12:28:23
that we're going to link this to.
00:12:28:23 - 00:12:32:15
And in our basic example, that's all
we're going to set up at this stage.
00:12:32:22 - 00:12:35:18
So now we're at the point
of actually exporting this
00:12:35:27 - 00:12:39:03
InDesign
file this in the file for use in mega.
00:12:39:03 - 00:12:39:21
Edit.
00:12:40:15 - 00:12:45:04
So to do this
we need to go across to the export tab.
00:12:45:04 - 00:12:48:29
This will give us a summary of what's
contained within this particular file.
00:12:49:27 - 00:12:52:23
So we can see there's two fields,
there's two variables
00:12:53:13 - 00:12:55:18
five clear path items as a resource set
00:12:55:27 - 00:12:58:13
and only one page.
00:12:58:25 - 00:13:00:26
Now we're just going to set an export
file.
00:13:00:26 - 00:13:04:20
So this is just selecting a location
and a file name, click save,
00:13:04:20 - 00:13:07:10
So this is just selecting a location
and a file name, click save,
00:13:07:16 - 00:13:10:02
and then we're ready
to start our validations.
00:13:10:20 - 00:13:13:29
So Invent will begin some validation
checks to ensure
00:13:13:29 - 00:13:16:26
that there are no discrepancies
in your template setup.
00:13:17:23 - 00:13:20:01
So you need to repair any validation
problems.
00:13:20:01 - 00:13:23:08
In this case, it's only
saving the documents, but this could be
00:13:23:08 - 00:13:26:13
if it's sensing a mismatch between
00:13:28:04 - 00:13:28:13
where
00:13:28:13 - 00:13:31:16
it's expecting a variable to be used
and maybe a variable is not linked.
00:13:31:16 - 00:13:32:15
For example.
00:13:32:15 - 00:13:35:06
And then once we've
00:13:35:26 - 00:13:37:29
sorted those validation problems,
00:13:38:24 - 00:13:41:07
we can go ahead and export.
00:13:41:07 - 00:13:45:09
A MEX file will then be created
ready to be imported into your
00:13:45:09 - 00:13:51:07
Infigo storefront
and be used via MegaEdit.
00:13:51:07 - 00:13:52:13
So what we're going to look at next
00:13:52:13 - 00:13:56:00
is actually importing the MEX file
into your Infigo storefront.
00:13:56:19 - 00:13:59:10
If I just go back to my storefront
00:13:59:10 - 00:14:04:24
that we have been utilizing, I'm
00:14:04:24 - 00:14:07:26
going to navigate to my product management
where we create
00:14:07:26 - 00:14:09:09
new products
00:14:12:03 - 00:14:14:08
add a new product
00:14:17:22 - 00:14:18:08
and enter
00:14:18:08 - 00:14:26:06
a product name.
00:14:26:06 - 00:14:27:12
Now for the product type,
00:14:27:12 - 00:14:32:18
we want to make sure
that we've got MegaEdit selected.
00:14:32:18 - 00:14:36:13
So whether we intend to create a dynamic
template from scratch in MegaEdit
00:14:36:22 - 00:14:42:05
or import and Invent file, we do select
MegaEdits from the product type dropdown.
00:14:43:25 - 00:14:44:20
However, if we're
00:14:44:20 - 00:14:48:07
importing an Invent file,
which is a MEX file,
00:14:48:20 - 00:14:52:27
we select it using the upload
Invent package button here.
00:14:53:25 - 00:14:56:25
So I select that button and locate
the file that we've just exported
00:14:56:25 - 00:15:08:24
from InDesign.
00:15:08:24 - 00:15:10:28
With that done, click on Create.
00:15:10:28 - 00:15:15:22
This will import and set up your MegaEdit
product on your Infigo storefront.
00:15:16:08 - 00:15:19:13
You immediately
be taken to the product details page
00:15:19:19 - 00:15:22:27
where you can configure the product
landing page in more detail.
00:15:24:02 - 00:15:27:29
As with stock and other product types
seen in previous tutorials,
00:15:28:06 - 00:15:33:27
MegaEdit products
have a fully configurable landing page.
00:15:33:27 - 00:15:35:16
Your product template can be viewed
00:15:35:16 - 00:15:38:27
and further developed
inside the MegaEdit editor.
00:15:39:09 - 00:15:43:00
So this is accessed from the front end
of your storefront.
00:15:43:00 - 00:15:47:17
Directly access the product landing page
for this product by clicking on the view
00:15:47:17 - 00:15:56:08
product page icon.
00:15:56:08 - 00:15:59:19
The primary difference
between MegaEdit product landing pages
00:15:59:19 - 00:16:03:29
and other product types is these landing
pages will have a start button
00:16:04:28 - 00:16:07:00
which then launches the MegaEdits editor
00:16:07:08 - 00:16:22:28
showing your product template.
00:16:22:28 - 00:16:25:28
So at this point,
the MegaEdit editor has been loaded,
00:16:26:10 - 00:16:30:06
so further configuration of the product
can be performed within MegaEdit.
00:16:30:26 - 00:16:33:23
However, from our Invent file
we can see that
00:16:33:23 - 00:16:37:01
a form over on the right hand
side has been created
00:16:37:01 - 00:16:42:16
with two of our variables
that we specified inside Invent.
00:16:42:16 - 00:16:46:02
Changing the image variable will change
the image displayed in the product
00:16:49:00 - 00:16:50:28
changing the text variable.
00:16:50:28 - 00:17:01:22
We'll also update the text
displayed on the product.
00:17:01:22 - 00:17:02:22
MegaEdit contains
00:17:02:22 - 00:17:06:19
many features that will not be detailed
in this Rapid Build series.
00:17:06:29 - 00:17:10:07
Check out the Infigo Academy
for more detailed tutorials
00:17:10:15 - 00:17:16:29
on the use of MegaEdit or Invent
00:17:16:29 - 00:17:17:20
So from here,
00:17:17:20 - 00:17:21:12
once your customer has finished specifying
that product as they will be presented
00:17:21:12 - 00:17:25:17
with a very similar interface,
they simply go to preview
00:17:26:16 - 00:17:28:24
to see their finalized product
00:17:28:24 - 00:17:30:29
and they can add to Basket and proceed
00:17:30:29 - 00:17:38:09
with the order.
