Edit your Hello Biz home page

To customize your website, you’ll need to edit the pages that came with the website kit. Editing is done using the Elementor Editor. 

To edit your home page:

1. Go to WP Admin>Hello Biz.
   
2. Click Edit home page.
   Your Home page opens in the Elementor Editor.

In this example, we’ll change the business’ name and the image at the top of the page. Both of these are part of the Hero section of the page. A hero section of a web page features an eye-catching image and showcases key content, branding, and a call-to-action.

To change the business name:

The pages of your site consist of containers, and inside the containers are widgets. In our case we’re going to edit the Hero section widget which contains the business name and image.

For details about the Hero section widget, see Hero section widget.

1. On the canvas, click the top of the page. This selects the Flex Hero widget.
   
   You can now edit the Hero widget using the panel on the left.
   
2. (Optional) You can change the basic layout of your home page. We’ll leave our page as is.
   
3. In the Heading section, enter a name for your business. For this example, we’ll enter Alex’s Sports Pub.
   Now let’s  add a short tagline.
   
4. In the Subheading text box, enter Cheers, Beers and Roaring Crowds. 
   To encourage reservations, we’ll add a button to take visitors to the reservation page.
   
5. Open the CTA section of the Hero widget.
   
6. In the Text box, enter Reserve Now. 
   
7. In the Link text box, enter the URL of the reservations page.
   
8. Click the icon symbol.
   
   This opens the icon library.
   
9. Select a beer icon for the button.
   
10. Click Insert.
    
    Now let’s add an appropriate image.
    
11. Open the Image section of the Hero widget.
    
12. Hover over image and click Choose image.
    
13. Navigate to the image you want to use.
    Now let’s change the styling of the section.
    
14. Click the Style tab.
    The style tab is where you control the look and feel the widget’s contents.
    
15. Open the Content section.
    
16. In the Heading section, click the color swatch. 
    
17. Select a color from the color picker. For details, see Pick a color.
    Notice the color of the Heading changes to your selected color. You can also change the font size and type using the Typography menu. For details, see, Typography.
    The Hero section is now customized for your website. 
    
    Note

    In order for Headers and Footers to appear on Hello Biz pages, the Page Layout in Page Settings must be set to Elementor Full Width. To configure the page settings, see Configure page settings.

For a detailed explanation of the Hello+ widgets, see:

• Hero widget
• Zigzag widget
• CTA widget
• Header widget
• Footer widget

For a full explanation of the Elementor Editor, check out the following:

• Explore the Elementor Editor.
• Add elements to a page.
• Delete elements from a page.
• Understanding how Flexbox containers work.