To render a template using an image url you can use the /mockups/render endpoint.

POST <https://api.mockupsjar.com/mockups/render/><mockup-name>

Parameters:

• zoomLevel: set the zoom level for the mockup (default: 1 => 640px) (range: 0.0-4.0)
• format: output image format (default: jpg) (options: jpg/png/pdf)
• input: array of strings that can be url images or website uri that will be replaced in the final mockup with the preview of the website

Samples:

• render a mockup with zoom level 1x, format jpg and an input url image from https://dummyimage.com/500/7dffb8/000000

{
    zoomLevel: 1,
    format: "jpg",
    input: [
        '<https://dummyimage.com/500/7dffb8/000000>',
    ]
}

• render a mockup with default zoom level, default format and an input that is a website https://www.macrumors.com/roundup/ipad-pro/

{
    input: [
        '<https://www.macrumors.com/roundup/ipad-pro/>',
    ]
}

• render a mockup with default zoom level, default format and 2 images https://dummyimage.com/500/de6b35/000000.jpg https://dummyimage.com/500/64ccda/000000.png

{
    input: [
        '<https://dummyimage.com/500/de6b35/000000.jpg>',
        '<https://dummyimage.com/500/64ccda/000000.png>',
    ]
}

Valid response: 200 Ok

{
 "status": "success",
 "data": {
  "slug": "swiasi-android-s5-top",
  "name": "Samsung Galaxy S5 Top View",
  "status": "successful",
  "zoomLevel": 1,
  "format": "jpg",
  "result": {
   "url": "<https://mockupsjar-production.s3-eu-west-1.amazonaws.com/renders/swiasi-android-s5-GipAn8PoAjFYR6Ax.jpg>",
   "previewUrl": "<https://mockupsjar-production.s3-eu-west-1.amazonaws.com/renders/3IXPXyGqGvWSAjld-QpzEnU9We8FzPUUX.jpg>"
  }
 }
}

Invalid response: 500 Exception