0:00
hello everyone and welcome to the
0:01
channel as many of you asked me how you
0:04
can automate Canva design creation in
0:06
NA10 I have decided to film this video
0:09
and show you an alternative because to
0:11
automate Canva in NA10 you would need an
0:14
enterprise plan that gives you access to
0:16
API of Canva fortunately there's an app
0:20
called Placid that will do just that if
0:23
you want to see more videos like this
0:25
make sure you subscribe to the channel
0:27
please watch the video leave a like
0:29
button and if you have any questions
0:31
just leave a comment i will get back to
0:33
you so let's get into it so this is the
0:36
Placid website um as you can see you can
0:39
create all these kind of designs and
0:43
they can be fully automated with your
0:45
own text images etc of course it's a
0:48
paid tool but you can sign up for a free
0:50
trial i will have a link into the
0:52
description so you can use that um yeah
0:56
so you can create your own templates
0:58
they have many templates built in so you
1:00
can use those all the data here is
1:02
variable so you can add text images and
1:06
etc about the pricing so for $19 a month
1:11
you get 500 credits that means you get
1:14
500 generations canva has the same
1:17
pricing but here you have API access so
1:20
you can automate the process of creation
1:22
the of these assets so I have my account
1:25
here um I've I've created uh three
1:29
templates one for Instagram one for
1:32
Pinterest and one for Facebook and we're
1:34
going to have these into our NA10
1:38
workflow so this is a basic NIN workflow
1:41
that I created for this video i want to
1:44
show you these two nodes these are the
1:47
nodes that will generate the designs
1:52
with your assets meaning with the text
1:55
and images so this is a simple workflow
1:59
as soon as I publish a post on my
2:01
WordPress uh this web hook is triggered
2:04
and this scenario sends uh images
2:10
and text that I want to placid uh the
2:13
design is generated and then saved on my
2:16
Google Drive so I will explain you how
2:18
templates work and then we get into the
2:20
code so you can understand how you can
2:23
set this up and integrate into your own
2:25
workflows so if I go here I'm just going
2:28
to create a new template and I can
2:31
choose from the pre-built templates or I
2:35
can create a custom template in a custom
2:38
size as well i'm going to use a pre
2:42
preset template here just for the sake
2:45
of this video so uh let's choose this
2:48
one let's click create
2:52
and basically this is very similar to
2:55
Canva so you can set your own fonts for
3:01
add overlays uh change the layer order
3:04
etc uh this you can sign up for Placid
3:07
and test it yourself but what is
3:10
important here is that this text for
3:12
example you can integrate this template
3:16
into your workflow and you can use
3:18
variable data here so uh let's say we're
3:24
going to delete this um we're going to
3:27
delete this this within my workflow I
3:29
have a text that I want to have here so
3:32
I will use this uh title variable and if
3:36
I want to change the image that I see
3:38
here I will use this image variable uh
3:42
that's pretty convenient and pretty easy
3:44
once you understand how this works so I
3:47
won't save this let's remove this delete
3:52
so this is the scenario let's go to my
3:56
uh sample WordPress and I have here a
4:00
draft post uh about Porsche 911s uh as
4:04
you can see there are some images so I'm
4:07
going to publish this post and see how
4:09
the scenario will work let's publish it
4:15
so here it extracts the image file image
4:19
urls from the code and then it sends to
4:22
placid we just need to wait couple of
4:24
seconds until we can get the generation
4:28
change the image to base 64 to be
4:30
uploaded onto Google Drive of course you
4:33
can um implement it to be directly uh
4:37
posted on social media but for the sake
4:40
of this video I just wanted to show you
4:46
and I will explain also how to set these
4:51
uh these placid nodes if I go now to my
4:56
Google Drive I can see uh that designs
5:00
have been created so this one is for
5:02
Facebook basically it takes image from
5:05
my blog post takes the text uh of the
5:09
title and creates this on brand visual
5:13
or creates this visual for my social
5:17
media the same for Pinterest and also
5:20
the same for Instagram as well so we
5:24
will search for HTTP node we're going to
5:26
make an HTTP request and it's going to
5:30
be uh let's go to back to placid and we
5:37
can have um API tokens
5:41
so here is REST API requests how to make
5:45
documentation so basically we need to
5:48
authorize with authorization bearer and
5:55
let's do the authentication now um it's
6:00
and it's going to be bearer off so
6:03
select bearer off we're going to create
6:11
our API key so we paste it here and we
6:18
and we just created our um authorization
6:22
token here in NA10 and we need to get
6:25
URL so in the documentation under images
6:31
uh we can see here we need to make a
6:34
post request to endpoint this so we copy
6:39
oh yeah and you can also create PDFs and
6:42
videos also with blessed
6:44
uh so this is for the images but the
6:47
same um applies to PDFs and images as
6:52
well so we're going to send body uh
6:55
we're going to send JSON
6:57
and uh we're going to be using JSON
7:02
and we can expand this so it's better
7:05
for you to see let's head back to Placid
7:09
documentation and here is a sample that
7:12
you can use so we're going to copy this
7:15
uh go back to NAN and paste the JSON
7:18
here so let's delete these unnecessarily
7:26
so we first we need to provide template
7:30
UD that's uh identification number so to
7:34
get the template identification number
7:36
we go here in uh sorry we go to
7:42
just click on edit the template you have
7:44
created copy the template
7:51
and just replace this so the layers so
7:55
here we have image and what we have if
7:59
we go to our template we also have image
8:02
here so if we want to replace this image
8:06
we need to use the name that we have
8:07
here so I'm going to change it to um
8:19
and replace this image uh to replace
8:22
image and here we're going to have the
8:24
URL of the image that we will add to our
8:28
design so the next thing that we need
8:32
for our design to work is title so to
8:36
change this I'm going to just change it
8:38
so it's better for the video i replace
8:45
okay go back to N just change this
8:50
title to replace title
8:54
and we have also another variable that
8:57
we can change so this is the subline
9:03
uh we're going to rename it um replace
9:10
like this so I'm just going to put my uh
9:19
and for now we're going to leave it like
9:23
and where does it go here let's uh
9:28
unlink these that I had before
9:32
and let's connect this code to the new
9:44
so I'm going to replace the image with
9:51
and the title I'm going to use from my
9:53
web hook response uh that is the title
9:59
let's put it here and the replace
10:02
subline will be my website uh name
10:08
and let's execute this step so
10:12
we need post sorry so let's execute it
10:16
again and we have made the request
10:24
uh then we need to add a wait node
10:30
let's say for 10 seconds because there
10:33
need there has to be some time while uh
10:37
plus generates the new uh image and then
10:44
add another HTTP module
10:48
sorry node um get uh authentification
10:53
um is um generic and we just set
11:00
it up I think yes so let's
11:04
uh bearer o and we have this bearer o
11:08
account too that we just created when we
11:10
created the first http module we just
11:13
need to get the URL and the URL we can
11:16
get from placid retrieve an image we
11:20
need to use method get and it's going to
11:23
be this UR URL with ID at the end so uh
11:32
we need to um just execute this so we
11:38
can uh have the variable from this
11:47
it's done so now we can take the ID from
11:53
uh or ID from here from the HTTP request
11:57
so let's pull this in here
12:05
and let's execute the step and here we
12:11
now I'm going to execute the workflow
12:14
head back to my WordPress and just
12:16
publish this and it should start the
12:18
scenario or workflow
12:21
yep now it has been sent to plus head
12:25
and then after 10 seconds it will pull
12:28
the request uh to get the URL of the
12:31
created design so let's check the design
12:38
yes as you can see it replaced the image
12:40
replace the text and replace the subline
12:44
this is how you can automate your design
12:47
template creation with different
12:50
variables from your no code automations
12:53
in NA10 you only need two modules one is
12:57
to send requests to plusid and the other
12:59
module is to retrieve the creation so if
13:04
you find this video helpful leave a like
13:07
as well uh as I mentioned in the
13:09
beginning you can ask me questions in
13:11
the comment section if you need
13:13
assistance in creating um automations
13:17
just contact me uh I have my details in
13:20
the description you can book a meeting
13:22
with me etc and thank you for watching i
13:27
hope to see you in the next video