Project Description:
It is necessary to implement functionality that allows adding a product widget to the text of Blog posts publications on a website running on the Shopify platform. The widget should display the product with the ability to choose parameters, add to cart, and purchase in one click.
Website URL:
https://lashflashh.com/
Functional Requirements:
Integration of the product widget into the Blog posts editor:
- Add the ability to integrate the product widget directly into the text of the publication when editing Blog posts.
- The widget should display the product with an image, name, price, and brief description.
- The administrator should be able to select a product from the catalog and insert it into the Blog posts publication through the editor interface.
Product Widget Functionality:
- The widget should include buttons to add the product to the cart and for one-click purchase.
- The widget should support displaying the selection of product parameters, such as Curl, Length, Diameter, Quantity.
- When selecting a product, the widget should automatically update based on the selected parameters.
Interface and User Experience:
- The widget should be adapted to the website design and match the style of the main content.
- The widget interface should be intuitive and easy to use on both desktop and mobile devices.
- The "Buy in One Click" button should be prominent and user-friendly.
Management and Settings in the admin panel:
- The Shopify admin panel should have a tool for selecting and configuring the product widget.
- The administrator should be able to easily select products from the catalog and insert the widget in the desired location in the publication text.
- There should be the ability to edit widget display parameters, such as size and position in the text.
SEO Optimization:
- Information about the products in the widget should be available for indexing by search engines.
Compatibility and Testing:
- Ensure that the widget works correctly with the current version of Shopify and the website theme.
- Conduct testing on various devices and browsers to ensure cross-platform compatibility.
- Verify that the one-click purchase functionality works without issues.
Examples of Widget Usage:
- In a review publication on eyelash extensions, you can insert a product widget with parameters for choosing Curl, Length, and Diameter for each mentioned product.
- In an article about new arrivals in the Blog section, you can offer the user to buy products directly through the widget.
Support:
- Provide information on how to update and maintain the widget.
Expected Outcome:
Functionality to add a product widget to Blog posts publications, allowing users to choose product parameters, add it to the cart, and purchase in one click, fully integrated and ready for use on the website.