# Video tutorials

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

<Button href="https://www.youtube.com/playlist?list=PLNJhkdJsVUFGbmtaVUvKufB8AFumQK4gW" variant="primary">Explore the full playlist</Button>

## Getting started

<Columns>
<Column>

<Embed url="https://youtu.be/bIm_mTrVE18" />

#### [Getting Started with Foxify](https://www.youtube.com/watch?v=bIm_mTrVE18)

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

</Column>

<Column>

<Embed url="https://youtu.be/ZCjCiHCO7-E" />

#### [AI Layout Generator](https://www.youtube.com/watch?v=ZCjCiHCO7-E)

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

</Column>
</Columns>

## Page creation

<Columns>
<Column>

<Embed url="https://youtu.be/y9UVlE3FMZg" />

#### [Create a Custom 404 Page](https://www.youtube.com/watch?v=y9UVlE3FMZg)

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

</Column>

<Column>

<Embed url="https://www.youtube.com/watch?v=vKCE5XC0ckQ" />

#### [Create a Password Page](https://www.youtube.com/watch?v=vKCE5XC0ckQ)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/GOyeYqjA5QQ" />

#### [Create a Collection Page](https://www.youtube.com/watch?v=GOyeYqjA5QQ)

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

</Column>

<Column>

<Embed url="https://youtu.be/X0Jotbm6eXk" />

#### [Create a Shopify Blog Post](https://www.youtube.com/watch?v=X0Jotbm6eXk)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/adwFGirGQ3A" />

#### [Create a Product Page](https://youtu.be/adwFGirGQ3A)

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

</Column>

<Column>

<Embed url="https://youtu.be/04T6saGBZ7w" />

#### [Assign Product Template](https://www.youtube.com/watch?v=04T6saGBZ7w)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/t__nTZsHSOM?si=MI2UB5BIOmYUZDk" />

#### [Build a store with AI](https://youtu.be/t__nTZsHSOM?si=MI2UB5BIOmYUZDk-)

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

</Column>

<Column>

<Embed url="https://youtu.be/Ae4QzPlTdBI" />

#### [Create Your Own Templates](https://www.youtube.com/watch?v=Ae4QzPlTdBI)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/bqXUbgnlXOQ" />

#### [Manage Page Settings](https://www.youtube.com/watch?v=bqXUbgnlXOQ)

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

</Column>

<Column>

<Embed url="https://youtu.be/5x-42UZWFJ4" />

#### [Global Styles](https://www.youtube.com/watch?v=5x-42UZWFJ4)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/4t_U5YiY5CU" />

#### [Figma to Shopify with Foxify](https://www.youtube.com/watch?v=4t_U5YiY5CU)

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

</Column>

<Column>

<Embed url="https://youtu.be/ZkOvk7q1PZw" />

#### [Figma to Shopify with Foxify 2](https://youtu.be/ZkOvk7q1PZw)

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

</Column>
</Columns>

## Page customization

<Columns>
<Column>

<Embed url="https://youtu.be/lgFnPS3nYQs" />

#### [Premade Sections](https://www.youtube.com/watch?v=lgFnPS3nYQs)

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

</Column>

<Column>

<Embed url="https://youtu.be/JpVWC0j3QDA" />

#### [Copy & Paste Element Style](https://www.youtube.com/watch?v=JpVWC0j3QDA)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/dxWMgpGc9PE" />

#### [Layout Template](https://www.youtube.com/watch?v=dxWMgpGc9PE)

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

</Column>

<Column>

<Embed url="https://youtu.be/LMpM1D2sUUc" />

#### [How to Use Stack](https://www.youtube.com/watch?v=LMpM1D2sUUc)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/fnqLaHHj49g" />

#### [How to Use Grid](https://www.youtube.com/watch?v=fnqLaHHj49g)

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

</Column>

<Column>

<Embed url="https://youtu.be/vC5OtV1AR-k" />

#### [How to Use Frame](https://www.youtube.com/watch?v=vC5OtV1AR-k)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/gnalrRojEik" />

#### [Margins, Padding & Constraints](https://www.youtube.com/watch?v=gnalrRojEik)

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

</Column>

<Column>

<Embed url="https://youtu.be/7ISin63dxig" />

#### [Create Mobile-Friendly Pages](https://www.youtube.com/watch?v=7ISin63dxig)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/K4DSHF9lCqg" />

#### [Import & Export Pages](https://www.youtube.com/watch?v=K4DSHF9lCqg)

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

</Column>

<Column>

<Embed url="https://youtu.be/wJsu7WJLZVU" />

#### [Stacked Images Effect](https://www.youtube.com/watch?v=wJsu7WJLZVU)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/vJ1r-dtsMBo" />

#### [Create Animations & Interactions](https://www.youtube.com/watch?v=vJ1r-dtsMBo)

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

</Column>

<Column>

<Embed url="https://youtu.be/QP50HOH9PkI" />

#### [Integrate Shopify Apps](https://www.youtube.com/watch?v=QP50HOH9PkI)

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

</Column>
</Columns>

<Columns>
<Column>

<Embed url="https://youtu.be/Gkgd17TeBrQ" />

#### [Above The Fold Design](https://youtu.be/Gkgd17TeBrQ)

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

</Column>

<Column>

</Column>
</Columns>

<Hint type="info">

Explore more potential of Foxify to create stunning and high-converting designs within minutes with our [Build for Success series 🔥](page://76235206-82bf-42f3-9710-efb374b41318)

</Hint>