Foxify - Smart page builder
Try Foxify freeResourcesOther solutions
  • About Foxify
    • What is Foxify?
    • Account & Billing
      • Free trial
      • Pricing plans
      • Use discount code
      • Change your plan
      • Uninstall Foxify
    • Changelog
    • Terms & Policies
  • Getting started
    • How to install Foxify
    • Quick start guide
    • Analytics
    • App extensions
      • Age Verifier
      • Ajax Add to Cart
      • Countdown Timer
      • Inventory status
      • Product Options Swatches
      • Quick View
      • Recently Viewed Products
      • Storefront Filters
    • Global styles
    • Pages list
      • Create a Home page
      • Create a Product page
      • Create a Collection page
      • Create a Landing page
      • Create a Blog post
      • Templates
      • Save a page as a template
    • Import & Export pages
    • Translation
  • FoxStudio 🔥
    • What is FoxStudio
    • FoxStudio editor
    • FoxStudio tools
      • Autosave
      • Grids guide and Snap lines
      • Pan & Zoom mode
      • Inspector panel
      • Layers
      • Layout template 🧩
      • AI responsive ✨
      • Prettify
      • Keyboard shortcuts
      • Undo & Redo
      • SEO checker
    • Working with Pages
      • Page settings
      • Edit a Section
      • Add a Section
      • Animations
      • Save and re-use Assets
    • Working with Elements
      • Add and Edit Elements
        • Text
        • Button
        • Image
        • Video
        • Countdown timer
        • Marquee text
        • Newsletter form
        • Contact form
        • List items
        • Slideshows
        • Tabs
        • Collapsible content
        • Testimonials
        • Navigation
      • Cells and grids
      • Constraints
      • Frame Elements
      • Resize an Element
      • Stack Elements
      • Copy & Paste Elements
    • FoxTransfer - Clone web design to Foxify
  • 🔥Figma to Shopify with Foxify
  • Basic editor
    • Page Editor
      • General settings
      • Styles settings
    • Sections & Presets
      • Before/ After slider
      • Blog posts
      • Collapsible content
      • Buy Now button
      • Collection list
      • Collection tabs
      • Countdown timer
      • Custom section
      • Favorite products
      • Featured product
      • Featured collection
      • Google Map
      • Handpicked products
      • Image banner
      • Image cards
      • Image with text
      • Lookbook
      • Multicolumn
      • Product tabs
      • Scrolling promotion
      • Slideshow
      • Tabs
      • Testimonials
    • Foxify layout
      • Menus
      • Link menus to Foxify layout
    • Advanced features
      • Custom code
      • Check SEO score
      • Keyboard shortcuts
      • Page revisions
      • Undo & Redo
  • Section design
    • Create a Theme Section
  • AI-powered fox magic
    • What is Fox Magic? ✨
    • All about credit
  • Build for Success series
    • FAQ page like Satyajewelry
    • Featured collections showcase like Puma
    • Home page 🔥
    • Landing page 🔥
    • Multi-column section like SkinnyTeatox
    • Newsletter section like Emmabridgewater
    • Product page 🔥
    • Scrolling promotion like Elementmatcha
    • Testimonial section
    • Video hero section like Swarovski
  • FAQ
    • Foxify Free plan is sunsetting
    • Foxify Gen 2 Beta Test
    • How to report an issue
    • Generic
      • Compare Foxify with other Shopify page builders
      • Completely remove Foxify code from my Shopify theme
      • How to change the app language 🌍
      • Pick a theme to work with Foxify
      • Does Foxify work for all the pages in my store?
      • How to get API Secret key in Foxify
      • How to join Foxify giveaway 2022
    • Edit your pages
      • Add custom font
      • Add custom icon
      • Change my page title and URL
      • Change the product prices' color
      • Create an anchor link
      • Create a parallax background
      • How to make rounded buttons
      • Set a page as Home page
      • Schedule your page to publish at a future date
      • Should I use Pixel, Rem, or Em?
      • Change the page background
  • Troubleshooting
    • Liquid error: Could not find asset snippets
    • Published page is not visible on live store
    • Compare-at prices do not show in live store
  • Shopify Apps Integrations
    • Air Product Reviews
    • DingDoong: Delivery + PickUp
    • Loox Product Reviews
    • LAI Product AliExpress Reviews
    • Wide Bundles - Quantity Breaks
    • Ai Loyalty, Email, Review, SMS 🔥
    • FoxKit AIO Upsell Cross-sell 🔥
    • Yotpo ‑ Product Reviews
    • Judge.me Product Reviews
    • BON Loyalty Program & Rewards
    • Kaching Bundles Quantity Break
Powered by GitBook
On this page
  • The Top bar
  • Exit button
  • More actions
  • Template selector
  • Device mode selector
  • Undo & Redo buttons
  • Page Actions: Save, Preview, Publish, and more
  • The Left Sidebar
  • Page title
  • Element menu
  • The Configuration bar
  • General settings tab
  • Styles settings tab

Was this helpful?

  1. Basic editor

Page Editor

An overview of Foxify Basic editor

PreviousFigma to Shopify with FoxifyNextGeneral settings

Last updated 3 months ago

Was this helpful?

Starting on January 24, 2025, the Basic editor for creating pages will no longer be accessible to new users and should use FoxStudio instead.

Learn more about FoxStudio: FoxStudio 🔥

The Top bar

Exit button

Click the Exit button on the upper left corner to go back to your Foxify Manage pages section.

More actions

Template selector

Quickly access other templates you created in Foxify.

Device mode selector

To preview your content at different screen sizes (Desktop/ Laptop/ Tablet/ Mobile), use the device mode selector at the top of the editor.

Undo & Redo buttons

Page Actions: Save, Preview, Publish, and more

Page actions buttons are in the top right corner of the Editor.

Save: Hit the Save button to save all your changes.

Although Foxify provides autosave every few minutes, we highly recommend you click Save regularly while you are editing.

Preview: After saving your progress, you can quickly check how the templates look before publishing, using the Preview button.

Publish:

  • For Home pages: hit Publish to sync your edits with your live store.

  • For Product pages, Landing pages, and Collections pages: hit Publish to save templates in your Shopify live theme.

You can either publish your page right away or schedule the time.

To schedule a publish time for your template, simply click Publish > Publish later and set the date and time. After that, hit Set schedule to finish.

More actions:

  • View live page: Click on this button to see your current live storefront.

For Product pages, Collections pages, and Regular pages, the live page follows their assigned templates as you set in your Shopify admin.

  • Unpublish: unpublish your published templates.

  • Export as template: export your page as a template.json file.

The Left Sidebar

Page title

Check out the page title to make sure you're editing the right one. You can change your page title at the given time in Page settings.

Element menu

Add section

Quickly browse the list of Foxify pre-made sections and add them to the editing page.

Page outline

Page outline is the record of sections and blocks used on your template.

You can easily navigate to the section you want to edit by clicking the name of that section.

In the page outline, click on the three-dot icon next to the section/block name to hide, duplicate or delete the section/block.

If you choose to hide any section, the hidden section will be blurred out in the page outline.

Page templates

View and change the current template.

Please be aware that once you choose to apply a new template, the new option will override your current editor content.

App extensions

Page revisions

Check your page history and quickly roll back to any previous versions of your content.

The number of available page revisions depends on your current Foxify plan.

Custom code

You can add custom code to your template.

Custom codes only apply to the pages which use this template.

Check SEO score

You can check the SEO score of the current page with one click.

Provide what you need to improve and fix on your page to improve your SEO score's page.

Theme settings

You can use Theme settings to make changes to your templates' layout, card settings, currency format, and so on.

The Configuration bar

General settings tab

This tab displays the functional parameters of the selected element.

Styles settings tab

All elements come with options for styling. In styles settings, you can adjust the content box styles, typography, spacing, opacity, etc., or add custom CSS.

Click the ( ) icon to change the Page settings.

Use Undo ( ) button to revert to your last adjustment.

Use Redo ( ) button to revert to your last Undo.

To publish the templates, you must enable Foxify Theme helper in your theme settings. For more information, see .

Save as template: learn more .

Import/Export your page: learn more .

Quick access to the App extensions list. To learn more about this feature, check .

To view your plan details, click .

here
here
here
this article
this article
Install FoxTransfer Chrome Extension FREE
here