Added call-to-action button to hero section in full site editor

A widely recognized collection for machine learning tasks.
Post Reply
shaownhasane
Posts: 121
Joined: Mon Dec 23, 2024 2:30 pm

Added call-to-action button to hero section in full site editor

Post by shaownhasane »

Added subtitle to hero section in full site editor
Finally, you can include a call-to-action button in your featured image.

To do this, just type the "Enter" key again, press the "+" button and select the "Buttons" block.

Next, just insert a copy of the button.

To add a link to a button, simply click the link icon in the toolbar panama phone number and enter the URL in the corresponding field.

Then, click the arrow button.

Added link to hero section call-to-action button in full site editor
If you need tips and tricks for building high-converting buttons, you can check out our call-to-action best practices guide.

That's pretty much it. You can add additional elements to your hero image or customize it to your liking.

Save hero section changes in the full site editor
Once you're happy with how your hero section looks, just click Save.


Example of a hero image made using the full website editor
Theme 3: Using the Page Builder (Landing Page/Custom Theme)
Let's say you're starting to set up your website. Or, you want to create a custom login page without being limited by theme restrictions. In this case, we recommend using a template page builder with a hero section, such as SeedProd.

SeedProd is a drag-and-drop page builder that we use frequently to build custom pages for WPBeginner and other branded websites including Duplicator and OptinMonster.
Add animated background to SeedProd
You can then add custom dividers to the top and/or bottom of the hero section by visiting the Shape Dividers menu.

This way you can add more visual interest to the hero section. Additionally, if you add an interesting divider at the bottom, you can encourage users to scroll down the landing page and delve deeper into your product.
Post Reply