Sunil Kumar

Apitect API Feed Display lets you connect to any external REST API or XML feed and display the response data anywhere on your WordPress site — no coding required.
Key Features:
<ul>
<li>Admin Endpoint Manager — Add, edit, delete, and live-test saved API endpoints</li>
<li>JSON & XML Support — Auto-detect or manually specify the response format</li>
<li>Response Caching — Configurable TTL using the WordPress Transients API</li>
<li>4 Display Modes — Table, Cards, List, or Raw JSON</li>
<li>Shortcode — <code>[apitect_feed]</code> with rich attribute support</li>
<li>Sidebar Widget — Display any saved endpoint in any widget area</li>
<li>Gutenberg Block — Drag-and-drop block with live editor preview</li>
<li>Custom HTTP Headers — Bearer tokens, API keys, and custom headers per endpoint</li>
<li>Data Path Drilling — Dot-notation to target nested data (e.g. <code>data.items</code>)</li>
<li>Field Filtering — Show only specific keys from the response</li>
<li>Item Limiting — Restrict the number of rows or cards displayed</li>
</ul>
<h3>External Services</h3>
This plugin connects to external APIs and services that you configure yourself. No external service is contacted by default — connections only occur when you explicitly add an endpoint URL in the plugin’s admin settings and that endpoint is requested on your site.
What data is sent: 
The plugin makes HTTP requests (GET, POST, etc.) to the API URLs you configure. The request may include any custom HTTP headers you specify (such as API keys or Bearer tokens). No data is sent to any third-party service by Apitect API Feed Display itself — all API calls go directly to the URL you enter.
When data is sent: 
A request is made to your configured API URL when: 
– A page/post containing the <code>[apitect_feed]</code> shortcode or the Gutenberg block is loaded by a visitor. 
– You use the “Test” button in the admin panel to preview a response. 
– A sidebar widget configured with an endpoint is displayed.
Responses are cached using WordPress Transients to reduce repeated API calls (configurable per endpoint; default 300 seconds).
Third-party API policies: 
You are solely responsible for ensuring that your use of any external API complies with that service’s terms of service and privacy policy. Please review the terms and privacy policy of any API you connect to:
<ul>
<li>The plugin has no affiliation with any external API provider.</li>
<li>API providers may log IP addresses, request metadata, or other information per their own policies.</li>
<li>For APIs that handle personal data, ensure you have appropriate disclosures in your site’s own Privacy Policy.</li>
</ul>
<h3>Shortcode Reference</h3>
Basic usage: 
 [apitect_feed id=”my-endpoint”]
With options: 
 [apitect_feed id=”my-endpoint” display=”card” limit=”5″ fields=”id,name,email” title=”Users”]
Ad-hoc URL (no saved endpoint needed): 
 [apitect_feed url=”https://jsonplaceholder.typicode.com/users” format=”json” display=”table”]
Available attributes:
<ul>
<li><code>id</code> — ID of a saved endpoint</li>
<li><code>url</code> — Ad-hoc API URL (used when no <code>id</code> is provided)</li>
<li><code>method</code> — HTTP method, default <code>GET</code></li>
<li><code>format</code> — <code>auto</code>, <code>json</code>, or <code>xml</code> (default <code>auto</code>)</li>
<li><code>cache_ttl</code> — Cache duration in seconds, default <code>300</code> (0 = disabled)</li>
<li><code>display</code> — <code>table</code>, <code>card</code>, <code>list</code>, or <code>raw</code> (default <code>table</code>)</li>
<li><code>path</code> — Dot-notation path into the response, e.g. <code>data.items</code></li>
<li><code>limit</code> — Maximum number of items to show (0 = all)</li>
<li><code>fields</code> — Comma-separated list of keys to display</li>
<li><code>title</code> — Optional heading rendered above the output</li>
</ul>

Apitect API Feed Display

Fetch, cache, and display data from any external REST API or XML source via shortcode, sidebar widget, or Gutenberg block.

berkux

The simplest method to link WordPress with external APIs
JCI simplifies the task of retrieving data from a third-party REST API. The returned JSON-, XML, CSV, TXT-data can be neatly arranged and showcased on your WordPress site via a shortcode, a JCI Block or PHP. The plugin can generate a template for the data display.
20 seconds: Load API and display data
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/RBlrAUVywAk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
7 minutes: Basic intro to JCI free
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/SDUj1teNG2s?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Examples, Preview</h3>
Check out the live demonstration to explore how we’re interfacing with various APIs 
<a href="https://api.json-content-importer.com/free-jci-plugin-example/wetter/" rel="nofollow ugc">LIVE PREVIEW – WordPress and a external API</a>
<a href="https://www.youtube.com/watch?v=GJGBPvaKZsk" rel="nofollow ugc">Video: How to use the Wikipedia API</a>
<h3>Main Plugin Features</h3>
<ul>
<li>Low code usage: Save time and avoid coding using an API</li>
<li>Insert an API-URL into Step 1: Data is loaded, and and displayed. Save it as API-Access-Set.</li>
<li>Use the API-Access-Set in Step 2 to create a Shortcode</li>
<li>Optional for maximum flexibility: Use the API-Access-Set n PHP code</li>
<li>Insert an API-URL into the JCI Block: Data is loaded, and a template can be generated to display the data.</li>
<li>Easy to start: Check Installation – Is your WordPress ready for JCI? Most probably!</li>
<li>Basic Settings: Check SSL, Cacher, Gutenberg and Authentication</li>
<li>ContactForm7 Integration: Populate CF7 forms with JSON data and forward CF7-submitted data to an API.</li>
<li>Use the JCI cacher to avoid many API requests</li>
<li>JCI-Block : Use the simple JCI Block interface to get data! Query the API and check the response. Then utilize the simple template generator inside the JCI Block to use the data!</li>
<li>Contact Form 7 Integration: Fill form and submit to API</li>
</ul>
<h3>Important Note Starting with Version 2.0.11</h3>
Starting with version 2.0.11, any HTML code present in the shortcode or block is filtered to prevent dangerous code (e.g. JavaScript) from being output. 
However, if you want to allow certain tags or attributes as a deliberate choice: 
In the plugin’s “Basic Settings” there is a field called “Allow additional HTML tags (advanced)”. 
There you can enter comma-separated tags that should not be filtered out. For example, “iframe,script” would preserve these two tags in the HTML output. 
“tr#onclick” would preserve the “onclick” attribute in ”, which would otherwise be removed.
<h3>Documentation</h3>
There’s a wealth of resources and support at your fingertips. Explore the articles listed below to begin your journey:
<ul>
<li><a href="https://doc.json-content-importer.com/" rel="nofollow ugc">JCI Manual</a></li>
<li><a href="https://doc.json-content-importer.com/json-content-importer/step-1-data-access/" rel="nofollow ugc">Step 1: Access the Data</a></li>
<li><a href="https://doc.json-content-importer.com/json-content-importer/step-2-data-usage/" rel="nofollow ugc">Step 2: Using the Data</a></li>
<li><a href="https://doc.json-content-importer.com/json-content-importer/shortcode-basic-structure/" rel="nofollow ugc">Shortcode – Basic structure</a></li>
<li><a href="https://doc.json-content-importer.com/json-content-importer/pro-contactform7/" rel="nofollow ugc">Contact Form 7 Integration</a></li>
<li><a href="https://doc.json-content-importer.com/json-content-importer/free-overview-videos/" rel="nofollow ugc">Free JCI Plugin: Overview Videos</a></li>
<li><a href="https://doc.json-content-importer.com/json-content-importer/basic-start/" rel="nofollow ugc">Free JCI Plugin: Getting Started</a></li>
</ul>
<h3>You need more?</h3>
<h4>JSON Content Importer PRO</h4>
Both the free and PRO JCI Plugins serve the same purpose: retrieving data, transforming it, and publishing the results. 
However, while the free Plugin can only handle basic challenges, the PRO JCI Plugin offers nearly full control over WordPress, the database, and applications. 
<a href="https://json-content-importer.com/compare/" rel="nofollow ugc">Compare: Free vs. JCI PRO Plugin</a>
PRO features: 
* application building by creating a searchform and connect it to a JSON-API in the background: pass GET-Variables to use a dynamic JSON-Feed-URL (“talk to API / webservice”) 
* much better and more flexible templateengine: twig 
* create and use Custom Post Types 
* store Templates independent of pages 
* more Shortcode-Parameters 
* executing Shortcodes inside a template 
* more features…

Get Use APIs – JSON Content Importer


All I wanted to do is display the latest version number of my own plugin on my site.  I could have spent hours coding it myself, instead I spent 5 minutes installing and working out this plugin.  Great work Bernhard


Easy Peasy


learning curve is very steep with the plugin but it simply works and i fell in love with it! i use it for everything: fetching flight prices, weather data, syncing wordpress blocks / content across different sites / domain through wp rest api to name a few!


such a clever plugin

Connects an API to WordPress: Get API-data (JSON, XML, CSV...), show it with a Shortcode, a JCI Block or PHP. Generate a template with the JCI Block

Apitect API Feed Display vs Get Use APIs – JSON Content Importer