Quick start guide

Welcome on board 👋

This guide takes you from a blank Foxify account to your first live page.

Not installed yet? See How to install Foxify

Create a page

In the Foxify dashboard, click Create page and choose a page type. You'll have three ways to start:

Start from a template
Browse templates by page type or industry. Click Preview to see a template in full, then Select to open it in the editor.
Generate with AI
Describe your page in a text prompt — your store type, the goal of the page, and the style you want. The AI Layout Generator builds a full layout in seconds. You can edit everything it generates. Learn more: AI Layout Generator
Build from scratch
Start with a blank canvas and design every detail your way

If this is your first page, start from a template — it's the fastest way to see what Foxify can do and have something to customize right away.

Customize your page

Inside the editor, you're in full control of layout and design. A few tools to know:

Stack — arrange elements vertically with consistent spacing
Grid — build flexible, responsive layouts
Constraints — dock elements where you want them on the page
Pan & Zoom — navigate your design without losing your place

Drag and drop sections or elements onto the canvas, adjust spacing, and refine styles — everything updates in real time. You can also copy and paste elements or styles anywhere on your page to speed up repetitive work.

Check mobile

Switch between desktop, tablet, and mobile views using the device selector at the top of the editor.

If your layout needs adjustment on mobile, click AI Responsive to automatically fine-tune spacing and sizing across screen sizes — or adjust manually using the Inspector panel.

Watch tips for working in mobile view

Add animations

Once your layout is ready, bring it to life with animations. Animations help guide customer attention and create a smoother browsing experience.

Select an element — an image, button, or text block — and apply an animation from the Inspector panel. A little motion goes a long way in making your page feel dynamic and polished. Learn more

Preview and publish

Click Preview to check your page on desktop and mobile.
If everything looks right, click Publish.

You can update or unpublish your page anytime.

Page not showing on your store after publishing? Check out our help article here

What's next?

Explore FoxStudio editor tools

Full reference for Stack, Grid, Constraints, and more

Build a high-converting product page

Guided walkthrough for product pages

Builde a home page that drives engagement

Guided walkthrough for homepages

Add elements to your page

Full reference for all available elements

Last updated 11 days ago