Create Stunning Landing Pages with Shogun Landing Page Builder

Create Stunning Landing Pages with Shogun Landing Page Builder

Table of Contents

1. Introduction
2. Installing Shogun Landing Page Builder
3. Accessing Shogun Landing Page Builder
4. Creating a New Page
5. Editing the Page
6. Working with Sections and Columns
7. Adding Content to the Page
8. Customizing the Page Design
9. Adding Videos, Images, and Buttons
10. Using Forms and Contact Blocks
11. Creating a Product Page
12. Importing Custom Layouts
13. Optimizing Product Pages
14. Working with Icons and Headers
15. Conclusion

Introduction

In this article, we will explore how to use Shogun Landing Page Builder, a powerful tool that allows you to easily create and customize landing pages for your Shopify store. Whether you're a beginner or an experienced user, this guide will walk you through the process of installing Shogun, accessing its features, creating and editing pages, and optimizing your designs for maximum impact. Let's dive in and discover how Shogun can help you build a stunning and effective online presence.

Installing Shogun Landing Page Builder

The first step to using Shogun Landing Page Builder is to install the app from the Shopify app store. To do this, simply click on "Add application" and follow the installation instructions. Once the app is installed, you'll need to wait for it to fully load and then you can start creating your pages.

Accessing Shogun Landing Page Builder

After installing Shogun, you can access it by clicking on "Apps" in your Shopify dashboard and selecting Shogun Landing Page Builder. When you first access Shogun, you'll be prompted to enter the password for your storefront. Once you've entered the password, you can start creating your landing pages.

Creating a New Page

To create a new page in Shogun, simply click on "Add a page." You'll be presented with a variety of templates to choose from, or you can use your own custom templates. Select the template that best fits your needs and give your page a title. You can choose to include your theme's header and footer or disable them for a more customized look. Once you've made your selections, click on "Create a standard page" and wait for the template to load.

Editing the Page

Once the template has loaded, you'll see a toolbar on the top left of the page. This toolbar allows you to preview the page, view the live page, and switch between different views such as widescreen, desktop, tablet, and mobile. To edit the page, click on the right side of the page to see the available actions.

Working with Sections and Columns

Shogun is based on a system of sections and columns. Sections allow you to organize your content vertically, while columns allow you to divide your sections into multiple columns. To add a section, simply go to the bottom of the page and click on "Add a section." You can change the dimensions and background of the section, as well as move and rearrange its content. To add columns to a section, click on "Add columns" and adjust the number and size of the columns. You can then add content elements such as images, videos, headings, buttons, and countdowns to each column.

Adding Content to the Page

In Shogun, you have a wide range of content elements to choose from. Aside from images, videos, headings, and buttons, you can also add product boxes, product titles, product images, product galleries, forms, and social media elements to your pages. These elements can be easily dragged and dropped into your desired location within the sections and columns.

Customizing the Page Design

Many aspects of your landing page's design can be customized in Shogun. You can change the dimensions, padding, and borders of elements, as well as the alignment, size, and style of text. You can also create full-width sections, adjust the height of sections, add sliders, tables, maps, and optimize the layout of your product pages. Shogun provides you with the flexibility to design your page exactly the way you want it.

Adding Videos, Images, and Buttons

With Shogun, you can easily add videos, images, and buttons to your landing pages. You can choose to embed videos from platforms such as YouTube or Vimeo, or you can upload your own videos. When adding images, you can import them from various sources like Dropbox, Google Drive, or Instagram. Buttons can be customized with different text, sizes, alignments, and styles, allowing you to create eye-catching calls to action.

Using Forms and Contact Blocks

Shogun also provides you with the ability to add forms and contact blocks to your landing pages. While you can create simple form boxes, it is recommended to use pre-designed contact blocks for a more visually appealing design. Contact blocks can be customized to fit your branding and include fields such as name, email, message, and more. They allow visitors to easily get in touch with you and provide a seamless user experience.

Creating a Product Page

If you're looking to showcase your products on a dedicated landing page, Shogun provides options for creating product pages. You can add product titles, quantity selectors, reviews, and even enable customers to directly add products to their carts. Customizing the design and layout of your product page allows you to present your products in a visually appealing and persuasive way.

Importing Custom Layouts

In addition to using the built-in templates, Shogun allows you to import custom layouts for your landing pages. If you have a specific design in mind or have already created a layout using HTML, CSS, or Liquid, you can simply import it into Shogun and further optimize its appearance and functionality.

Optimizing Product Pages

When creating product pages with Shogun, it's important to optimize them for conversions. This involves placing the right elements in strategic positions, highlighting key features and benefits, and ensuring a smooth user experience. By utilizing Shogun's features, you can optimize your product pages to drive more sales and increase customer engagement.

Working with Icons and Headers

Lastly, Shogun allows you to work with icons and headers to improve the navigation and usability of your landing pages. By adding icons and headers to sections, you can create a clear visual hierarchy and make it easier for visitors to navigate through your content. Icons and headers can be linked to specific sections or actions, providing a seamless user experience.

Conclusion

Shogun Landing Page Builder is a versatile tool that empowers you to create stunning and effective landing pages for your Shopify store. Whether you're showcasing products, driving conversions, or simply providing information, Shogun makes it easy to design and customize your pages with its intuitive drag-and-drop interface. By following the steps and tips outlined in this guide, you'll be well-equipped to create compelling landing pages that captivate your audience and drive results.