πŸ—‚οΈ File Manager

The File Manager in WC Studio gives you direct access to your store’s file system β€” allowing you to create, upload, and manage files and folders without needing FTP or SSH access. Use it to organize your project structure, upload media or scripts, and make code-level adjustments in a secure and user-friendly interface.

πŸ“ Go to: WC Studio β†’ Stores β†’ Select a Store β†’ Advanced β†’ File Manager


🧰 What You Can Do

πŸ“ Create New Folder

  1. Click the β€œNew Folder” button.
  2. Enter a name for your folder.
  3. Click Create.
Use folders to organize assets like custom scripts, uploads, or third-party integrations.

πŸ“„ Create New File

  1. Click β€œNew File”.
  2. Enter a name and file extension (e.g., custom-style.css, settings.json).
  3. The file will appear instantly in the selected directory.
πŸ’‘ Pro Tip: You can edit the file inline after creating it using WC Studio’s built-in editor.

⬆️ Upload File

  1. Click β€œUpload File”.
  2. Select one or more files from your local device.
  3. WC Studio will upload them into the currently selected folder.
βœ… Supports common file types like .php, .html, .css, .js, .json, .zip, .jpg, .png, and more.

πŸ–± Additional Features

  • πŸ“ Inline Editing – Edit files directly in the browser with syntax highlighting.
  • πŸ—‘ Delete – Right-click any file/folder to delete it permanently.
  • ✏️ Rename – Change file/folder names instantly.
  • πŸ” Permissions – View file permissions and modify (coming soon in Pro plans).

⚠️ Caution

  • Avoid editing or deleting core WooCommerce or WordPress files unless you know what you’re doing.
  • Always take a Snapshot Backup before making file-level changes.

πŸ’‘ Best Practices

  • βœ… Use the File Manager for quick edits and file organization.
  • βœ… Keep backup copies of any files you manually modify.
  • βœ… Create a custom or dev folder for experimental scripts and code.