Project plan template

https://docs.google.com/spreadsheets/d/17sbsdbC15i4vKRINFY69MjW21wZnCXE6/edit?usp=sharing&ouid=109166220233660726190&rtpof=true&sd=true

Process decription

Integration Method: Front-End.

The Prefixbox React-Based script is responsible for rendering Prefixbox modules, including AI Search, AI Navigation, and AI Recommend.

1. Implementation details:
   1. Autocomplete: This will be rendered on every page where the search input field (<input id=”search”…) is present.
   2. AI Search:
      • We will keep the “example.com/catalogsearch/result/?q=” Search Result Page.
      • As part of the integration, a new Search Result Page must be created by the client, e.g., “example.com/catalogsearch2/result/?q=”.
      • The Prefixbox integration script will render the left-side filters, product tiles, and search controls (e.g., sorting options, pagination) on the new search result page.
      • Add to Basket & Add to Favorite: The Prefixbox script can call the same front-end function with the required parameters that are implemented on client's side. For this, client’s development team must share:
        • The add-to-cart function and its specifications.
        • The add-to-favorite function and its specifications.
   3. AI Recommend:
      • TBD: Decide on which pages the recommendations should work. Prefixbox suggestion:
        • Home Page – Personalized Recommendations.
        • Category Pages – Personalized Recommendations.
        • Product Detail Page – Personalized & Complementary Recommendations.
        • Add to Cart Page – Complementary Recommendations.
   4. AI Navigation: These modules will be integrated on the new search result page, e.g., “example.com/catalogsearch2/result/?q=”.

On Related Products, the Add to Cart and Add to Favorite functions will be implemented in the same way as for Search.

1. Client’s Responsibilities:

   1. Provide GTM & Google Analytics Admin access to the Prefixbox team (ga.prefixbox at gmail.com).

   2. Create and share the product feed.

      Requirements:

      • The product feed must contain all the products that client is selling online.
      • The feed must contain all the product attributes, such as:
        • Attributes used to render the product tiles (e.g., labels like “Promotion”, product ID for add to basket, etc.).
        • Left-side filter attributes, such as category, brand, rating, etc.
        • Availability values: “in stock”, “out of stock”, “available for order” (e.g., 3 weeks shipment).
      • Supported feed formats: JSON, XML, CSV/TSV.
   • Refresh frequency: The feed must be refreshed on the customer side according to the needs. Prefixbox downloads the feed every 30 minutes.
   • Note: If a 30-minute frequency is not enough, Prefixbox supports real-time API-based product updates as well.

   TODO:

   • Please share your product feeds that meet the requirements above so the Prefixbox team can validate if we can use them.
   • If there is no product feed available yet, the feed must be developed based on the following documentation: https://prefixbox.notion.site/JSON-Feed-Format-094dc450fe894179a103a1b9fd57f510

2. Insert the Prefixbox JavaScript into the header.

   • An example script is available on the following documentation page: https://prefixbox.notion.site/SERP-Product-Page-Event-API-71abf6fa67b7400fab740f9d3d818a47

3. New page: (e.g., “example.com/catalogsearch2/result/?q=”) The new page must contain only the header and footer. The content between them will be generated by the Prefixbox integration script.

4. A category feed for the Related Category module is also needed: https://prefixbox.notion.site/Category-Feed-Format-1255e8f34fc144f38ace8edc5e523c38

⬅️ Back to Main Page