Summary:
In eCommerce, a smooth and personalized shopping experience can make all the difference in turning browsers into buyers.
That’s where custom pages come in—they enhance user experience and help boost conversions. If you’re using BigCommerce partners, you already have a solid foundation. Now, with the help of Shogun, a powerful page builder, creating unique, high-performing pages becomes much more accessible.
This guide will walk you through every step, from setting up Shogun to designing, publishing, and optimizing your pages for the best results.
Whether you’re new to page builders or looking to take your online store to the next level, we’ve got you covered!
Why Use Shogun for Custom Pages?
Benefits of Shogun
- Drag-and-Drop Interface:
No coding skills? No problem! Shogun makes it easy to build pages with a simple drag-and-drop system. - Customizable Templates:
You can choose from various templates and tweak them to fit your needs. It’s all about creating something unique without starting from scratch. - SEO Optimization Tools:
Get the best of both worlds—beautiful design and built-in tools to help your pages rank higher in search engines.
Why Custom Pages Matter
- Improved User Experience:
Well-designed pages make it easier for visitors to navigate your site and engage with your content. - Increased Conversions:
Custom pages tailored to your audience’s needs can drive more sign-ups, purchases, or inquiries. - Reflect Your Brand Identity:
Custom pages give you complete control to showcase your brand’s personality, values, and style in every detail.
Getting Started: Setting Up Shogun on BigCommerce
Getting started with Shogun on BigCommerce Development Agency is a breeze. Follow these steps, and you’ll have access to powerful tools for designing your store in no time.
Step 1: Install Shogun from the BigCommerce App Marketplace
Head over to the BigCommerce app marketplace and search for Shogun. Click the “Install” button, and the platform will guide you through the initial steps. It’s a simple process; you’ll be ready to connect your store within minutes.
Step 2: Connect Your Store and Grant Permissions
After installation, link your store to Shogun. You’ll need to approve a few permissions—this is just to ensure that Shogun can access your product data and pages for customization. It’s essential to give all the necessary access to avoid functionality issues.
Step 3: Explore the Shogun Dashboard and Tools
Once everything’s set up, dive into the Shogun dashboard. You’ll find an easy-to-use drag-and-drop editor, page templates, and widgets to customize your storefront. Spend some time exploring these tools to familiarize yourself with what’s available.
| Step | Action | Notes |
| 1 | Install Shogun from the marketplace | Quick installation process |
| 2 | Connect your store and allow permissions | Ensure all permissions are granted |
| 3 | Explore the dashboard and tools | Check out templates and the drag-and-drop editor |
With these simple steps, you can build stunning pages that enhance the design and performance of your BigCommerce store. Happy creating!
Designing Your Custom Page: Step-by-Step Guide
Creating a custom page can seem overwhelming, but platforms like Shogun make it easy and enjoyable. Follow these steps to design a professional-looking page that reflects your brand and engages customers.
Step 1: Choose a Template or Start Fresh
- Templates for a head start: Shogun offers a variety of pre-designed templates to suit different industries and styles. If you find one that aligns with your brand, use it as your base.
- A blank slate for full creativity: Would you prefer to start from scratch? This gives you total control over every detail from the ground up.
Step 2: Add Key Sections
Think about what your customers need to see and what will engage them. Essential sections might include:
- Header and Navigation: The first thing visitors see. Add clear menus and your logo.
- Hero Image or Banner: A large, eye-catching image or message to hook the audience.
- Product Highlights: Showcase bestsellers or featured products.
- Customer Testimonials or Reviews: Build trust by sharing positive feedback.
- Call-to-Actions (CTAs): Make it easy for visitors to take action, such as clicking “Shop Now” or “Subscribe.”
Step 3: Customize Colors, Fonts, and Layouts
Customize every detail to reflect your brand identity.
- Colors: Match them with your logo and brand palette to maintain consistency.
- Fonts: Use fonts that complement your brand’s personality—formal, playful, or minimal.
- Layout: Adjust section sizes and spacing to create a balanced, professional look.
Step 4: Rearrange with Drag-and-Drop Elements
Shogun’s drag-and-drop builder makes it easy to move sections around until everything looks just right. No coding is required! Simply grab, drag, and drop components where you want them.
Step 5: Optimize for Mobile Devices
A huge chunk of web traffic comes from smartphones, so your page needs to shine on smaller screens.
- Preview on mobile: Use Shogun’s built-in preview feature to see how the layout adjusts.
- Make adjustments: Rearrange or resize elements if something looks off on mobile.
Publishing and Optimizing Your Page
Publishing the Page
- Review and tweak the design: Take a final look at your page layout, ensuring everything looks polished and functions smoothly. Check for alignment issues, typos, or formatting inconsistencies.
- Click “Publish” and sync: Once you are satisfied, hit the “Publish” button and sync the page seamlessly with your BigCommerce Theme Development store to ensure all updates are reflected in real-time.
SEO Optimization
- Leverage Shogun’s SEO tools: Use built-in tools to create effective title tags and meta descriptions—these are key to improving your page’s search engine visibility.
- Optimize images: Optimize images for faster load times while preserving quality. Faster pages result in a better user experience and can boost SEO rankings.