Quick start guide

#Create your first page

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

#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.

#Update Global styles

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

#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.

#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.

#View your page revisions

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

#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.