Getting started with Foxify page builder - Shopify #1 Visual Builder

Introduction

Welcome to Foxify! In this article, we will cover everything you need to know to get started with Foxify, the leading smart visual builder for Shopify.

Enable Foxify Theme Helper

Before diving into the features of Foxify, it’s essential to enable the Foxify theme helper in your theme editor. This step ensures that the app works seamlessly with your existing theme. Follow these simple steps:

Navigate to App Embeds in the left sidebar of your theme editor.
Toggle the switch to enable the Foxify Theme Helper.

If your storefront password is active, you will also need to provide it. To do this:

From your Foxify dashboard, click on Settings at the bottom left.
Select Account to access your account settings.

Now you're ready to start using Foxify!

Navigating the Foxify Dashboard

The Foxify dashboard serves as your control center, where you can navigate all the pages you’ve created, access key features, and receive important notifications.

To create a new page:

Click the Create Page button on the dashboard.
In the dropdown menu, choose the type of page you want to create.

With Foxify, you can build high-converting landing pages, homepages, product pages, collections, and blog posts. The extensive pre-made template library can inspire and provide a foundation to help you customize your branding.

You may also opt to start with a blank page for a completely personalized design or utilize one of our pre-made templates. For this example, we will select a template.

Customizing Your Page

Once you’ve chosen a template, you will need to name it and select the desired page layout.

In the page editor, you'll find a canvas to customize every aspect of your page, from colors and fonts to layout and spacing. You can also select from hundreds of optimized pre-made sections or create customized sections from scratch. Simply drag and drop elements from the sidebar onto your canvas.

Use the Preview button to see your progress in real-time, ensuring that your design aligns with your vision. Enhance your page with dynamic elements such as hover effects, scrolling animations, and more— all achievable within minutes.

The device selectors at the top of the editor allow you to preview your page on various devices, ensuring a flawless experience across all platforms.

Design Consistency and Global Styles

When customizing a template, it’s crucial to maintain design consistency for a professional appearance. Foxify’s global styles feature enables you to reuse designs easily, ensuring your brand maintains a consistent aesthetic across all pages. For more in-depth information about global styles, check out our dedicated video tutorial.

After you are satisfied with your design, simply publish your page to make it live on your storefront.

Need Help?

If you have any questions or require assistance, feel free to check the resources linked in the description below, or contact us via our in-app live chat.

Thank you for following this guide on getting started with Foxify!

Keyword

Foxify
Shopify
Visual Builder
Theme Helper
Dashboard
Pre-made Templates
Page Editor
Customization
Design Consistency
Global Styles

FAQ

Q1: What is Foxify?
A1: Foxify is a smart visual builder for Shopify that allows users to create and customize various pages, including landing pages, product pages, and blog posts.

Q2: How do I enable the Foxify Theme Helper?
A2: Navigate to App Embeds in your theme editor and toggle the switch to enable the Foxify Theme Helper.

Q3: Can I use pre-made templates in Foxify?
A3: Yes! Foxify offers an extensive library of pre-made templates that can serve as a foundation for your custom branding.

Q4: How can I ensure my design is consistent across different pages?
A4: Utilize Foxify’s global styles feature to maintain design consistency across all your pages.

Q5: What should I do if I encounter issues while using Foxify?
A5: Check the resources linked in the description for help, or reach out to our in-app live chat for assistance.