Frontend Components Integration Overview

📘

Some of the Frontend Components are available only for the React environment.

Findify Frontend Components Integration Overview

Overall steps for the Frontend Components integration:

• generate feed (or use platform integrations that already exist)
• create Findify account
• choose which capabilities you want to use: Search, Autocomplete, Collections, Recommendations
• integrate Analytics
  -- all events from Feedback API
• validate with Findify team that we get all events properly
• go live

Generate Feed

You can refer to Custom integration for feed generation or utilize one of the existing integrations that we have: Shopify , Neto , BigCommerce.

Integrate Analytics

Analytics are an integral part of Findify that allow our ML and Personalization algorithms to operate. It is paramount that you integrate all the analytics events properly.

Some of the events rely on the request-id property that you will receive after performing a request to our backend. This helps us bind the response that we have sent with the actions that user has performed (e.g. clicked on a product in the search results).

Some of the events play a lesser role in the personalization (e.g. click-redirect event that happens when you click on a search suggestion that leads to a redirect), but it's still good to have them as in the future we might rely on such events for new features.

Frontend Components Overview

You can check out the Architecture Overview of our existing Frontend Components. You can use either some or all of them in your development, all source code is available on Github.