api_request

JSON Output

You can output the full JSON for your component data by referencing the root Liquid object {{this}} in your custom layout file, or directly on your page, if using the collectionVariable parameter in your component tag.

For example:

{% component type: ... collectionVariable: "myData" %}

You can then render the JSON like so:

{{myData}}

For more details on using this approach, see Part 2 of the free ‘Learning Liquid Course’.

Rendering Property Values

This data is accessible in two main ways:

1. Using Liquid in the specified layout file via the this object, eg:

{{this.response['name']}}

2. Directly on the Page or Template via a Liquid Collection if collectionVariable was added to the Component tag.

An example using collectionVariable with value "myApiData":

{% component type: "api_request", auth: "myCredentials", method: "GET", url:"https://example.com/api", collectionVariable: "myApiData" %}

Looping through the collection to render the data provided by the API, eg:

• United States
• Australia
• Germany
• France

The code:

<ul>
{% for i in myApiData.response %}
    <li>{{i['name']}}</li>
{% endfor %}
</ul>