Picture of What are modes in the Form Builder? | FB_030

What are modes in the Form Builder? | FB_030

Let's take a look at the Modes functionality in the Form Builder, before we go into individual capabilities in later tutorials.

Tutorial Video Transcript

A transcript of our tutorial video, ensuring you can find exactly what you need, when you need it.

You can search this page to find the relevant time-stamp in the video. Also, this text can be used as part of the tutorial search feature.

00:00:06:00 - 00:00:10:08
So one of the major differences I invent

00:00:10:11 - 00:00:13:11
and this is a good way
to start the process today,

00:00:13:18 - 00:00:16:14
is that the form builder
gives you the ability to design

00:00:16:14 - 00:00:19:23
or provide
different modes to your customers.

00:00:20:11 - 00:00:23:11
Now what I mean by
this is you can tailor the experience

00:00:23:13 - 00:00:27:16
that they have based on
what you perceive them to require.

00:00:27:27 - 00:00:31:26
There's a few different things
we can utilize these for,

00:00:31:26 - 00:00:35:06
the one will provide by
or in the first iteration.

00:00:36:12 - 00:00:37:13
So we've got a few examples.

00:00:37:13 - 00:00:40:21
We've got form
which is where you can custom generate

00:00:41:13 - 00:00:44:13
a load of forms the customer's just given.

00:00:44:15 - 00:00:46:19
We've got create mode
where you can give them

00:00:46:19 - 00:00:50:00
the capability to add text

00:00:50:00 - 00:00:53:00
fields and image fields to their canvas,
but it's in a controlled manner.

00:00:53:25 - 00:00:54:26
You've got upload.

00:00:54:26 - 00:00:58:02
So this is where you can actually
just give them a space to upload their

00:00:58:25 - 00:01:01:25
artwork into migrated product.

00:01:02:12 - 00:01:03:28
And we've got guided.

00:01:03:28 - 00:01:06:27
So this is one
where you can actually create a, a

00:01:06:27 - 00:01:09:18
step by step experience approach
and I can demonstrate

00:01:09:18 - 00:01:11:24
this one to you today,
which is very unfortunate,

00:01:11:24 - 00:01:13:24
but I'll try and give you
an understanding of what it is.

00:01:15:00 - 00:01:17:06
So let's look at a few of those.

00:01:17:06 - 00:01:20:02
We'll start off with form mode
and I've got a few of the tabs open here

00:01:20:02 - 00:01:21:18
just to demonstrate those.

00:01:21:18 - 00:01:25:03
I've opened these products
as a customer would see them.

00:01:25:03 - 00:01:27:11
So this is the end user experience.

00:01:27:11 - 00:01:30:22
No admin capabilities
in this particular configuration.

00:01:31:18 - 00:01:34:01
So what you can see in the full mode over
on the right hand side,

00:01:34:01 - 00:01:37:05
we can very easily configure this form
which allows us

00:01:37:22 - 00:01:40:22
to change
various elements of Omega edit products.

00:01:41:01 - 00:01:44:03
This is ranging from things
like the layouts and backgrounds,

00:01:48:02 - 00:01:51:02
imagery,

00:01:51:05 - 00:01:51:28
and then we can get it

00:01:51:28 - 00:01:55:02
so that we input text.

00:01:55:15 - 00:01:59:22
It generates QR codes, it
automatically formats text

00:01:59:24 - 00:02:02:24
all this good stuff
and it's all done from within the form.

00:02:02:24 - 00:02:06:19
On the right hand side, you have still got
capabilities to allow the customer

00:02:06:19 - 00:02:10:02
to interact with the actual canvas
and the elements on the canvas.

00:02:10:02 - 00:02:11:09
If you want to.

00:02:11:09 - 00:02:14:28
But I'd say in most scenarios
when people are utilizing this, they just

00:02:14:28 - 00:02:18:07
want people to interact with the form
and that's what the form mode does.

00:02:19:02 - 00:02:21:05
Now the form mode is the default one.

00:02:21:05 - 00:02:23:01
So it's what I'll be using for the vast
majority

00:02:23:01 - 00:02:26:14
of the explanation in this webinar
is it kind of covers most of the

00:02:27:05 - 00:02:28:06
most of the capabilities

00:02:30:20 - 00:02:33:02
of the next example products.

00:02:33:02 - 00:02:34:20
So again, it's a very basic example.

00:02:34:20 - 00:02:37:13
Product is the create mode.

00:02:37:13 - 00:02:42:13
So this is where you empower the customer
to add their own elements and modify

00:02:42:13 - 00:02:45:18
their own fields on the actual canvas
itself.

00:02:46:06 - 00:02:48:18
Doesn't mean
you have to give them a blank canvas.

00:02:48:18 - 00:02:50:21
As I've tried to demonstrate
very simply here,

00:02:50:21 - 00:02:55:12
you can put permanent elements on there
which they have to adhere to.

00:02:55:12 - 00:02:59:21
They have to keep however they as
the customer, then have the ability to

00:03:01:01 - 00:03:03:08
input new frames, move it around,

00:03:03:08 - 00:03:06:10
and then they have some customization
options on that frame as well,

00:03:07:28 - 00:03:08:22
which we put up with.

00:03:08:22 - 00:03:11:22
But then

00:03:18:14 - 00:03:21:14
that's the create mode

00:03:23:08 - 00:03:25:14
and then we have the upload mode.

00:03:25:14 - 00:03:27:15
So this is probably the simplest.

00:03:27:15 - 00:03:30:21
It's just
where you have a field on your canvas.

00:03:30:21 - 00:03:33:21
You give people the ability
to upload the image.

00:03:33:22 - 00:03:37:08
Again, you can still have permanent
elements on there if you need to do so,

00:03:37:25 - 00:03:41:26
but all they're essentially doing
is uploading an image to that field.

00:03:48:01 - 00:03:50:19
Now we've also got the capabilities
within here as well

00:03:50:19 - 00:03:54:18
to try and demonstrate
this a bit later on is

00:03:54:18 - 00:03:59:00
you can change the canvas
and keep the frames

00:03:59:15 - 00:04:04:07
relative to the canvas so fit to bleed
or fit to page or something like that.

00:04:04:24 - 00:04:05:12
You can do it

00:04:05:12 - 00:04:09:01
so that even if you change the canvas,
it will maintain those relationships.

00:04:09:09 - 00:04:12:09
And that's one of these good things
of the upload mode.

00:04:12:09 - 00:04:15:18
It is presence on the other modes as well
is very good to use on your upload mode.

00:04:15:28 - 00:04:18:28
So for example,
if I go ahead and change my canvas,

00:04:21:00 - 00:04:23:19
I've configured it so that that image

00:04:23:19 - 00:04:26:19
will follow it.

00:04:27:22 - 00:04:28:07
Okay.

00:04:28:07 - 00:04:31:07
And then the final mode
that I can't demonstrate to you because

00:04:31:07 - 00:04:34:16
it's guided mode is a work in progress.

00:04:34:22 - 00:04:37:06
So it can't be fully shown.

00:04:37:06 - 00:04:40:09
What it does is enables the ability
to provide your end users

00:04:40:09 - 00:04:43:25
with a kind of step by step experience
when ordering

00:04:43:26 - 00:04:46:17
and customizing their products
and what it does.

00:04:46:17 - 00:04:49:29
So you can see in my example here,
I've just got these various steps.

00:04:49:29 - 00:04:53:13
So one, two, three, four,
what they will experience

00:04:53:22 - 00:04:56:18
is when they open the product,
it will go immediately into step one,

00:04:56:18 - 00:04:59:28
which may be to fill in and customize 
a text field,

00:05:00:09 - 00:05:03:02
but then get a next button,
which goes to step two.

00:05:03:02 - 00:05:04:22
They'll do whatever's on there.

00:05:04:22 - 00:05:06:02
Next step, go to step three.

00:05:06:02 - 00:05:09:28
So it's guided through the process
means that they have to do it.

00:05:09:29 - 00:05:11:23
It's a simple user experience

00:05:11:23 - 00:05:13:13
and it means that all the requirements

00:05:13:13 - 00:05:15:12
making is filled in as well
because they have to go

00:05:15:12 - 00:05:17:08
through all the steps
before they can tap the basket.

 

Incomplete

Individual Search Words:

modes, Form Builder, functionality, design, customer experience, create mode, form mode, upload mode, guided mode, custom generate, layout, backgrounds, text fields, image fields, canvas, step by step, customize, products, Infigo

Alternate Search Phrases:

Infigo Form Builder modes, Form Builder customization options, creating forms in Infigo, Form Builder customer experience modes, Infigo create mode tutorial, Infigo upload mode guide, step by step mode in Form Builder, using guided mode in Infigo, customize canvas in Form Builder, form generation in Infigo, setting up form modes in Infigo