You need to install GenerateBlocks by Tom Usborne.

After you installed the pluging, first we need to write a page title, if you want you can hide the page title in the settings. But writing a page title, gives us a clean permalink.

To make the page title invisible, click on the disable elements>content title.

Now click on the + sign, to add a GenerateBlock.

it is not Gutenberg block, but as I mentioned earlier, we need to add "GenerateBlock" plugin.

It is easily identifyable, as it has blue colour icons, while Gutenberg blocks are not coloured.

The container will look something like this, and you have a lot of options on the right side to set your landing page.

First you can set the layout for your landing page. Select Full width or Contained width, I have selected Full width for all 3 options.

Below that you will find options to edit typography, spacing and colour for your landing page, in which you can choose the background colour, text colour, link colour, hover and border colour.

If you want you can choose a plain colour or there is a setting for choosing gradients. If you want you can add a background image also in this container.

You can adjust colour opacity, by clicking the icon provided.


Now we have created the container for the landing page, you can add other blocks withing this container, by clicking the + sign within the container, and create the whole landing page with this settings. or just add Paragraph block to write a message to your readers.

On the next page, we are going to learn how to add a Lead Generation Form in the container.



Join the Discussion
Write something…
Recent messages
LMH1968 Premium
Great training thank you very much for sharing
Reply
jivitajay Premium Plus
My pleasure Lisa:)
Reply
jhoecannon Premium
Your link to "Get the Free Trial" does not work when I click it. Is it working for everybody else?
Reply
jivitajay Premium Plus
I hope, when you join Mailerlite, you will be enrolled in their 14-day premium feature:)
Reply
Triblu Premium
Thank YOU Shubhaangi, for sharing this.

I have been sooo reluctant to even try Gutenberg, as I feel it is tying my hands behind my back, forcing me to forget the coding that I learned back long before WordPress days.

Sounds like I need to setup a test site and get to work learning to use Gutenberg, especially if the Classic Editor plugin developer ever decides to desert that plugin.

Time to get my feet wet, huh. Thanks again!
Reply
jivitajay Premium Plus
Thanks Trish for stopping by.
Since you know to code, I know you will not face any problem:)
Thanks to WA, we have a Siterubix platform to practice our skills.
Reply
mybiz4u Premium
Thnx so much, S. Very nicely done...now I must give it a shot! Hope you are doing well.
Namaste
M
Reply
jivitajay Premium Plus
Thanks Michelle for stopping by.
Actually I was very reluctant to try Gutenberg, but from the last few WAbinars, Jay was insisting it.
Give it a try, not that hard:)
Reply
linta Premium Plus
Great stuff and detailed teaching.
Personally I dont use Gutenberg block as I also find it a bit confusing. Therefore I create landling page with Elementor (free) or visual composer instead. Your post is definitely a good reference for anyone want to use Gutenberg to create a landing page!

All the best,
Lin
Reply
jivitajay Premium Plus
Thanks Lin for stopping by. yes, with Generateblock plugin, you can create a nice looking landing page:)
Reply
Top