How to Generate Pages and Sections Using OzSpeed hPanel

Generating pages and sections quickly helps you build a well-structured website efficiently. Whether you need new product pages, service descriptions, landing pages, or specific sections like contact forms or testimonials, OzSpeed’s Website Builder allows you to create and customize them with ease. Here’s a step-by-step guide on how to generate pages and sections using the tools available in hPanel.

---

Step 1: Access the Website Editor #

To start creating new pages or sections, open the website editor in hPanel.

1. Log in to hPanel at ozspeed.com.au.
2. Go to Website Builder > Edit Site.
3. Navigate to the main menu where you can manage your website’s structure.

Tip: #

• Use the Preview feature to see the current layout of your website before adding new content.

---

Step 2: Generate a New Page #

You can create a new page using a template or start with a blank canvas.

How to Add a New Page: #

1. Click Pages in the top toolbar.
2. Click Add New Page.
3. Choose a Template from the list (e.g., Home, Services, Contact, Blog) or select Blank Page.
4. Enter a title for the new page (e.g., “About Us,” “Our Products”).
5. Click Create Page.

Tip: #

• Using a template can save time and provide a professional layout with pre-designed elements.

---

Step 3: Customize the New Page #

Once you’ve created the new page, customize the layout and content to fit your needs.

How to Customize: #

1. Click on the new page to open it in the editor.
2. Use Text Blocks, Image Blocks, and Buttons to add content.
3. Adjust the font style, colors, and spacing to match your brand.

Tip: #

• Keep the content clear and concise, focusing on the main message or call to action for the page.

---

Step 4: Generate New Sections #

Adding sections allows you to break up content into manageable parts and enhance the visual structure of your page.

How to Add a New Section: #

1. Click + Add New Section in the editor toolbar.
2. Browse through the list of pre-designed sections (e.g., Hero, Services, Testimonials, Contact Form).
3. Click Insert Section to add it to your page.
4. Customize the section content and design as needed.

Tip: #

• Use a variety of sections to create an engaging page layout (e.g., a Hero section at the top, followed by Services and Testimonials).

---

Step 5: Duplicate Existing Pages or Sections #

To speed up the design process, you can duplicate pages or sections that have a layout you want to reuse.

How to Duplicate: #

1. Hover over the section or page you want to copy.
2. Click the Options (three dots) icon.
3. Select Duplicate Section or Duplicate Page.
4. Edit the duplicated content as needed.

Tip: #

• Duplicating sections is useful for maintaining a consistent design throughout your website.

---

Step 6: Link New Pages to Your Navigation Menu #

After creating new pages, make sure to add them to your website’s navigation menu so visitors can easily find them.

How to Add to Navigation Menu: #

1. Click Navigation Menu in the editor toolbar.
2. Click Add Item and select the new page from the list.
3. Drag and drop the page to the desired position in the menu.
4. Click Save.

Tip: #

• Keep the navigation menu simple and organized for a better user experience.

---

Step 7: Preview and Test the New Pages and Sections #

Before publishing, preview the new content to ensure everything looks good and functions correctly.

How to Preview: #

1. Click Preview in the top toolbar.
2. Check the new pages and sections on both desktop and mobile views.
3. Test all links, forms, and interactive elements.

Tip: #

• Use an incognito window or clear your browser cache to see the updates as a new visitor would.

---

Step 8: Publish the Changes #

Once you’re satisfied with the new pages and sections, publish the updates to make them live.

How to Publish: #

1. Click Publish in the top right corner of the editor.
2. Confirm the changes to go live.

Tip: #

• Announce the new pages or sections on social media or via an email newsletter to let your audience know about the updates.

---

Troubleshooting Tips #

1. New Page Not Displaying:
   • Ensure the page is linked in the navigation menu.
   • Clear the website cache in hPanel and your browser cache.
2. Section Layout Issues:
   • Check the padding and margin settings in the Section Settings.
   • Adjust the design for better alignment and responsiveness.
3. Slow Loading Times:
   • Optimize images and reduce the number of heavy elements like videos or animations.
   • Enable caching in the website settings.

---

Additional Tips: #

• Use Templates Wisely: Templates can save time and provide a polished design, but customize them to fit your brand’s unique style.
• Keep SEO in Mind: Use relevant keywords and optimize meta titles and descriptions for each new page.
• Analyze User Behavior: Use Google Analytics to track visits and interactions on new pages to see what content resonates with your audience.