Custom JSON API Based Search Integration for a Tyre Brand
Challenge
In this project our client has been a renowned seller of radial tyres looking for a customization on their WordPress website. They wanted us to integrate a custom tyre search functionality based on a custom JSON API they found to be useful. The JSON API has the data they need and they wanted it to be incorporated into a frontend search on their WordPress website.
Our task mainly was to:
- Integrate JSON API into WordPress
- Integrate a custom tyre search feature into the frontend
- Implement a product meta to link the responses with actual products
- Provide analytics about searches
- Downloadable analytics to gather insights about the searches done
Our Solution
The project was simple in words but we had to get into the solution.
Here’s how we solved the problem:
JSON API Integration
The JSON API client suggested to be used was a data feed system made for tyres. With proper requests, it can bring in detailed information about tyre type, make, model, year etc. We prepared a plugin for the client that integrated the JSON API into WordPress.
Custom Search
We prepared a special shortcode for placing the search into a page. The shortcode worked through its code to place a search field. When submitted, it prepares to pass the request through the JSON API and the response data is processed to present search results.
Linking Products
We have added a setting for each product under the Advanced tab. This changes a meta field which stores the tyre identification string that is present on the API response. This helps us in turn to link the particular product with a specific response from the API.
Search Analytics
Besides handling the JSON API integration into search results, our client wanted to know how many customers searched for which products. So we built an internal analytics system around the search mechanism so that there is a record of each search query by users.
Downloadable Analytics
We implemented a download feature for the analytics collected. It exports to a widely compatible csv file. It helps the client to observe the data more closely on their favorite software package on desktop.
Putting it all together
When we finished, we delivered a better API-integrated custom search which helped both the users and our client to find what they need.
Are You Interested?
We can get you hooked to a similar project!
Some images might be subject to copyright. In case otherwise stated, the copyright belongs to the copyright holder.