XO Builder Extractor

About

XO Builder Extractor is a Chrome extension that allows users to extract HTML and CSS elements from any webpage and integrate them into the XO Builder app on Shopify. This tool helps users quickly convert website elements into reusable components for building Shopify store pages.
Here is key features of our extension:
  - Extract HTML & CSS: Select and extract specific elements from any webpage.
  - Flexible Selection: Adjust the selection to capture the exact content needed.
  - Image Handling Options: Choose to include original images or replace them with placeholders.
  - Clipboard Integration: Automatically copy extracted content for easy pasting into XO Builder.

Shopify Login & Guest Mode: Log in using a Shopify store name and domain, or use the extension in guest mode.

Receive confirmation for successful copying or error messages if extraction fails.

How to user use:
1. Install: Download XO Builder Extractor from the Chrome Web Store.
2. Log In or Use as Guest: sign in using your Shopify store name and domain for better integration. 
     Or continue as a guest without logging in.
3. Extract Content:
   - Right-click on any webpage area and select XO Builder Extractor.
   - Fine-tune the selection to ensure accurate extraction.
   - Choose whether to include images or replace them with placeholders.
   - Copy to Clipboard: Click the Copy button to save the extracted content.

4. Receive Notifications:
   - A success message confirms that the content was copied.
   - If an error occurs, an appropriate message will be displayed.
5. Use in XO Builder: Paste the copied content directly into the XO Builder app for further customization.

Future Updates:
A detailed guide on how to use extracted data in XO Builder will be added in future versions. Additional improvements will be introduced to enhance selection accuracy and user experience.