Create Stunning Pages with Shogun Page Builder

Table of Contents

1. Introduction
2. Choosing the Right Page Type
3. Starting with a Template or Building from Scratch
4. Naming the Page and SEO Considerations
5. Including Header and Footer
6. Customizing the Page
   • Using the Elements Column
   • Structural Blocks
7. Previewing and Testing the Page
8. Conclusion

How to Create Your First Page Using Shogun

Are you ready to create your very first page using Shogun? In this article, we will walk you through the step-by-step process of setting up your page and customizing it according to your specific needs.

Introduction

Shogun is a powerful page builder tool that allows you to create and design stunning pages for your Shopify store. Whether you want to build a home page, landing page, blog post page, or product page, Shogun has got you covered.

Choosing the Right Page Type

Before we dive into the page creation process, let's first understand the different page types available in Shogun. You have the option to choose from standard pages, blog post pages, product pages, and collection pages.

Standard pages are perfect for displaying basic information about your site, such as home pages, landing pages, or about us pages. On the other hand, blog post pages cater specifically to longer forms of text and are designed with blogs in mind. Product pages allow you to customize the layout and details of your product pages, while collections are used to further customize the layout and function of your collection pages.

Starting with a Template or Building from Scratch

Once you have chosen the appropriate page type for your needs, you have two main options to move forward. The first option is to start with a blank slate and build your page from scratch using Shogun's powerful tools. This option gives you complete freedom and control over the design and layout of your page.

Alternatively, you can choose to utilize pre-made templates provided by Shogun. Utilizing templates is a great way to set up your site quickly and get familiar with how Shogun works. You can preview each template before selecting one for customization, ensuring that it aligns with your vision and needs.

Naming the Page and SEO Considerations

Next comes the important step of giving a name to your page. The name you choose for your page will directly translate to its URL and will also have an impact on the SEO of your page. Therefore, it is crucial to choose a name that accurately represents your page's content and is optimized for search engines.

For example, if you are setting up a home page for your website, you could name it something descriptive like "Claimmade - Home Page". Make sure to incorporate relevant keywords in your page name for better SEO results.

Including Header and Footer

Now, you have the option to include your theme's header and footer as a part of Shogun's page design. Including the header and footer will ensure that options like a home catalog or cart button are displayed at the top, and options like quick links and a newsletter are displayed at the bottom. This allows for seamless integration between your Shopify theme and your Shogun page.

If you prefer to have a clean and focused design, you can choose the landing page format, which removes the header and footer from your page. This is a great option if you want to create a standalone landing page without any distractions.

Customizing the Page

Now, it's time to dive into the main component of building and customizing your first page using Shogun. Most of the page's layout will be determined by the template you have selected. The template provides a basic foundation with placeholders for your own products and content.

To make in-depth customizations, you can use the elements column located on the right side of the Shogun interface. The elements column contains various pre-made sections and blocks that you can drag, drop, and customize to build your page. These structural blocks act as micro-templates, allowing you to add pre-designed sections without starting from scratch.

For example, if you want to add a big call-to-action section at the bottom of your home page, you can simply drag and drop a block element from the elements column. This will instantly add a pre-made section that you can further customize according to your needs.

Previewing and Testing the Page

Once you have finished customizing your page, it's time to preview and test it out. Click on the save button to save your changes, and then head back to the home page. From the drop-down menu, select the preview option to see how your Shogun page functions and connects with your Shopify store.

Take this opportunity to navigate through your page, test out the functionality, and make any necessary adjustments. Ensure that the layout, design, and content align with your vision and provide a seamless user experience.

Conclusion

Congratulations! You have successfully created your first page using Shogun. Remember that Shogun offers a wide range of elements, templates, and customization options to help you bring your vision to life. Take the time to explore and experiment with different elements and templates to create a unique and engaging page for your Shopify store.

If you have any questions or need further assistance, refer to Shogun's comprehensive training materials or reach out to their support team. Happy page building!

Highlights

• Shogun is a powerful page builder tool for Shopify.
• Different page types available: standard pages, blog post pages, product pages, and collection pages.
• Choose between starting with a blank slate or utilizing pre-made templates.
• Give a name to your page that reflects its content and improves SEO.
• Choose whether to include your theme's header and footer or use standalone landing page design.
• Customize your page using the elements column and pre-made structural blocks.
• Preview and test your page to ensure functionality and user experience.
• Shogun offers a wide range of elements, templates, and customization options.
• Explore Shogun's training materials and support for further assistance.

FAQ

Q: Can I switch templates after starting with one? A: Yes, you have the freedom to come back later and choose a different template for customization.

Q: How can I optimize my page for SEO? A: Choose a descriptive and keyword-rich name for your page, incorporate relevant keywords in your content, and ensure a clean and SEO-friendly URL structure.

Q: Can I add my own custom elements to the page? A: Yes, Shogun allows you to add custom elements and modify existing ones to match your unique design preferences.

Q: Is Shogun compatible with all Shopify themes? A: Yes, Shogun seamlessly integrates with most Shopify themes, allowing you to create stunning pages without limitations.

Q: Can I undo or revert my changes if needed? A: Yes, Shogun provides an undo/redo feature that allows you to revert any changes you have made to your page.

Q: Can I collaborate with others on building the page? A: Yes, Shogun offers collaboration features that allow you to invite team members and work together on page building and customization.