Landing page with Astratic WordPress theme

A landing page is a powerful tool, especially for an online business. It can be used to encourage purchase, subscription, or new product promotion. Below you will find a simple guide on how to build a landing page in WordPress, using basic features of Gutenberg editor and functions built into the Astratic theme.

landing page wordpress astratic.com

Landing page with Astratic WordPress theme

The landing page easily guides the client thru the prepared offer. Regardless if you want to sell your course, book, or workshop – there should be clear information on what, why, and for whom the offering is. From a technical point of view, this kind of page should be responsive with not too many distracting ‘ornaments’ and with one, simple and clear “Call-To-Action” button.

7 steps to follow

  1. Add new page
  2. Hide default title, header, footer
  3. Use the “Cover” block to describe what you are offering
  4. Design a landing page with proper elements:
    • “Media + Text” block to tell about yourself or about your offering
    • “Column” block to show testimonials
    • “Gallery” block to present recent projects
  5. Use the “Call-to-action” button to guide your customer to the next step

Here is how this few steps look like on the screen shots:

Step 1: Adding a new page
Step 2: Hiding title, header, footer (able only in Astratic theme)
Step 3: Use cover as an eye-catcher
Step 4: “Media & Text” block to introduce an offer
Step 5: “Column” block (with heading and quote) as a testimonial element
Step 6: “Gallery” Block as a portfolio element
Step 7: CTA button (here as a full-width group: spacer+ header + button)

DEMO: Here is how the landing page looks for a user:

User experience (browser view):

Building landing page

Remember to consider a concept before you start designing. Simple draft on paper will save you time and effort. Think about the elements you want to put on the page. How the customer path should look like. But the most important: where it should lead. We hope our guide will be helpful!

Do you have any questions? We are happy to answer in the comment!

Add the first comment and start a discussion

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses cookies to optimize the use of it and for statistical purposes in accordance with Privacy Policy. The conditions for storing cookie files can be specified in Browser Settings. Further using the site and not blocking cookies means that you accept the use of these files.

Service namePurposeSettings
Cookies funkcyjneCookies required for the operation of the website.
Google AnalyticsAnalytical purposes.
DisqusCookies required for the operation of the comments system.

Need help?

Thank you!

success

We will answer in next 24 hours

Need a help? support-icon