WordPress Plugin : AutoScout24 Listing Search API
Budget: €30 – €250 EUR
We need a WordPress plugin that makes a connection to the Autoscout24 GraphQL API and is also compatible with elementor. Below you will see the steps of the workflow that we need.
We already created the whole connection stuff, but it is just not pluginized yet so currently it still needs much manual intervention which we would like to see standardized in a plugin.
Wordpress plugin:
- Make a GraphQL connection with the AutoScout24 API
o Documentation: https://listing-search.api.autoscout24.com/docs/#/
Username: xxxx (will be given later)
PW: xxxxx (will be given later)
o Every customer has a unique ID, we need to be able to fill it in via wordpress to make connections for different customers. ID example: xxxx (will be given later)
o GraphQL connection details:
Authorization: Basic xxxxxx (will be given later)
'Content-Type': application/json
There is also a Listing Summary Query that should be used to fetch the data and make a connection (will provide more details later)
o Plugin should have some customizable fields : Username, Password, Authorization Key, ID, Polling interval (hours)
- The output data from the connection should come in some form of a shortcode or elementor widget that contains a loop of all the cars with a summary of the most important information
o Example:
- https://auto-viger.be/verkoop/personenwagens/
- https://autobedrijfbaeyens.be/beschikbare-wagens/
o The layout of the cars and the summary should be flexible or customizable like in the websites above
o Keep in mind, some prices include VAT, others don’t (Incl. BTW / Excl. BTW).
- If the list is too long, the cars need to be split up in pages or infinite loading while scrolling down. Pick one of the 2 options.
- Some customers have lots of cars, so we also need filters so that the users can find exactly what they are looking for. It should be possible to filter data like price, mileage, fuel type, horsepower, etc...
o Sorting alphabetically or by price should also be possible.
- The output data should also be cached and only refresh once every X hours (according to the polling interval, specified in the plugin config)
- Clicking on the “more info” button (or the car title) should bring you to another page, for example “/car-details/” and show every specification about a certain car.
o To do this, another API call should be made to fetch more information about a car.
o This page needs to be split up in lots of widgets or shortcodes so that it’s possible to design a flexible layout.
Maybe it’s better to have all this data available and let us bind it to elementor widgets using dynamic tags
Data like images should be available to use in galleries, or as backgrounds
Here are 2 websites of how it should approximately look like for the user:
https://auto-viger.be/verkoop/personenwagens/
https://autobedrijfbaeyens.be/beschikbare-wagens/
Our current setup:
Right now nothing is connected to elementor. We fetch the API data through php (with curl) or with Javascript using the fetch() function. The listing summary loop and car detail pages are both made with HTML/CSS, so it takes us a long time to create different layouts and make them all responsive. The car detail page is made by creating a custom php page inside the child theme and using it as a page template.
We already created the whole connection stuff, but it is just not pluginized yet so currently it still needs much manual intervention which we would like to see standardized in a plugin.
Wordpress plugin:
- Make a GraphQL connection with the AutoScout24 API
o Documentation: https://listing-search.api.autoscout24.com/docs/#/
Username: xxxx (will be given later)
PW: xxxxx (will be given later)
o Every customer has a unique ID, we need to be able to fill it in via wordpress to make connections for different customers. ID example: xxxx (will be given later)
o GraphQL connection details:
Authorization: Basic xxxxxx (will be given later)
'Content-Type': application/json
There is also a Listing Summary Query that should be used to fetch the data and make a connection (will provide more details later)
o Plugin should have some customizable fields : Username, Password, Authorization Key, ID, Polling interval (hours)
- The output data from the connection should come in some form of a shortcode or elementor widget that contains a loop of all the cars with a summary of the most important information
o Example:
- https://auto-viger.be/verkoop/personenwagens/
- https://autobedrijfbaeyens.be/beschikbare-wagens/
o The layout of the cars and the summary should be flexible or customizable like in the websites above
o Keep in mind, some prices include VAT, others don’t (Incl. BTW / Excl. BTW).
- If the list is too long, the cars need to be split up in pages or infinite loading while scrolling down. Pick one of the 2 options.
- Some customers have lots of cars, so we also need filters so that the users can find exactly what they are looking for. It should be possible to filter data like price, mileage, fuel type, horsepower, etc...
o Sorting alphabetically or by price should also be possible.
- The output data should also be cached and only refresh once every X hours (according to the polling interval, specified in the plugin config)
- Clicking on the “more info” button (or the car title) should bring you to another page, for example “/car-details/” and show every specification about a certain car.
o To do this, another API call should be made to fetch more information about a car.
o This page needs to be split up in lots of widgets or shortcodes so that it’s possible to design a flexible layout.
Maybe it’s better to have all this data available and let us bind it to elementor widgets using dynamic tags
Data like images should be available to use in galleries, or as backgrounds
Here are 2 websites of how it should approximately look like for the user:
https://auto-viger.be/verkoop/personenwagens/
https://autobedrijfbaeyens.be/beschikbare-wagens/
Our current setup:
Right now nothing is connected to elementor. We fetch the API data through php (with curl) or with Javascript using the fetch() function. The listing summary loop and car detail pages are both made with HTML/CSS, so it takes us a long time to create different layouts and make them all responsive. The car detail page is made by creating a custom php page inside the child theme and using it as a page template.