FoxTransfer - Clone web design to Foxify

A guide to use FoxTransfer Chrome extension in Foxify visual builder

Copy any web designs by copying HTML elements and instantly paste them to your Foxify page builder using FoxTransfer.

This feature boosts your productivity, accelerates workflows, and gives you the creative freedom to adapt and refine existing designs effortlessly.

Before you start

Clipboard permission is enabled in Chrome

Before using FoxTransfer, make sure to enable Clipboard permissions for Chrome. Here’s how:

1️ Method 1:

  1. Open Foxify Page Builder app in Shopify.

  2. Click the site information icon next to the URL in the address bar.

  3. In the dropdown menu, locate the Clipboard option and select Allow.

2️ Method 2:

  1. Open Chrome settings by clicking the three vertical dots () in the upper-right corner. Select Settings.

  2. Navigate to Privacy and Security in the left-hand menu.

  3. Then click Site settings > Permissions > Additional permissions > Clipboard: chrome://settings/content/clipboard

  4. In the list of sites allowed to see your clipboard, add admin.shopify.com.

Add FoxTransfer extension to your Chrome

Note: You can't add extensions if:

  • You're using your Chromebook at work or school. If you have questions or need help, contact your administrator.

Connect FoxTransfer with your FoxStudio

Once you have added FoxTransfer extension to your Chrome, it's time to connect it with your FoxStudio.

All set! 🎉 Now you're ready to copy and paste the element you want to your FoxStudio pages. 🙌

Use FoxTransfer to copy a design and paste it into your FoxStudio editor

Copy a design from a webpage

Copy a design from a webpage using FoxTransfer Chrome extension

Paste a design to your FoxStudio editor

After you have copied the element using the FoxTransfer extension, you can paste it to your FoxStudio pages.

Each paste action will use 2 credits.

🪙 Learn more about credits in Foxify: All about credit

Best practices and notes:

How Foxify handles the assets of the copied design

  • Custom fonts: Any custom fonts used in the element will be uploaded to the user’s store automatically.

  • Google fonts: No further action is needed if the element uses detected Google fonts.

  • Images: Images included in the element will be uploaded to the user's store or converted to placeholders if the user selects this option.

Examples:

Last updated

Was this helpful?