Video tutorials

Learn how to get the most out of Foxify with step-by-step video tutorials.

#Getting started

#Getting Started with Foxify

Learn the basics of Foxify and how to start building your first page quickly using its drag-and-drop editor.

#AI Layout Generator

Discover how to generate complete page layouts instantly using AI and customize them to fit your brand.

#Page creation

#Create a Custom 404 Page

Learn how to design a branded 404 page to improve user experience when visitors land on broken links.

#Create a Password Page

Build and customize a password-protected page to match your store’s design during pre-launch.

#Create a Collection Page

Design high-converting collection pages with optimized layouts to showcase your products effectively.

#Create a Shopify Blog Post

Learn how to create and style engaging blog posts that align with your storefront design.

#Create a Product Page

Learn how to build a high-converting Shopify product page using Foxify — from scratch, in minutes.

#Assign Product Template

Understand how to assign and manage product templates to control the layout of your product pages.

#Build a store with AI

Learn how to use AI-powered tools: AI Layout Generator, AI Content Generation, AI Responsive to transform your store design.

#Create Your Own Templates

Learn how to build reusable templates to speed up your workflow and maintain design consistency.

#Manage Page Settings

Learn how to configure and manage page settings in Shopify, including visibility, SEO, and general page options.

#Global Styles

Discover how to use Global Styles to control fonts, colors, and design elements consistently across your entire site.

#Figma to Shopify with Foxify

Convert your Figma designs into fully functional Shopify pages using Foxify, no coding required.

#Figma to Shopify with Foxify 2

Convert your Figma designs into fully functional Shopify pages using Foxify - section Sale Countdown Timer.

#Page customization

#Premade Sections

Explore ready-made sections and learn how to use them to quickly build and customize your pages.

#Copy & Paste Element Style

Save time by copying styles between elements to maintain a consistent design across your pages.

#Layout Template

Learn how to create and manage layout templates for faster page building and consistent structure.

#How to Use Stack

Understand how to use the Stack element to organize content vertically with flexible spacing.

#How to Use Grid

Learn how to build structured layouts using the Grid system for better alignment and responsiveness.

#How to Use Frame

Discover how to group and control elements using Frames for more advanced layout design.

#Margins, Padding & Constraints

Master spacing and layout constraints to create clean, responsive designs.

#Create Mobile-Friendly Pages

Learn best practices to optimize your pages for mobile devices and improve user experience.

#Import & Export Pages

Easily transfer pages between stores by importing and exporting your Foxify designs.

#Stacked Images Effect

Create visually engaging stacked image layouts to enhance your page design.

#Create Animations & Interactions

Add animations and interactive effects to make your pages more dynamic and engaging.

#Integrate Shopify Apps

Learn how to integrate third-party Shopify apps seamlessly into your Foxify pages.

#Above The Fold Design

Learn how to design a high-converting above-the-fold section that grabs attention instantly and drives more sales