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
  • Before you start
  • Add FoxTransfer extension to your Chrome
  • Connect FoxTransfer with your FoxStudio
  • Use FoxTransfer to copy a design and paste it into your FoxStudio editor
  • Copy a design from a webpage
  • Paste a design to your FoxStudio editor

Was this helpful?

  1. FoxStudio 🔥

FoxTransfer - Clone web design to Foxify

A guide to use FoxTransfer Chrome extension in Foxify visual builder

PreviousCopy & Paste ElementsNextFigma to Shopify with Foxify

Last updated 2 months ago

Was this helpful?

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

Before you start

To ensure a smooth experience with FoxTransfer and copy webpage designs into FoxStudio, make sure the following requirements are met.

Google Chrome browser (latest version recommended)

This extension is only available on Chrome browser.

Clipboard permission is enabled in Chrome

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. Navigate to Privacy and Security in the left-hand menu.

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

Add FoxTransfer extension to your Chrome

Steps:

  1. Click Add to Chrome.

  2. Review the types of data that the extension will be able to access. Then click Add extension.

You'll see your extensions in Chrome as buttons on the toolbar.

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.

Steps:

  1. Select FoxTransfer extension on the Chrome toolbar.

  2. In the pop-up, select the Let's connect button.

  3. Enter the required information:

    1. Your name;

    2. Store domain: Your primary domain (in the format your-store-name.myshopify.com);

    3. Secret key: Your API secret key in Shopify admin > Foxify app > Settings > Account section.

  4. Click Connect store.

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

Copy a design from a webpage

Steps:

  1. Open FoxTransfer extension on the Chrome toolbar.

  2. In the extension's pop-up, click Select element.

  3. Select the element you want to copy from the webpage.

  4. Check/uncheck the option Conver images to placeholders.

If the option is checked, all images in the design will be converted to placeholders once pasted into your FoxStudio editor.

  1. Click Copy.

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.

In your FoxStudio editor, you can paste the copied design to your section in 2 ways:

  • Use hotkeys: CMD + V for Mac OS or CTRL + V for Windows

  • Right-click in the editor and select the option Paste from FoxTransfer.

The pasted element's position will depend on the cursor's current location.

After placement, the pasted element can be edited like other elements using the available tools in the editor.

Best practices and notes:

  • Copy smaller elements instead of large sections

💡 Why? Copying smaller elements rather than an entire section reduces complexity and avoids transferring a deeply nested structure, which may be harder to adjust later.

✅ Example: Instead of copying an entire homepage section, try copying only a text block, image container, or button group for easier customization.

  • Adjust for each viewport

💡 Note: FoxTransfer applies the design only to the current viewport you are working on.

✅ Best practice: After transferring, switch to other devices (desktop, tablet, mobile) and manually adjust the design to ensure proper responsiveness.

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.

Users must have the appropriate licenses for premium assets like fonts or images.

Learn more: Terms & Policies

Examples:

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

Beta version: This feature is currently in its beta stage. You may encounter minor issues as we work to improve it. Your feedback is valuable in helping us perfect this function

👉

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

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

Then click Site settings > Permissions > Additional permissions > Clipboard:

Open .

You're .

Learn more : How to get API Secret key in Foxify

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

Learn more about credits in Foxify: All about credit

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

Users are responsible for any risks of using these assets without proper licensing.

❤️
✅
ℹ️
🙌
🪙
⚠️
FoxTransfer
Download Chrome
chrome://settings/content/clipboard
FoxTransfer in the Chome Web Store
browsing as a guest
converted to placeholders
Copy a design from a webpage using FoxTransfer Chrome extension
Install FoxTransfer Chrome Extension FREE here