Skip to main content

Hero Section

Learn how to set Hero Section while editing your site with Eduqat page builder.

Updated over a year ago

What is Hero Section?

You have probably heard the saying “You never get a second chance to make a first impression”. This is especially true for your website, which is often the first point of contact between you and your potential customers. That’s why you need a hero section that captures their attention, showcases your value proposition, and encourages them to take action.

A hero section is the first thing that visitors see when they land on your website. It usually consists of a large background image, a headline, a subheadline, and a call-to-action button. A hero section can make or break your website, as it can either entice visitors to explore more or make them bounce off.

In this article, we will show you how to use Eduqat Page Builder Hero Section. We will also cover the benefits, features, and tips of using Eduqat Page Builder Hero Section. By the end of this article, you will be able to create a hero section that will wow your visitors and boost your conversion rate.

How to make a hero section in a few steps:

Step 1: Login to the dashboard and continue with your preferred account

To start creating your hero section, you need to login to the Eduqat dashboard or continue with your preferred account. If you don’t have an account yet, you can sign up for free and get access to all the features of Eduqat Page Builder.

Step 2: Choose Page Builder on the left bar > Choose Edit from your desired theme

Once you are logged in, you will see the Page Builder option on the left bar. Click on it and you will see a list of themes that you can use for your online education platform. You can preview each theme by clicking on the eye icon, or edit it by clicking on the pencil icon. Choose the theme that suits your style and click on Edit.

Step 3: Choose Add Section > Add Hero Section

After you choose a theme, you will see a blank page where you can add sections to build your web page. To add a hero section, click on the Add Section button at the top right corner of the page. You will see a list of sections that you can choose from, such as Text + Image, Quote/Testimonial, Course, Contact Section, and more. Click on Hero Section and it will be added to your page.

Step 4: Click the Hero Section on the sidebar and edit the details

Now that you have added a hero section to your page, you can edit its details by clicking on it on the sidebar. You will see a panel where you can customize the elements of your hero section, such as:

  • Heading

    This is the main text that captures the attention of your visitors and tells them what your site is about. You can use a catchy phrase, a question, or a statement that summarizes your offer or benefit.

  • Subheading:

    This is the secondary text that supports the heading and provides more information or details about your site. You can use a slogan, a tagline, or a brief introduction that highlights your features or advantages.

  • Background:

    This is the visual element that sets the tone and mood of your site. You can use an image, a video, or a color that matches your brand identity and theme.

  • Button

This is the clickable element that invites your visitors to take action on your site. You can use a verb, an imperative, or a command that tells them what to do next, such as “Start Now”, “Learn More”, or “Enroll Today”.

Understanding Markdown Formatting

You can also use various features to format your text and media files, such as:

  • Undo: This feature allows you to undo the last change you made to your text or media file.

  • Redo: This feature allows you to redo the last change you undid to your text or media file.

  • Links: This feature allows you to add hyperlinks to your text or media file that can direct visitors to other pages on your site or external sources.

  • Text Formatting Options: This feature allows you to change the font size, style, and color of your text to make it more appealing and readable.

  • Alignment: This feature allows you to adjust the position of your text or media file on the page. You can choose from left, center, right, or justify alignment.

  • Media Selector: This feature allows you to upload images or videos to your hero section with drag and drop from your device, Google Drive, or choose from your libraries. You can also crop, resize, rotate, or filter your media files to fit your design.

  • Optional: Advanced Text Formatting Options with subfeatures:

    • Bold: This feature allows you to make your text thicker and darker to emphasize important words or phrases.

    • Italic: This feature allows you to make your text slanted to indicate emphasis, contrast, or foreign words.

    • Underline: This feature allows you to add a horizontal line below your text to indicate emphasis, links, or titles.

    • Strikethrough: This feature allows you to add a horizontal line through your text to indicate deletion, correction, or irony.

    • Code: This feature allows you to display your text in a monospaced font to indicate code snippets, commands, or keywords.

    • Subscript: This feature allows you to lower the position of your text relative to the normal line of text and reduce its size to indicate footnotes, references, or formulas.

    • Superscript: This feature allows you to raise the position of your text relative to the normal line of text and reduce its size to indicate exponents, ordinal numbers, or citations.

    • Color Text: This feature allows you to change the color of your text to match your theme or create contrast.

You can edit each element of your hero section by clicking on it and changing its properties on the panel. You can also preview your changes by clicking on the Preview button icon at the top right corner of the page.

Conclusion

Eduqat Page Builder Hero Section is a powerful and easy-to-use feature that allows you to create stunning landing pages in minutes. With Eduqat Page Builder Hero Section, you can add your own content and media with drag and drop, adjust the layout and design with simple clicks, enjoy responsive and mobile-friendly hero sections, optimize your hero sections for SEO and speed, and much more.

By following the tips in this article, you can optimize your Eduqat Page Builder Hero Section for conversion, and create a hero section that will wow your visitors and boost your conversion rate.

If you want to learn more about Eduqat Page Builder Hero Section, or if you have any questions or feedback, please feel free to contact us anytime. We would love to hear from you.

FAQs

What is Eduqat Page Builder Hero Section?

Eduqat Page Builder Hero Section is a feature that allows you to create stunning hero sections for your website without any coding or design skills1. A hero section is the first thing that visitors see when they land on your website, and it usually consists of a large background image or video, a headline, a subheadline, and a call-to-action button.

What is the difference between a hero section and a landing page?

A hero section is a part of a landing page, not the whole page. A landing page is a web page that visitors arrive at after clicking on a link, an ad, or a search result. A landing page usually has a specific goal or purpose, such as generating leads, increasing sales, or promoting a product or service. A hero section is the first thing that visitors see when they land on a landing page. It usually consists of a large background image or video, a headline, a subheadline, and a call-to-action button. A hero section can make or break a landing page, as it can either entice visitors to explore more or make them bounce off.

How can I optimize my hero section for conversion?

You can optimize your hero section for conversion by following these tips:

  • Use a catchy and clear headline that captures the attention of your visitors and tells them what your site is about.

  • Include a compelling subheadline that provides more details and information about your offer and persuades your visitors to take action.

  • Add a strong and visible call-to-action that invites your visitors to do something on your site, such as start a free trial, learn more, or enroll today.

  • Use high-quality and relevant images or videos that showcase the benefits or features of your product or service and create an emotional connection with your visitors.

  • Keep it simple and focused on one goal: to convert your visitors into leads or customers.

How can I get support for Eduqat Page Builder?

You can get support for Eduqat Page Builder by visiting our help center, where you can find tutorials, guides, FAQs, and more. You can also contact our support team via email, chat, or phone, and we will be happy to assist you.

Did this answer your question?