FoxTransfer - Clone web design to Foxify

Steps:

1. Open FoxTransfer in the Chrome Web Store.
2. Click Add to Chrome.
3. 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.

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.
   ℹ️ Learn more : How to get API Secret key in Foxify

4. Click Connect store.

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.

5. Click Copy.

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.