Quick start guide

Welcome on board👋! Let's get started with Foxify.

Who is this guide for?

Anyone looking to create their first page with Foxify page builder quickly.

We'll guide you through the necessary steps to get things up and ready.

Not yet installed Foxify? Check out: How to install Foxify

---

1

Create your first page

Foxify offers three flexible ways to start building. Choose the method that fits your workflow:

✨ Start from a Template

Choose from a library of professional, ready-made page templates designed for conversion and industry use cases. A fast way to launch a polished page.

→ Learn more: Templates

Foxify's templates are released and updated regularly. ✨ View Changelog. ✨

✨ Create with AI (AI Layout Generator)

Describe the page you want—your brand style, sections, goals—and Foxify’s AI instantly generates a ready-to-customize layout. Ideal if you need a strong wireframe but don’t want to start from scratch.

→ Learn more: AI Layout Generator ✨

✨ Build from Scratch

Start with a blank canvas and design every detail your way. Best for advanced users or stores with a very specific layout in mind.

2

Customize your page with editor tools

Foxify’s editor (FoxStudio) gives you complete control over layout, visual structure, and styling.

🔧 Core editor tools

Use these tools to design faster and maintain structure:

• Stack → Arrange elements vertically with consistent spacing.

• Grid → Build flexible, responsive layouts.

• Constraints → Control how elements resize on different screens.

• Pan & Zoom → Easily navigate large or detailed layouts.

→ Learn more: FoxStudio 🔥

⭐ You might also like: Learn from the best with our Build for Success series 🔥

3

Update Global styles

Set consistent brand styling across all Foxify pages—including colors, typography, and buttons. Update once and apply everywhere.

Global styles

4

Make sure that your pages are mobile-friendly

More than half of ecommerce traffic comes from mobile. Foxify provides powerful tools to help you optimize your layout for every device.

📱 Responsive tools

• All Foxify pre-made templates and sections are responsive by default ✨

• Use the device mode selector to preview desktop, tablet, and mobile views

• Hide/show sections per device using the Visibility settings.

⚡ AI responsive

Use AI Responsive to automatically fine-tune spacing, sizing, and layout across screen views — saving time and ensuring consistency.

→ Learn more: AI responsive

5

Animate your sections and elements

Add smooth, modern animations to bring your pages to life—fade-ins, slide-ups, and more.

Animations help guide customer focus and improve engagement.

Animations

6

View your page revisions

Roll your design back to any previously saved version using the page revisions feature.

Page revisions

7

Preview and publish your page

Once your design is ready:

1. Click Preview to test the page on desktop and mobile.

2. Make final adjustments using responsive controls.

3. Hit Publish to push your page live to your Shopify store.

You can update or unpublish pages at any time.

Recommended browser

Foxify supports all major browsers.

For the best performance, we recommend using the latest versions of Firefox, Safari, Chrome, or Microsoft Edge.

If you experience issues, reach us via in-app live chat or email [email protected]

✅ You’re ready to build

With templates, AI, advanced editor tools, animations, and responsive controls, Foxify makes it fast and effortless to create beautiful Shopify pages tailored to your brand.

---

Foxify AI turns a prompt into a well-structured page layout in seconds. Try Foxify AI ✨