Create a Stunning Home Page with Shogun Page Builder

Table of Contents

1. Introduction
2. Creating a Home Page with Shogun Page Builder
3. Customizing the Template
4. Changing Background Image
5. Editing Headings and Text Elements
6. Customizing Button Elements
7. Saving and Previewing the Page
8. Publishing the Page
9. Setting the Page as the Home Page
10. Conclusion

Creating a Home Page with Shogun Page Builder

In this article, we will discuss how you can create a home page using Shogun Page Builder. Shogun Page Builder is a low code, no code drag and drop solution that allows you to easily build and customize web pages. We will walk you through the process of creating a home page using one of Shogun's premiere templates and show you how to customize the page to fit your branding.

Step 1: Creating a Home Page

To create a home page with Shogun Page Builder, start by selecting one of the pre-designed templates available. These templates have already been populated with content, including a hero image, value proposition section, showcase column, feature image, customer review section, and more. The template serves as a foundation that you can customize to fit your needs.

Step 2: Customizing the Template

Most of the customization of your page will be done using the drag and drop elements located in the sidebar on the right. Each element in the template is completely customizable, allowing you to replace the pre-built content with your own. To change the pre-built content within the template, select the element you want to change. This will open up the controls and styles tab, where you can edit the individual element and determine its appearance on the page.

Step 3: Changing Background Image

One of the key elements of the home page is the background image. To change the background image, click on the section element and scroll down within the controls. Select "background image" to open a new tab where you can choose an image from the integrated platforms or upload your own from your device or media library.

Step 4: Editing Headings and Text Elements

The template includes headings and text elements that you can customize to match your branding. Simply click on the element you want to change, and the controls and styles tab will open. Here, you can modify the text, font, color, and other aspects of the element. For example, if the text color needs to be adjusted for better visibility over the new background image, you can easily change it using the color selector.

Step 5: Customizing Button Elements

The template also includes button elements, which you can edit to fit your desired text and appearance. Clicking on the button element will allow you to change the text, add a URL or external link, and adjust the look and performance of the button.

Step 6: Saving and Previewing the Page

Once you have made the necessary customizations, it's important to save your progress before publishing the page. Click on the save button on the top right of the screen. Before pushing the page live, take advantage of the preview feature to see how the page will look in the browser. Click on the "i" icon and select "preview page" to load the page and preview its content.

Step 7: Publishing the Page

To publish the page and make it live on your website, click on the publish button on the top right of the screen. After a few seconds, the page will be pushed live and accessible to visitors.

Step 8: Setting the Page as the Home Page

If you want to set the newly created page as your home page, follow these steps. Select the three dots on the top right of the screen and choose "page settings". From there, select "set as home page". This will make the page the default landing page for visitors to your website.

Conclusion

Congratulations! You have successfully created a home page using Shogun Page Builder. By utilizing the drag and drop elements and customizing the pre-designed template, you were able to create a fully customized home page that represents your brand. Make sure to explore all the drag and drop elements and templates available to further enhance your website's design and functionality.

Highlights

• Easily create a customized home page using Shogun Page Builder's drag and drop solution.
• Choose from a variety of pre-designed templates to kickstart your page customization.
• Customize background images, headings, text elements, and button elements to match your branding.
• Save and preview your page before publishing it live on your website.
• Set your newly created page as the home page to make it the default landing page for visitors.

FAQ

Q: Can I change the background image in the template? A: Yes, you can easily change the background image by selecting the section element and accessing the controls and styles tab. From there, you can choose an image from integrated platforms or upload your own.

Q: Is it possible to customize the text appearance and font? A: Absolutely! Shogun Page Builder allows you to customize the text appearance, font, color, and more. Simply click on the text element you want to edit and make the desired changes in the controls and styles tab.

Q: Can I preview the changes before publishing the page? A: Yes, Shogun Page Builder provides a preview feature that allows you to see how the page will look in the browser before pushing it live. Click on the "i" icon and select "preview page".

Q: How do I set the newly created page as my home page? A: To set the page as your home page, click on the three dots on the top right of the screen, select "page settings", and choose "set as home page". This will make the page the default landing page for visitors.