WATCH BEFORE BUY Chrome Extension

Overview

The WATCH BEFORE BUY Chrome extension transforms your online shopping experience by providing direct access to product review videos without leaving the e-commerce product page. This extension currently supports various popular e-commerce platforms, enabling users to click on a video icon and seamlessly redirect to YouTube videos for a more engaging and informed buying decision.

Screenshot

Features

• Direct YouTube Video Access: Allows users to click on a video icon to access reviews directly from YouTube.
• Supported E-commerce Platforms: Currently supports the following e-commerce platforms:
  • Tokopedia
  • Shopee
  • Bukalapak
  • Lazada
  • Blibli
  • Amazon
  • eBay
  • Alibaba
  • Walmart

TODO

• UI
• Fetch Product Name
• Element Selector for each site (Currently updated via Contentful API)
• Element selector CRUD Local (Allow user to change element from CRUD Instead modifying the hardcoded element on store.ts)
• support more platform such as Tiktok/ any other video platform
• Oauth Integration ( This feature will enhance your experience by providing more relevant and accurate information.)
• Price Comparison (Idk about this, but cool concept)

Installation

1. Clone or download the repository.
2. Open Google Chrome and go to chrome://extensions/.
3. Enable "Developer mode" in the top right corner.
4. Click on "Load unpacked" and select the directory where you cloned or downloaded the extension.
5. The extension should now be installed and active.

Usage

1. Navigate to a product page on one of the supported e-commerce platforms.
2. Look for the video icon on the page.
3. Click on the video icon to be redirected to YouTube videos for the product reviews.
4. Engage with the reviews directly on YouTube to make more informed purchase decisions.

Supported E-commerce Platforms

Store Name	Target Query	Mode
Tokopedia	#pdp_comp-product_detail	Landscape
Shopee	.product-detail.page-product__detail	Landscape
Bukalapak	.c-main-product__scan.c-main-product__separator	Portrait
Lazada	.pdp-block.pdp-block__main-information	Landscape
Blibli	#product-info	Portrait
Amazon	#apex_desktop	Portrait
eBay	.vim.x-buybox	Portrait
Alibaba	.right-bottom	Landscape
Walmart	[data-testid="price-wrap"]	Portrait

Contribution

Contributions are welcome! If you encounter any issues, have suggestions, or want to add support for more e-commerce platforms, feel free to create a pull request or open an issue

1. directly change the src/store.ts --> soon will be changed
2. change the Readme.MD (Supported E-commerce Platforms section)

License

This project is licensed under the MIT License.