Transcripts
1. Intro: Creating a website has never
been easier than today. With A Power tools, you can spin up a
full functional site in minutes simply by using Tom. In this class, you will
learn how to build a dedicated lending page for any digital
product using AI. You will start with finding
your digital product, what is a digital
product and how you can create a digital product
using any tools such as Canva, Google Dog, or Noon, any other tools that
you are already familiar with that you can
turn into a digital product. After that, when we finalize
our digital product, I'll show you how you
can actually create a lending page to show off your digital product
using Gamma AI. By the end of this class, you will not only have a
compelling digital product, but also published a
living lending page that showcase it perfectly and
convert visitor into customers. So let me help you to create your first digital
product and then lending page for
it in next hour.
2. What is a digital product? And Examples: So what I've noticed, when it comes to
digital product, we think a lot about it, and we think it's
a complicated task and we don't know what it is, even though we kind of do have digital product
already maybe within us, or we are capable of
creating digital product. So in this lesson, I'm going to quickly give you some example, explain what it is, and
maybe this will help you to understand what
is digital product. So the definition is
anything you can buy, sell, or use online that
doesn't have a physical phone. That's probably we all know. So in simpler times, it's like, it's a product you can
instantly download, access or use on
your phone computer, no shipping, no
packaging, just digital. To give you some examples, we can think about eBook. Books that you read
on your screen, and maybe if we go ahead and
think about how to create, we can use these tools
or many more like Google Wd doc and
then turn them into a PDF or Canva PDF for
more design based PDF. Also, you can use Adobe Acrobat for more
interactive PDF if you want to. But if you think about the, the PDF contained information. So what is important is having a PDF with information that
you are trying to explain. If you want to go
a bit advanced, you can use Canva or
add a V acrobat for more information that you can give and maybe
charge a bit more. So next one, we have
music and sound effects. So when it comes to
music and sound effects, we don't really think about
them as a digital product. Probably the example will
show you how you can. You can actually record real world sound
like draw cracking, footstep on different surface, also like natural sounds like rain buds or any other
natural sounds that you can. And then you can
build them a package, and you can sell them
on lots of platform as a package where people will
download, buy it from you. And they will be able to
use it on their videos. Maybe they are creating a game and they need to use
the sound effect, or, you know, people
could be using it for lots of different things that
they are working nowadays. And if you feel like it's not something that, you
know, you can make money, but you were wrong because there are lots of people who are making their living using
the sound effects and music. Also, you can use digital
software to create sounds. Like also you can
also put pianos and all these that you
probably know how to use, record them, and you can edit
them and sell it digitally. Lots of people buy it. Probably you don't
notice that when you watch YouTube video
or any other, there are lots of sound that is actually sound effect
that just created by someone maybe using
digital software or real world sound to
make it more engaging, more realistic,
these sound effect are used every single day. Next, when it comes
to digital product, we can think of online
courses. That's very common. Lesson that probably you
are watching now, this one, or you can actually go ahead and create upload it
online marketplaces, such as the one
you're at the moment, watching, or you can
also self host yourself, create a content
and self host and then bring people to your
own web page where you can actually allow them to have a trial period or allow
them to buy from you. Then we can think of templates. There are lots of templates, and anything you're using
that it's like you can make duplicate and give it to
other people to just use it. But the logic behind
it will stay same. So the templates are ready made design documents like
planner CV resume. Also, I can give you
a female example, which is notion template,
Canva template, Google Excel Google
or Excel sheet template that you can actually
sell it to other people. These are very common. There
are lots of other options available depending on what
you are actually creating, maybe photoshops, maybe other tools that you
are using everyday life. And you can think of these as you can sell it to
other people as well. Next, we have absence
software or websites. So it's basically if
you're someone who is a developer or not necessarily
have to be a developer, you can probably know
how to create a website, and then you can create
website templates such as What press website
template or Shopify template. All these tools, they
are in high demand. Even though maybe
you don't know, maybe you have never
thought about it, but you have skills that you
can create apps software. So with the apps, you can also have such as, like, ad from the ads. So also you can create blog website or
something like that, and then you can run the ads on your web page
or on your apps, and they should be able to
generate money for you. It's also, you have
SAS opportunity. If you know how to build
a software or a website that does solve a problem
for one particular problem, and then you can charge people
for monthly subscription. You probably use lots of them, and you can think of something that probably
you can create yourself or hire a freelancer
who can create it for you. Next, we have stock
photos, icons and videos, images, icon clips people buy and use it in their project. So you can create
a pack of icons. Like if you create an
icons like symbols, and lots of people
will download them, use it for their own project. Even some companies will
download it from you, and then they will use your
icons for their own branding. Maybe they will change a
bit of here and there. You can use like drone footage and sell the drone footage. You probably watch a
lot of YouTube videos, and you will see sometimes
they use B rolls where they add like drone footage
to explain something or, you know, you can use it
for different purpose. They can use it for
different purpose, and you can actually sell, like, video footage
as a package. And also images for businesses. If you are someone who
has a good camera, even not a good camera, you can probably use an iPhone
to create image picture, take pictures and then
edit them and then upload it to platforms where
they can buy it for you. Probably leave like, you know, show them some pictures
free of charge. Maybe you can use
Instagram, Tik Tok, or other social media platform to show them the trial picture and have multiple other pictures within the package they have
to pay and then get it. So these are the
common examples of digital product could be coming up with lots
of other options. I just hope that
these example shows that anything any digital
skills that you have, you can turn into
a digital product. Let's move on to
the next lesson.
3. How to create your Digital Products: So there are lots
of ways to create digital product and we already have seen a
couple of examples, and the DigiRPduct is
unlimited options, unlimited ways to create. However, in this lesson,
I'll show you how you can create a digital
product using Canva, and it's an eBook. You can also create lots of digital product templates
using Canva tool. So if you don't
know what is Canva, you can just go ahead, open your Google tab and you
can just search canva.com, and you should be
able to sign in. I'll also link Lev Link
for you. Have a look. So what I have done here is, this is the product
I'm going to create. It's called the adultimate Guide to prompting large
language models. So this will be an eBook. I'm using Canva for this. I'll show you the process how I did it or how I'm doing it. So this will be our product in the website
that we're going to create. This will be the product
that we are going to use the Landing page for. Oh, first of all, there was another product
that I have created, which also will be available to you if you can go
ahead and have a look. So this is a starter pack essential guides
for all beginners. This is actually very
important resource because this web page or this product has linked with Gemini's Google
Workspace prompting guide directly from the Google. Their suggestions,
everything that you can see from here, probably, all these important
ways how you can actually do the prompting
for your specific tasks. They're the guidance is very well structured
and how this will work. They have explained
every single bits that you need to know in order to do a prompting to
get best results. Not only, Google Geminis. Also, I've got from Open Eyes Practical Guide
for building agents. This is also important
if you are trying to build an agent with AI, or you can also see
the examples they have used how to set up
and also the data, the description of data and all the important
information that you need to have in order
to do the prompting. So there is another published from Google, prompting
Engineering. This has very good examples
or sort of examples, if you want, you
can go ahead and have a look at this one. They have provided
lots of examples, output, attempt from, you know, saying one prompt and then
going ahead and using a different prompt to see
how the output differens and where the guidance
from Google as well. Also, we got from there
is another one here. I have linked same
different ways, more explained the
technical times also from Anthropic we have this website link to here and also another book we have here. It was published in
April 2025 2027, how it will be in the future, which direction
it's going ahead. So this is the one
product that I have. It's free to use for anyone. I have just used all these prompting guidance
from these companies, big LLM companies, and
then this is a guide. However, the next one, what I'm creating
is actually based on all these PDFs,
all these eBooks, all these website, it's because if you are someone who's going to
have a look at this, you are welcome to, but
it's very rare that we are going to have a look at
all the prompting guide. So what I'm doing is I'm
combining all of these, doing my own research, trying to understand and
read all these guidance. Then put together a
new product eBook. It's called the Ultimate Guide to prompt large language models. So based on this,
I'm using Canva, as you can see this is Canva, and then this is just book
cover, the eBook cover. You can go ahead and
also go to the Canva, search for eBook, EBok template, like care you will see lots
of templates available. You can search, customize
them, however you need, and you should be able to see lots of ebooks. These are good. However, before I ended up creating the ab
with the va eBook, I already started with the actual information
that I was supposed to I was supposed to
put in the Canva PDF. So I started the ultimate the ultimate guides
for prompting in a PDF with Google Doc. So I'm trying to get all
this information from these books that I showed PDF from Google Open eye
and other options. And then I'm trying to
come up with the product. So analyzing those,
trying to put them in more natural and easy to understand
terms and condition, getting the examples
that are easy easy to explain maybe not
every technical things are necessary for someone just
to use he chip D Gemini or any other LLMs to
get their outcome. So these are the things
that I'm trying to put together to create my
next digital product. So you can see that
the Chapter seven inspired prompting framework, this is in work in progress.
We haven't done it yet. So this content that I can
actually just create a PDF, allow the user who were
buying it to buy it as it is. But I just wanted to put this information more
into a bit more, you know, stylish design way so that it
looks a bit fancy. Also, it's easy to, you know, easy to understand how it works. So I'm going ahead with this. I haven't done it,
so I'm just going to put this information that I have on the Google Doc and into this eBook with the
branding and everything. So this is how you
can actually do it. To be honest, there
is nothing secret, nothing that coming up with, you know, out of nowhere. Obviously, you have to
put a lot of time to, you know, able to analyze something and
then also put together. So I understand that
while it looks simple, it's a bit time consuming
to put together all this. Obviously, depending on
what you're creating, it could be go ahead and create a notion template and then that probably
you're already using, and then you can just allow
people to buy it for you. So this is how I am creating a digital
product. As an example. It could be you creating
with different tools, different ways that is easy for you that
you already know, or probably you can
improve yourself a bit and then make your
digital product. So let's move on to the next one to see
how we can do that.
4. Introduction To Gamma Ai for Landing Page: In this lesson, I'm
going to introduce you to the Gamma
AI, the Gamma app. Click on the link
that is provided, and you will be
landing on this page. Just have to warn you that these AI websites are very fast at changing
how they look. Hopefully, they are not
going to change a lot, so you'll be lending to this page or similar
to page to this one. You can always scroll down
and see how they are, and you can see this
is an amazing website. You can see what
you will be able to do with the website, obviously, I'm going to show you, but
you can just scroll down and see how beautiful this
website itself is. Okay? So once you
are in this page, you can go ahead and
click on Start for free. And then you need to
create an account. So I'm just going to
go ahead and click Sign Google and create an
account with my email. So this is a bit
easier to create. So once you're here, you
will get a prop up for, you know, how do you
plan to use Gamma? Just go ahead and kick whatever
the reason you're using. I'm just going to use for this reason and I'm
going to continue and then it just follow with whatever you are
seeing on the side and just click whatever
you like to and, you know, use it for. So after that, you can also
say wherever you got to know. Okay, so after that, you come to this very
nice shiny web page. This is where you
actually create. So in this case, we
have three options. So the first option
is pest text. So basically what
you do in this one, you go ahead and paste the presentation
or website you are going to create it for and
just put the text outline. So basically describe it here, and then this will
generate it for you. So before we continue, we are going to
create a web page, but you can also
create presentation, and also you can create document social media posts as well. And then if you create
web page, it same also. All these options are same. You can just create by typing
here what exactly you want. If you scroll down, you can
also see few options here. So you can generate
from notes or upline through rough idea bullet points outline into
beautiful content. You can just or you can just
put like whole document. So basically, whatever
you paste here, give it a select one
of these options depending on what you
actually pasted here. So if we go back, obviously, we have to come back here again. And if we go back,
we can see generate, and you can see that
this is most used one. So this is what
you normally use. So you can also do the same
to create whatever you like. But this one would actually
create it for you. You don't really
need to do much. You just paste, describe
what you like to make, select the type of web page or presentation you
are trying to create. And then you have
eight cards here. So basically, up to
ten cards are free, and then you have to get
a subscription for that. So depending on what you're
creating, what you want, each card is like a
presentation sort of thing. So when we create, you'll be able to
understand then also you can see some
example prompts, landing page for a
healthcare consultant, offering to process
improvement solution for hospitals and clinic. So in this case, our
one would be page for a particular
digital product. Now, you can also see a few
more other prompt to just shuffle and you'll be
able to see what you are actually what you can
actually put here. Let's go back and
see the last option, which is Import file or URL. So basically, let's
say you already have a PowerPoint presentation
or Wat Doc or PDF, you can just go ahead
and upload it here, and that this GamI will automatically extract everything that needs to be extracted, and then it will create whatever you are going to
choose to create for. Can also import from Drive
by connecting Google, and then also you can put the URL for a website that
you probably already have, and then it should automatically
create it for you. So you have all the option. You can go ahead and choose. The main option that
we are going to choose is to generate, okay? So let's move on to
the next lesson, and I'll show you
exactly how you can generate your web page
for the digital product.
5. Generate Landing Page With Prompt : Welcome back. In this lesson, I'm going to show you
how you can generate the webpage using GamiI and it will automatically
generate for you. So we're here to
generate the webpage, so you click on the web page, make sure you click
on the web page. And then if you want, you can
explore a few options here. If it's your first
time using GammaI, just follow this,
then you should be able to get this sorted. So you can select how
many cards you want, depending on how big
of a website you want. But I would suggest
going with eight. And if you need to add more, you can do that
later on as well. So here is what you
need to describe. So since we are creating a lending page for
just one eBook, so we have to focus
on describing it properly so that this generates
something good for us. Depending on what
you are creating, you can describe it as
you would describe it to anyone to describe your eBook
or the digital product. So just ask, go ahead, and this is what I'm
going to type here. I wrote here, create a modern and professional
lending page for a digital eBook title, the title of this eBook. This card has been created by analyzing top tier
LAMS and reviewing authoritative source
such as research prepper and documentation from
AponeGoogle Don. You can see. The lending page should include, and then you write what
exactly you want it to. So like download now or get you copy some sort
of shin button, you want to show it at the
straightaway on the page. First thing that your visit
or page visitor should see something and then
you can also add, each when you think about
like eight cards, like, think about this like one card, one presentation in each
slides in your web page. So after that, you just
explain each of these slides like guaranteed or
reassurance line like perfect for
beginner advanced user, alike, you know,
something that's more attention from
the beginner level because this is directed towards beginner and
mid level of user who uses generative VI every day but want to get more
efficient answer. And then final call to action button with
an email sign up to purchase or even you don't
need to go all details. The more details you
provide, the better it is, but you can probably provide at least a few bullet
points, something like this. Main part of the digital
product that you are creating. And click on AditPmpt like
amount of text per card. Do you want a lot in
each card or less? You can just leave it to brief. We don't want to have too
much and write it for, let's say, what type of people
you are writing it for. Let's say I'm into their
stick if you want, you can write it like this,
provide more information. Individual interesting
technology and software
application, you can, and you have the
tone you can select, or you can write yourself. I'm just going to go ahead
and select inspirational. And then you can select also the type of image
you want to generate. Bear in mind, you can always
upload images that you want. But you can also allow the AI
to generate images for you. So from here, image source, you select the type
of image you want. You can also select the AI
model, which one you want. So this one, these basic
options are available for free. You can select
whichever you want. Go ahead and select
one of these. And yeah, this should be fine. I'm just going to
leave it as it is. And this is default as, which is obviously the
format will be our web page. And initially, you will be
able to do it for free. You will have credit, and this shows this
will cost us 40 credit. You can also go click on card by card and select more options, you can add card, each card, but I'm going to leave
it to free form, and then you can also provide more instruction and
click on Continue. On the right hand side, you will see lots of them available. And based on that, you can choose and you can see how your primary and
secondary button will be. You can choose depending on what type of product
you are creating, what's the initial theme
you want to go for. You can select, find
whichever you like. You can also search if you have any specific one that
you would like to have. I'm going to go ahead
with this one. Okay. So this is like a sort of preview how your
button will look like, how the text will look
like from each them. After that, click on generate
and they should be able to generate the whole website in front of us within a
couple of seconds. So let's see how it generates. So yeah, here we go. This is happening
live in front of us. So you can see that it's
completely generating the full guide with very
high level modern EIX. You can see on the
right hand side, there's a couple of
option guidance. You can just click and
then click on Let's go. Okay, let's have a look how it looks like how it is for us. The ultimate guide for
prompting large language model, and then you can
go ahead and click on Download or
Learn More option. We're not sure yet
what they will do. Obviously, we need to
make them workable. And then, okay, to be honest, let me click on Preview so
that I can see how it is. So you just click on
the right hand side and come to the preview page. Okay, so this is how we
look on a desktop preview. So obviously, download button
doesn't have anything yet. Then we have this second card. So this card when
we were doing it, you saw the card look
a full potential where this guide
matters too powerful, but only if you want
to talk to them, guide bridged the gap between basic prompt and
expert level prompt. Looks like they did really well without even asking
that much of details. Pron welter principles, advanced technique,
practical application. And they also added
some images for us. You can see that
generated images. And then it also
provides chapter. So you can see Chapter one,
prompting fundamentals, Chapter two, model
specific strategy, Chapter four, flipper five. Well, I didn't ask
for that, but yeah, then we have real results,
real improvement. So user port complementing task in a minute
that took hours, pinpoint accuracy,
get exactly what you need for the first
time, tenth attempt. Looks like, very good. They
did for the first time. I thought now I need to do a lot lot more work created
by end to stack you know, expert level insights, and then we go down and see what
readers are saying. You know, they just automatically
generated for us this. And then also, again, it's provided the
download now for 299 or join our
newsletter with this. Okay, so it looks like whatever they initially
generated, whatever it is. Now, it looks like it
reduced our work by a lot. Instead of going through
and adding manually, it reduced a lot of work
that normally you or me would have been able to do after spending
a couple of hours. Okay, let's see what we
can do by editing it. So let's move to the next
lesson and start by creating some actionable
buttons and maybe add some link or logos
for the web page.
6. Introducing to Gamma Ai Tools: I'm going to introduce you to
some of the tool that makes GI exceptional from
any other AI website. So on the right hand side, you will see there are lots
of tools available to you. And then if you want, you
can go ahead and click on search to find any
particular options. But I'll start with
here card template. So what is card template is? So let's open a card here. So if you click on any of
the card, so this section, and you will have a plus
button here to add a card. So this is basically a card in terms of Gai you can actually go ahead and make yourself some sort of
card, custom card. Just going to get rid of it now. And then I'm going to go ahead and click on card template. So basically, from
here, you have already templates available
for your website. So from here, for example, you can check some sort
of image on the left, and then on the right
hand side, you explain. So, for example, you can drag
and drop wherever you like. So you can see this there's a line showing where
you actually want. So maybe within another card, or you want to add another in the middle. So I'm
going to drop it here. So this gives you the
option to add an image on the left hand side and also
text on the right hand side. If you go ahead
and you can check, there are lots of template, all sorts of templates for you to explore a bit to see
which one you like. I'm just going to
bring this one, the circle stats, and then add it at the
top of this card. So this one is really nice. Probably I can use
it for some stats. So I'm just going to
get rid of it deleted. So you click on these three dots and then option you
have for delete. So you just grab rid of
the bottom part of it. Then we have these
three option available. You can change the percentage, and this will automatically
change the circle itself. So it's very interactive. With the text, it
just changes itself. It can also add name of it and it can change
the color of it. If you want to, you can
just click on this icon, select and click on
this color icon. You can change however you like to and title here as well, and add some details in the stat so that it
looks more professional. I just added some
stats for this eBook. So basically what we're saying is 78% of the early readers reported cleaner faster air
response within first weeks of applying the prompt technique from learning from this eBook. And then we also saying that over 40 professional
written prompt templates included for the job seer
creator, teachers, marketer. And also, it will
save up to 30% of their weekly task time by using structured prompt for email
reports and bandstrming. These are the stats
we just added. You can see that this smoothly goes with
our lending page. Now, let's say you want to add some pictures or
something on this side, right hand side, and
you probably want to add a book cover or
your product cover page. So what we can do, we can
actually edit this card itself. Go ahead and click on card
styling or this color palette, and then you can choose the
format how you want it to be. So let's say, I'd like to add something on the
right hand side, so I'll make some
space on the right. So you can see that it already generated a book cover
for us. This looks nice. However, we can improve this image by maybe
sending a prompt here, see if we can write
the book cover name, the ultimate guide to prompting
large language models. So I just added a bit extra
details on it to see if it actually can generate
an image cover for this. And I already have a cover. I will upload it a bit later, but I just want to see if this can generate
something for us. So I just added this bit. Make sure you add the
title in the book cover. It's called Ultimate Writer to complete Large Language Models. So I'm going to
click on Generate. You can also have more
style, like theme style, and then image styling, what type of image you want, depending on your product. Most the initial
generation of this image will select the best theme and best structure
for your images. But then obviously, you
have the opportunity to change anytime you like. So I'm just going to go ahead
now and click on Generate. See how looks like it's not
getting us what we want. So let's try it again
and see what we can do. Let's see if we can
click on Enhanced prompt and see if this can generate
something better for us. So now it's just
updated the prompt. We're going to
click on Generate. Just bear in mind that every time you try to click an image, it costs you ten credit. So the default image is this, but this also gives
us a few option here. So we can actually choose one. Let's see, maybe you can choose this one and see how it looks. Okay, that looks fine, to be honest, but
as I said earlier, if you already have
a book cover or the product cover
product image already, you can go ahead
and upload here. That's what I'm going
to do. I'm just going to click on Edit Image and then select from here AI image
to image upload from you. Yeah. And then you just drag
and drop or click Upload. I haven't downloaded the image that I was going to upload here, so I'm just going to
download it here now. So this is a book cover, sort of things like product
cover, not a book cover. I just wanted to download. So this is what I
created with that Canva. Going to select the PNG. And from here, actually, I just want to have the
first one, first page here. And the size itself, I think 800 by 800. I'm just going to
donload and see how it looks in the website. Yeah, that looks
fine. I love it. The very right hand side
corner there is like 2025. It's not coming together. But if you have a
bigger picture, you can click on
this focus point, and then you can move this
focus point to the right. So you can see that I just
moved it to the right and then it just gives us
a bit more space. Here. So I think this
looks fine to me. This is how you can add an
image within the card that is already existing
and you don't want to change too
much, add a picture. So that's how it looks here. Okay. So we designed
this card as well. Okay, now, if we move
to the right again, there are something
called Smart layout. So these layouts are like you can call them
templates as well, but they're more
like interactive. So for example,
these plank layouts, they're a bit interactive or a bit stylish
than normally what you will get in a
different website, template for boticalTline. For example, if I go down, this is a Btical timeline, and you can see that it's just automatically generated one,
two, three, four, five. You can also change this icon. Okay, let's move back here. And actually, this is
one of the example of smart layout,
according to the Gamma. And also, for example, this column is also
part of smart layout. Okay. So also this one, if you click on it, you
can see that it's Step. This is called Step. It's also a smart layout. If you click on
Pyramid, for example, you can see this layout changes to something
completely different. You can have this
smart layout as well. A few more examples that
I want to show, which is, if you go back to
smart layouts here, you can see all sort of we just implemented a pyramid
layout on the other one. And these are like if you have one of them properly
inputted all the details, you can just switch in between just like
the way we switched. And yeah, these are the ones you can just drag and
drop and see how it looks. So let's say we want to maybe put another
stepped pyramid, something, and we can
just drag and drop and make them a card itself. Okay. So instead of, you know, going here
on the card template, we can actually bring
the smart layouts into an empty card or
make itself a card. And you can see that this has this is giving
us a template. We can also change this icon, an imagery of star,
something like that. You can change this as well. Also, if you click on
the color card styling and just like the
way we did before, let's say you want to move this pyramid on the
right hand side, so you can go ahead
and click on this. And then it would give you another space for an image or something that you
would like to have. Okay. I'm just going to grab rid of this whole card here.
We don't really need. Click here and then delete. Okay. So if we go back, there are actually
some hidden feature of these smart layouts. So whether you already have generated within
your initial prompt, there are smart layouts, or you bringing them from
the Smartut section, you can edit them
even further more. For example, if I click
on this three dot and select this layout and then you can click on change layout. So basically, this will give
you a few more suggestions. For example, here, you can see that it's suggesting
layouts for us. Also few more examples
that you can add. For example, this semicircle,
we can bring it here, and this will just do
the whole work for you. So if you have done the proper inputting of your
data, this will adjust it. You don't really need to do any. So let's leave this
to this semicircle. Maybe if we need to
change, we can do that. Also, if you want to change
something straightaway, you can just press
Control or Command Z, that should go back
to how you want it. And also same control or command Shift Z to get back to
the previous slide. After that, on the
right hand side, we have some basic blocks. So these are contains of text. For example, you want
to add a heading, maybe at the below here, you can just go ahead and write a new heading
here as well. And then you can also maybe you want to add
maybe you want to add a table. You can go ahead and
just bring a table. All these tables
are customizable. List, then you have
call out boxes, note info Box, warning box, also interactive buttons to take you to the next another
page if you want to. Codeblocks, function
map functions, all these available
options you can actually add from
the basic block. Then we have images.
Obviously, images are automatically
generated by the AI. Also, you can upload and get
this from all other sources. Then we have the
videos and media. For example, if we have a video of our
product in YouTube, you can just drag
and drop and add the link of the YouTube video itself or any other source of video or music from Spotify. Then we move to the third one, which is embedded
apps and webpage. For example, you have your social media that
you'd like to add. You can go ahead and
do that as well. So if you have any
particular apps within here, you can do that. If not, you can just dragon
dot the webpage app, and this will give
you the option to enter the ERL
of your web page, whatever it is, and
this will load here or give you the link for your user to go ahead
and have a look. Next, I'm just going to get
rid of it and delete this. Next, we have the
hats and diagram. These are very nice, very
interactive as well. So from here, the diagrams, then we have the Smart Laos. Obviously, we know that
from the Smart Laos, but the diagrams are
very interesting. For example, if you click
on Pie Chart or Donut, let me show you an example
I just implemented. For example, this one,
eBook sold in months, for example, and then we wrote the quantity and
the months name here. So I'll show you how
you can add this. So you can go ahead and
click on Charts and diagram, select whichever you prefer. I'm going to go ahead, let's
say, with the pie chart, maybe dt here in
below this section. Maybe we can edit here. So let's try again. This will automatically
give you what to do. So basically, you just input
what your actual data is. For example, here the demo data is apple and cherry all Klim, and then the count is here. And then on the right hand side, you can see how it looks. For example, if we
change the apple to, let's say, 20, you will
see it will change. See, that's how it's changing. Next, let's say you
don't want this chart, then you want donut chart,
this will change as well. And you want to add
more, for example, you want to have another
truths type here, even though it's not relevant to the product we're creating, but I'm just showing
you for the purpose of how it actually work. Let's say we added a banana, and let's say we
added six count, and then it will
automatically adjust even whichever form
of chart you want, it will always do adjust itself. Then we have this color, different color if you want, it will adjust to the
different colored theme depending on which
theme you choose. You can also position these. You see the apple, ke
lime, cherry, banana, for example, you want to have them on the right
hand side of the chart. You can do that as well.
They will move there. So I'm just going to edit
here just to show you. So this is how it looks
in your web page. If you want to develop something like that,
you can do that. I already have a bar chart here. So I'm going to leave it as
it is and delete this one. Okay. You can always
edit your chart data. So you can just select the
chart and click on Edit. You can always change.
Obviously, let's say you want to go back to the pie chart. You can do that or donut, however you like it, move this text to the
right hand side. You can do that. You have
all these options available. Let's see what's next. So at the very bottom, we have form and buttons. These are the type of forms you can if you are familiar with
it, for example, telefoms. So they collect emails
and use the data for you if you obviously implement
in your website. So let's say we want to
have this type of form, add it at the very bottom of it, and then you have to
actually add your telefm. For example, I have one already, so I'm just going to go
ahead and paste it here and see how it looks.
Here is the form. I just went and
then search for go. If you want, you can
change the thumbnail. And then if you want to write any sort of message description
here, you can do that. And then let's see how it looks. So this directly
brings to the point where the form is already
loaded within the website. So you can implement
your form itself, and then you can
probably ask your user to whoever is visiting
you to leave their name, email address for, let's say, future update or something. So you can add a
header here probably. We go back to the basic box, maybe bring a title,
and then sorry. Okay, so go back, bring a
title, position at the top, and then we can ask them
to for future update, join our newsletter and then allow them to write
their name, email, and get their email address, updating there if there
is any new product. If you're not familiar with
the tally, it's very simple. You can probably
create yourself forms. It's easy and it's free as well. Before we move on
to the next lesson, just one more tool on
the left hand side. This is like a slight preview. So basically, all these blocks, all these cards are
presented here, so for you to easily
move on to the next one, and you can have them in
the list view as well, but I prefer to have this view. And this looks nice. This
is how all this tool works. And if you're looking
for any particular one, anything, you can go
ahead and search them. That's the best and
quickest way to find them. But if not, if you're trying to explore and try to see
what you can come up with, obviously, go ahead to each tool drug and drop and
see how this works for you. So let's move on
to the next lesson and see what we can
improve for our web
7. Landing Page Dashboard: Before we continue
with the landing page, let me just show you
how Gamma AI works. So I'll show you the settings and all other things that you need to know in order
for you to save the war, come back and start again. So if you press on
this home button, you go back, and here's all the information
you will find. On the left hand side, you have all these tools available. So starting with your
name and then workplace, if you want to go
to the settings, add members, you can do that. But you have Gamma's here. So basically from here, you will see the
recently viewed one, or you can also
sort by created by favorite if you already
have seen a templates. We'll go to that and then
put it to you as favorite. And then you have these
buttons, create A. So basically, you
can create more. Maybe one for prototype and
one is for actual website. So you can click on Create New, and then you have three options again. So you can do that. Go back to home again. And
then on the right hand side, you will see there is credit. So normally initially, you'll
receive around 400 credit. And then if you refer
to your friends, invite someone, you get more
like 200 credits as well. And how this cost, it's also explained everything. And how do you earn
also by referring or by going to the paid plan, which is the get unlimited AI. So this is you can choose if
you want, monthly or yearly. If you need it, you can
go ahead and do that. It's up to generate 20 cards for this plan on some
other features here. You can see you can add custom
domain with the website. That's very important,
to be honest. Then you can go left hand
side shared with you. So let's say you are
working with someone, they can share with
you and you can see work on their website, as well, or your web sites are the one that
we are creating. Normally, you will be creating
probably presentation. So initially, if you
click on Generate, it goes directly
through present. You can also create
other sorts of tools. So then we have air images. These are the images
that already been generated when you are creating
a website presentation. You can also create folders
to have separate work load. For example, working
on multiple website, multiple product, you
can create folder to keep them separated.
Next, we have templates Um, these are the templates
are provided by GII, so you can choose one
of them and edit them. You can also preview them instead of going
straight to editing, and preview them and see if there is something that
you can actually use. You can see that has been
done by other people. As you can change the theme and see if you like a different
theme within the template, and you can go ahead
and use this as well. So inspiration section provided
you can go and explore, see if you like
something maybe you can implement in your own
presentation or website. Themes are already you
have Bible themes. If you want, you can go ahead and add new themes,
all these things. You can do custom fronts. You can really
update custom fonts. Basically, you can
download Google phones, and then you can upload
here if you have any particular brand required
for their custom fronts. You do need to get
the pro options. Then we have the trash. If you deleted something
that will be appearing here, setting members like
when you add people, if you need to change something, then you can go ahead
and do that, as well. That's all, to be honest, nothing fancy here, nothing
extremely complicated. And let's move on to the next lesson and
continue editing.
8. Theme Customisation: Lesson, I'll show
you how you can customize your
landing page theme. Now, for example, you
have the theme already, choose it at the beginning, and you want to change
it. You can do that. So you can click on the
theme on the top right, and then you have lots
of theme available. You can go ahead and
choose whichever you want, and this will
automatically adjust. Let's say you want to make
your theme a bit more unique. So you choose your theme
and click on Customize. This will take you
to this hidden page, and this is where you can
actually make your website, the lending page more unique. So on the top right, we have test page, which this is a demo page. If you change anything
on this side, where we will do, this will
show how it will look. And also, you can check
according to your current page. So let's select
the current page, and let's give it a try
by changing the color. Okay? You can also give
it a name to your theme. Let's say we change it to them. Okay. So now the
primary color here, we have the initial
color default color. You can choose the solid
color or gradient up to you. So if you come to
solid color obviously, you can choose whichever
color you want, and you can also see how it will change in your website. Okay. So as you can see, this is not changing everything
in the website, for example, it's not changing this background of this card. However, you will see some
element of it will change. You can see that. And also, if you go down, you will see
this is changing as well. Automatically. Those are most
likely you will be dragging them into the webpage
or interactive ones. So then we have let's we have the secondary
color and options. You can add more color, for
example, if you have a brand, if you want to build a brand within a couple of
colors that you choose, you can add them here so that every time you choose color, whenever you change anything, these will be at the very top. Next, we have the heading
colors, also the body color. You can change them
according to your need. So the card background,
for example, if we change the card
background to something, let's say, something like
this, this will change. What I meant by the
secondary color is this, you can see that the
primary color was there and then two other
secondary color here, if we add another color,
let's say the red, and whenever you try
to change something, you will see the red
coming at the very top. There goes also the
background color. I'm going to go ahead with
leave with the initial color here and also the
page color change it. You will see some differences, not everywhere, depending on where you're
actually changing. If there is no element available when you change
in your current page, then that's no problem. You can go to the
test page to see where it's actually changing
if there is anything. So this is basically
most likely if you have a presentation if you're
creating and they have a slightly bigger background, then you can actually
see notice it. So I'm just going to
leave it as it is, to be honest, it doesn't change anything for our
website at the moment. So then we have the front able. We have all these front vb. If you want, you can customize
them, however you like to, to give more letter
spacing, line spacing, see if that help you
visibility of the website, also the body text style
as well, you have. And if you want to
add more, obviously, you have to go and do
that website dashboard. So here you will be
able to add a logo that will stick to the web
page that will be here. So I'm going to show you
quickly how it looks. So once you upload them, you will see that it
will be permanent one on this web page you have. If you want, you can leave it. It looks quite nice. And then
we have next the design. Design, for example, if
we go back to test page, I can show you how it looks. So you can see this card and
the roundness of this card. If we select this one, you
see how round it gets. Just going to leave it
to the second option and then the shadow. So let's the third one, you can see the shadow, and also you can change
however you like too. Also, the card border,
however you want, you can choose
different one that also show you how the
card border looks. I'm just going to leave
with the default. Card transparency,
you can see how you want and the images. For example, here, I'm going to go to current page
and change this to fade and you see it get fade depending
on your picture, images, you can check, and you can choose how
you want it to be. But for me, I think the
default looks better, and I'm just going to go back to the first one for
the transparency. Images, I don't want
to change anything. If you want to upload
them, particularly for any of them,
you can do that. You can add them here so that
whenever you're changing, can bulk upload them here. So whenever you are
changing multiple images, you don't really need to go
back and forth to upload. You can upload them
here, and that will be your custom theme. And that's how you can
create your custom themes. To be honest, I'm going to leave the default version of it so that it will
be more helpful. We go back now here. This page, as you can see, this top menu bar is empty. And when you go back to the presenting, it
doesn't come up. So that should be fine because normally when you
have a lending page, you don't really have too
much of a menu, to be honest. But if you want, you can go ahead and add a
link, add a button. I just logo here to
see how it looks. Just going to show you
how it looks so you can see that you have
a menu bar added here. Next, we go back. And we need to make
this button actionable. So here, on this download now, you can directly link an external link of
your digital product. At the moment, Kami
does not allow you to host any digital product or buy or sell through
directly them. So you can directly connect
it with an external page. There are lots of
options available. For you to host a
digital product. And then we have the second
button here, learn more. Let's say you want to connect the learn directly to a section. For example, let's say we
would like to learn more to direct the user
directly to here. So we go back and get
rid of this hash, and then you select the card you want the user
to go directly. So we'll say what
you learn here, and that will lead
them to that page. And then you can tidy up your whole web page
however you'd like to. You can go ahead and do that. I'm just going to
delete this image and then this whole column so that it becomes a bit more
smooth for our website. We don't really need
too many pictures. Let's see how it works. So you go back to
Preview current page, and let's go up and then
click on Learn More, then it brings the
user directly here. Let's move on to
the next lesson, and I'll show you how
you can publish and monitor your site's engagement.
9. Publish your landing page: Finally, we're going to
publish our website. Before we publish our website, I would like to say that you can change this website to 1
million different ways, come up with your own ideas, and add your own unique PIM. I hope the lessons were helpful and equipped you
with more skills and allow you to change your learning
page to a different way. Before we continue, you should normally have a
public button here. In this case, it's
not showing to me. So you can do one thing if it's not showing to you as well, or if it's showing you
can still have option, click on three dot here and
then go to sit setting. And then here you can
toggle this enable it to make it side publish once it loads and
publish and then you can click on publish
this website. This will give you the
published website link. You can click on Visit Link, and here is your website. You can see that it's published, and this is your website domain. Obviously, if you want
to have a custom domain, or if you want to get rid
of this made with Gamma, you can go ahead, go
back to your website, and then here you can remove by upgrading to a plus option. For the custom domains, you have to get to this pro
plan where you can have your own website instead
of this gamma dot site. So that off a Bible,
one more thing. You can see that on
this very corner, there is a globe icon. You can change it to
something like this. You can see that Gamma has its own icon. You
can do that as well. You can go ahead and upload a logo here within
the site settings. I'll show you how it works. Once you upload, you
will see the difference, click on published website. This will update our website and show the updated version. So you can click on
B you can see that there is a change in the logo. You have more options to
check how this working. For example, you can add
Google Tag Manager and Meta Facebook Pixel to see and track where the
visitors are coming from. You can also go back
to domain and upgrade it to the P plan to
customize your domain. Now, let's say you
want to publish it, you can click on three dot here, go to the site setting
again and just turn off. This will turn off the website,
no one will have access. For example, if we do that
now and go back here, refresh this, this will
not show you any website. So we go back, turn it on, and leave it on for our how
you can publish your website.
Sid, Teach Skills That Make U Money
