Create Template

Create a new image template that can be used for generating images.

You will need to authenticate to use this API. See authentication.

The template system supports various Handlebars helpers for dynamic content manipulation. Check out the Template Helpers section to learn about available helpers for formatting dates, performing calculations, manipulating strings, and more.

Request


POST https://api.ojo.so/v1/template

Headers

Header	Value	Description
Content-Type	application/json	Specify that the request body is JSON

Request Body

Field	Type	Description
html	string	The HTML of the template, as a plain string
variables	object	(Optional) Variables used in the template
name	string	(Optional) The template’s name, 1 to 120 characters
description	string	(Optional) A description of the template, at most 300 characters
viewportWidth	number	(Optional) The template’s default width in pixels
viewportHeight	number	(Optional) The template’s default height in pixels

Send the HTML as a plain JSON string. Your JSON library escapes quotes, newlines and other characters for you:


// JavaScript example
const body = JSON.stringify({ html: '<h1>{{title}}</h1>', variables: { title: 'Hello' } });


# Python example
import json
body = json.dumps({'html': '<h1>{{title}}</h1>', 'variables': {'title': 'Hello'}})

Dynamic Template

You can create your template with Handlebars expressions and generate images by providing the necessary data. When making a request to generate an image, include a modify object in your request body with the data to populate your Handlebars placeholders. Learn how to create image with variables.

Example:


{
  "templateId": "template-uuid-123",
  "modify": {
    "title": "Welcome to Our Site",
    "user": {
      "name": "Alice Smith"
    },
    "showDetails": true,
    "items": ["Item 1", "Item 2", "Item 3"]
  }
}

cURL


curl --request POST \
  --url https://api.ojo.so/v1/template \
  --header 'Authorization: Bearer <your API key>' \
  --header 'Content-Type: application/json' \
  --data '{
    "html": "<h1>{{title}}</h1>",
    "variables": {
      "title": "My Template Title"
    }
  }'

Python


import requests
import json
 
url = "https://api.ojo.so/v1/template"
 
payload = json.dumps({
"html": "<h1>{{title}}</h1>",
"variables": {
"title": "My Template Title"
}
})
headers = {
'Authorization': 'Bearer <your API key>',
'Content-Type': 'application/json'
}
 
response = requests.request("POST", url, headers=headers, data=payload)
 
print(response.text)

JavaScript


const options = {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer <your API key>',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    html: '<h1>{{title}}</h1>',
    variables: {
      title: 'My Template Title'
    }
  })
};
 
fetch('https://api.ojo.so/v1/template', options)
  .then(response => response.json())
  .then(response => console.log(response))
  .catch(err => console.error(err));

PHP


<?php
 
$curl = curl_init();
 
curl_setopt_array($curl, [
CURLOPT_URL => "https://api.ojo.so/v1/template",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode([
'html' => '<h1>{{title}}</h1>',
'variables' => [
'title' => 'My Template Title'
]
]),
CURLOPT_HTTPHEADER => [
"Authorization: Bearer <your API key>",
"Content-Type: application/json"
],
]);
 
$response = curl_exec($curl);
$err = curl_error($curl);
 
curl_close($curl);
 
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}

Go


package main
 
import (
  "fmt"
  "strings"
  "net/http"
  "io/ioutil"
)
 
func main() {
  url := "https://api.ojo.so/v1/template"
 
  payload := strings.NewReader(`{
    "html": "<h1>{{title}}</h1>",
    "variables": {
      "title": "My Template Title"
    }
  }`)
 
  req, _ := http.NewRequest("POST", url, payload)
 
  req.Header.Add("Authorization", "Bearer <your API key>")
  req.Header.Add("Content-Type", "application/json")
 
  res, _ := http.DefaultClient.Do(req)
 
  defer res.Body.Close()
  body, _ := ioutil.ReadAll(res.Body)
 
  fmt.Println(string(body))
}

Java


OkHttpClient client = new OkHttpClient().newBuilder().build();
MediaType mediaType = MediaType.parse("application/json");
RequestBody body = RequestBody.create(mediaType, "{\n  \"html\": \"<h1>{{title}}</h1>\",\n  \"variables\": {\n    \"title\": \"My Template Title\"\n  }\n}");
Request request = new Request.Builder()
  .url("https://api.ojo.so/v1/template")
  .method("POST", body)
  .addHeader("Authorization", "Bearer <your API key>")
  .addHeader("Content-Type", "application/json")
  .build();
Response response = client.newCall(request).execute();

Response

201

Template successfully created. The Location header holds its address, /v1/template/<id>. Before 2026-10-27 this answered 200, so treat 200 and 201 alike.


{
  "id": "template-uuid-123",
  "message": "Template created"
}

401

Your API key might be invalid or expired.


{
  "error": true,
  "message": "Unauthorized",
  "status": 401,
  "title": "Unauthorized",
  "detail": "Unauthorized"
}

422

Request payload unprocessable. The reason is in logs. Update necessary fields and try again.


{
  "error": true,
  "message": "Unprocessable Entity",
  "logs": ["Template missing. Send `html` in the request body"],
  "status": 422,
  "title": "Unprocessable Entity",
  "detail": "Unprocessable Entity"
}

429

You have hit your rate limit. You can view rate limit details here.


{
  "error": true,
  "message": "Template rate limit reached: 30 template requests per minute",
  "logs": ["Try again in 2 minutes."],
  "code": "rate_limited.template",
  "retryAfter": 120,
  "status": 429,
  "title": "Too Many Requests",
  "detail": "Template rate limit reached: 30 template requests per minute"
}

500

An unexpected error occurred. Try again later. If the issue persists, please reach out.


{
  "error": true,
  "message": "Internal Server Error",
  "status": 500,
  "title": "Internal Server Error",
  "detail": "Internal Server Error"
}