Introducing Foxify Gen 2 - The First-Ever Shopify Visual Page Builder

Introducing Foxify Gen 2 - The First-Ever Shopify Visual Page Builder

Breaking into a crowded market full of established players wasn’t easy. We knew we had to offer something truly special, and that gave birth to Foxify Gen 2. With the launch of Foxify Gen 2, we’re taking a massive leap toward our mission of offering a truly powerful design tool. This is the future of page building - no more design headaches, just limitless possibilities at your fingertips

Meet Foxify Gen 2: The First-Ever Shopify Visual Page Builder

We are thrilled to announce the most significant upgrade that has broken all the limits of traditional page builders to let your creativity run wild!

Source: FoxEcom Youtube

Unlike other website builders that limit you to rows, columns, and endless custom CSS, Foxify Shopify page builder now gives you as much design freedom as Canva - where everything is visual and simple. 

With a free-form canvas, you can drag, drop, and place elements exactly where you want.

If you can picture it, Foxify Gen 2 can build it. It’s fast, easy, and efficient. 

🎁 Special BFCM gift for Foxify Visual Page Builder 💥 Enjoy 20% OFF for 3 months with code BFCM2024WIN. 🎉 Offer ends December 24, 2024.

Create Without Limits

A free-form canvas for drag-n-drop 

Imagine you're building a page, and every move you make is restricted by rigid structures - fixed rows,  fixed columns, and fixed design space. You have a vision, but your current landing page builder keeps pulling you back to the same old predictable layout.

Source: Foxify - Smart Page Builder

Now, picture a different scenario - a free-form canvas, where the entire page is your playground. No boundaries and no grids tying your hand. With the true drag-and-drop in Foxify Gen 2, you can place, move, and resize elements wherever you like, however you want. Foxify Shopify page builder turns your design vision into reality, resulting in complete and visually captivating creations.

Baby-smooth editor UI/UX

With Foxify Gen 2, we've completely revamped the editor UI/UX to deliver a more seamless and intuitive experience, making it easier to navigate and simplifying how you customize every detail of your Shopify page.

Foxify Page Builder

Source: Foxify - Smart Page Builder

What’s new in the Foxify Gen 2 editor UI/UX:

Left Sidebar: We’ve simplified access to key functions and resources. At your fingertips, you'll find core features in our visual builder like:

  • Adding elements
  • Adding designed sections
  • Choosing templates
  • Managing design layer 
  • App blocks/ Integration/ Extension
  • Page revision 
  • Theme settings

Right Sidebar: This is where you can edit, update, and customize every element and detail, including:

  • General settings
  • Design settings
  • Animation settings

With these settings, you’ll have full control over every aspect of your design within our landing page builder, ensuring customization is as smooth and intuitive as possible.

👉 Learn more about Foxify Gen 2 Editor Now

Build Adaptive Layouts

Organize Content with Stack, Auto-Layout, and Grids

Building a beautiful and high-converting store can be challenging when you're trying to balance creativity and practicality. You want your page to look clean and organized, but you don’t want to spend hours adjusting every little detail. That’s where Stack and Grid in Foxify Shopify page builder come in.

Stack is an invisible box that you can put things inside it to organize them. Think of it like a magic organizer. Even if you move things around or add new elements, Stack keeps everything looking nice and tidy!

Foxify Page Builder

Source: Foxify - Smart Page Builder

When to use Stack:

  • To line up elements: Stacks keep everything aligned.
  • Spacing stays equal: No matter how many elements you have, the distance between them stays the same.

Auto Layout is a superpower for Stack. Auto Layout helps Stacks adjust automatically to different screen sizes and orientations. You can choose how you want things to be arranged (row or column), how they should be spaced (evenly or with gaps), and how they should be aligned (left, center, or right).

Foxify Page Builder

Source: Foxify - Smart Page Builder

With Auto Layout, your design always looks pixel-perfect no matter what device people use to view it. The best part? It takes 1 second to do.

Finally, the grid acts as your design map, where each element or group of elements is placed in its own cell. By using multiple cells, you can arrange elements in a specific order and adjust their size for precise control over your layout.

Foxify Page Builder

Source: Foxify - Smart Page Builder

When to use Grid:

  • You create a structure: Grids divide your page into rows and columns.
  • You place things freely: You can put elements anywhere within the grid.
  • You have more control: Grids give you complete freedom to design complex layouts.

Grids are great for:

  • Product galleries: Showing multiple items in rows and columns.
  • Comparison tables: Arranging information in a structured way.
  • Any layout that needs a complex structure.

Altogether, Stack, Auto-Layout, and Grid take the hard work out of page building, letting you focus on creativity and conversion while taking care of the hardest parts.

Ensure Responsiveness with Constraints

You’ve spent time crafting the perfect page, but now you’re wondering how it’ll look on different devices. Will everything stay in place? Will the design break on mobile? With the Constraints feature in Foxify visual page builder, you can stop worrying. 

Foxify Page Builder

Source: Foxify - Smart Page Builder

Whether your customers are browsing on a mobile, tablet, or desktop, this page builder automatically adapts your content to fit perfectly. 

Foxify Page Builder

🎁 Special BFCM gift from Foxify Shopify page builder! 💥 Use code BFCM2024WIN for 20% OFF for 3 months. 🎉 Limited time only - offer ends December 24, 2024.

Boost Productivity with Expert-Made Templates & Sections

Start Quickly with Ready-to-Use Templates

Imagine that you want to create the perfect landing page for a big sale, but your current theme just isn't cutting it. You know you need something that converts, but the idea of starting from scratch is overwhelming. What if you could skip the guesswork, and jumpstart on your dream design?

Foxify Page Builder

Source: Foxify - Smart Page Builder

Foxify visual page builder comes equipped with 150+ expert-made templates to make your life easier and your store sell better. These templates are for high-converting pages . No more starting from scratch. Simply choose a template, editit to match your store, and  publish. ✅

With high-converting BFCM templates by Foxify, you’ll have everything you need to create a stunning, sales-ready page in just minutes. 

The best part? Less time building, more time managing and winning!

🚀 Ready to boost your BFCM's success? Read our expert-made guides

Create Easily with Prebuilt Sections and Elements

Besides the new high-converting templates, Foxify Gen 2 is packed with over 150+ pre-built sections and elements.

Prebuilt sections include everything - from hero sections to images with text, featured content, countdown timers, and banner grids - all designed to be ready-to-use and fully customizable in Foxify visual page builder.

Foxify Page Builder

Source: Foxify - Smart Page Builder

Prebuilt elements include essentials like text, buttons, promotions, testimonials, and Shopify-specific elements such as products, collections, and blog posts.

Foxify Page Builder

Source: Foxify - Smart Page Builder

Simply scroll through, pick the section or element you need, drag it into place, make a few tweaks to match your brand or style, and boom - you're done!

Craft Layout Efficiently with Wireframes

You're starting to build a new page, but instead of jumping straight into the design, you want to map out the structure first and keep things simple. With Foxify Shopify page builder, you can do just that using wireframes. It’s like sketching out your ideas before adding the finishing touches.

Foxify Page Builder

Source: Foxify - Smart Page Builder

Wireframes help you visualize the design layout without worrying about colors or fonts just yet. You can plan your page, ensure everything fits perfectly, and organize the materials before completing it with our page builder.

Save Time and Maintain Design Consistency with Reusable Assets

You've crafted a series of stunning sections for your page, each one reflecting your unique style and vision. Now, you want to use these creations across other pages to keep your branding consistent. Foxify Gen 2 lets you save everything you've built - from individual elements to entire sections and even complete pages.

Foxify Page Builder

Source: Foxify - Smart Page Builder

Think of it as your design library. Save your favorite designs and pull from them to build new pages effortlessly, maintaining a cohesive brand and saving time.

👉 Discover how to build and reuse your designed assets

Work Faster with Rich Keyboard Shortcuts

With our new visual builder, you can work faster and more efficiently thanks to rich keyboard shortcuts. Here’s a quick list to boost your productivity:

Foxify Page Builder

Source: Foxify - Smart Page Builder

These shortcuts streamline your workflow, letting you focus on creating stunning designs without missing a beat.

Foxify Page Builder

🎁 Get ready for an unstoppable BFCM with Foxify Gen 2! 💥 Grab 20% OFF for 3 months using code BFCM2024WIN. 🎉 Don’t miss out - offer ends December 24, 2024.

More Creative Settings to Unlock the Design Potential

Transform and Resize with Flexibility

With Foxify Gen 2, transforming and resizing elements on your page is really simple. You have full control to adjust anything - whether it's resizing images, moving sections, or tweaking buttons. This flexibility allows you to create any layout that fits your brand, without being confined by rigid design limits. Foxify Shopify page builder makes sure you can edit anything any way you like it.

Foxify Page Builder

Source: Foxify - Smart Page Builder

Edit On-the-Fly with Inline Text Editor

With Foxify Gen 2, you can make changes to elements instantly using the Inline Text Editor. There’s no need to switch to the left sidebar or toggle between different menus. You can modify fonts, sizes, and styles right there on the spot, seeing your changes in real-time.

Foxify Page Builder

Source: Foxify - Smart Page Builder

Add Interactivity with Animations

Forget about the static storefront - Foxify Gen 2 takes your store to the next level with interactive animations. With our add-on animations, you can bring your store to life with effects for entrance, hover, and click interactions. 

Imagine visitors landing on your page and seeing elements that smoothly animate into view, respond to their clicks, or transform with a hover effect. These animations don’t just make your store look amazing - they create a memorable, interactive experience that draws visitors in and keeps them engaged. It’s like turning your online store into a captivating, animated showcase with a page builder that could make a lasting impression and even boost your sales.

Entrance Animation

Foxify Page Builder

Source: Foxify - Smart Page Builder

Hover Animation

Foxify Page Builder

Source: Foxify - Smart Page Builder

Click Animation

Foxify Page Builder

Source: Foxify - Smart Page Builder

📚 Related articles:

    Manage Complex Designs No Sweat with Layers

    Foxify Gen 2 visual builder helps you manage complex designs having multiple elements and sections easily. 

    Foxify Page Builder

    Source: Foxify - Smart Page Builder

    The layer is a clear and organized view of all the components on your page. You can easily see how everything sits together, you can move elements between sections, or simply get a bird-eye view of your page’s structure. This way, you can arrange and adjust any details without getting lost, ensuring a stress-free and intuitive building process.

    Experience a Superior Page Building Environment

    Foxify's built-in analytics offers key insights like orders, revenue, and conversion rates, enabling smarter decisions and quick optimization.

    Foxify Page Builder

    Source: Foxify - Smart Page Builder

    With 50+ integrated apps and extensions, Foxify Shopify page builder enhances page building by optimizing reviews, upsells, and cross-sells, eliminating the need for third-party tools.

    Foxify Page Builder

    Source: Foxify - Smart Page Builder

    Build Smart to Sell Fast with Foxify

    Foxify Gen 2 is redefining Shopify design with its revolutionary visual page builder. It offers a modern and intuitive experience for creating stunning and high-converting pages. With simple drag-and-drop on a ground-breaking free-form canvas, a rich template library, and interactive animations, Foxify Shopify page builder turns your biggest dreams into reality.

    Say goodbye to the old days of traditional design limits! Hello to a liberating and flexible solution where your vision will come to life. 💪

    Foxify Smart Page Builder

    🎁 Special BFCM discount: Grab 20% OFF Foxify for 3 months using code BFCM2024WIN. The offer ends December 24, 2024.

    START NOW!  💸

    Audrey Nguyen

    Product Marketer @FoxEcom

    Audrey loves e-commerce technology products and enjoys helping merchants grow their businesses. With experience in eCommerce, technology, Shopify, and SaaS, she aims to share practical tips and insights that can make a real difference. Outside of work, you can find Audrey running, trekking, or biking – activities that keep her energized and inspired.