# Video tutorials

{% hint style="success" %}
Learn how to get the most out of Foxify with step-by-step video tutorials.

<a href="https://www.youtube.com/playlist?list=PLNJhkdJsVUFGbmtaVUvKufB8AFumQK4gW" class="button secondary">Explore the full playlist</a>
{% endhint %}

## Getting started

{% columns %}
{% column width="50%" %}
{% 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.
{% endcolumn %}

{% column width="50%" %}
{% 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.
{% endcolumn %}
{% endcolumns %}

## 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

## 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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.
{% endcolumn %}

{% 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.
{% endcolumn %}
{% endcolumns %}

{% 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
{% endcolumn %}

{% column %}

{% endcolumn %}
{% endcolumns %}

{% hint style="info" %}
Explore more potential of Foxify to create stunning and high-converting designs within minutes with our [Build for Success series 🔥](/foxify-app/build-for-success-series/overview.md)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/foxify-app/video-tutorials.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.