# Render

The **Render** node allows you to render a template string into a dynamic string using placeholders and HTML attributes.

## Options

### Template

This is the template string containing placeholders for the dynamic data.

{% hint style="info" %}
The most common way to add placeholders in a template string is to use double curly braces `{{data.title}}` although HTML attributes can also be used for HTML templates. 
{% endhint %}

### Data

This is a dataset containing the data that will be used to populate the template placeholders. It can include variables, lists, dictionaries, etc.

## Output

Returns a new dataset with the property **content,** which includes the dynamic string.

## HTML Attributes

| Attribute     | Description                                                                                                                                                                              |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ssr-text      | Set the element's textContent property.                                                                                                                                                  |
| ssr-for       | <p>Render a list of items based on an array.</p><p><em>Syntax: item in items where items is the source data array and item is an alias for the array element being iterated on.</em></p> |
| ssr-attr:src  | Set the element's src property.                                                                                                                                                          |
| ssr-attr:href | Set the element's href property.                                                                                                                                                         |

## Helpful tips

* By combining the [HTTP Request](/nodes/http-request.md) node and the Render node you can create dynamic web pages using page builders like Webflow.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.alphi.dev/nodes/render.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.