Is there any way to debug webhooks? We do not receive a request on our Webhook.
Here is our example Request-Body:
{
"template": {
"timeline": {
"background": "#000000",
"tracks": [
{
"clips": [
{
"asset": {
"type": "video",
"src": "https:\/\/shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com\/1bxc9ygkge\/zzyaoojx-4ea1-wt2k-0nrk-05twyu3pc6gq\/source.mp4"
},
"start": 0,
"offset": {
"x": -0.33900000000000002,
"y": -0.32100000000000001
},
"position": "center",
"fit": "crop",
"scale": 0.26900000000000002,
"length": 20
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{company_name}} {{created_at}}<\/p>",
"css": "p { color: #ffffff; font-size: 32px; font-family: Outfit; font-weight: bold; text-align: right; }",
"width": 870,
"height": 46
},
"start": 0,
"length": 20,
"fit": "none",
"scale": 1,
"offset": {
"x": 0.14899999999999999,
"y": -0.46400000000000002
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{firstname}} {{lastname}} hat das Video zu 75% geguckt<\/p>",
"css": "p { color: #ffffff; font-size: 18px; font-family: Clear Sans; text-align: left; }",
"width": 540,
"height": 46
},
"length": 10,
"start": 10,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.001,
"y": -0.087999999999999995
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{firstname}} {{lastname}} hat die Report-PDF gelesen<\/p>",
"css": "p { color: #ffffff; font-size: 18px; font-family: Clear Sans; text-align: left; }",
"width": 586,
"height": 46
},
"start": 10,
"length": 10,
"fit": "none",
"scale": 1,
"offset": {
"x": 0.017000000000000001,
"y": 0.016
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">Achtung: Dieses Video ist nur für {{firstname}} {{lastname}}<\/p>",
"css": "p { color: #ffffff; font-size: 40px; font-family: Outfit; font-weight: bold; text-align: center; }",
"width": 654,
"height": 128
},
"start": 0,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.014999999999999999,
"y": 0.35299999999999998
},
"position": "center",
"length": 10
},
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{firstname}} {{lastname}} hat den QR-Code gescannt<\/p>",
"css": "p { color: #ffffff; font-size: 18px; font-family: Clear Sans; text-align: left; }",
"width": 580,
"height": 46
},
"length": 10,
"fit": "none",
"scale": 1,
"offset": {
"x": 0.010999999999999999,
"y": 0.11899999999999999
},
"position": "center",
"start": 10
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "{{ website_url }}"
},
"start": 0,
"offset": {
"x": 0.035000000000000003,
"y": -0.082000000000000003
},
"position": "center",
"fit": "crop",
"scale": 0.61899999999999999,
"length": 10
},
{
"asset": {
"type": "image",
"src": "https:\/\/shotstack-ingest-api-stage-sources.s3.ap-southeast-2.amazonaws.com\/npwduhz7tj\/zzyaslsy-3ch3-ti0b-aaj9-0tsiui1zvaxa\/source.jpeg"
},
"length": 10,
"offset": {
"x": -0.001,
"y": 0.001
},
"position": "center",
"start": 10,
"fit": "crop",
"scale": 1.0089999999999999
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https:\/\/shotstack-ingest-api-stage-sources.s3.ap-southeast-2.amazonaws.com\/npwduhz7tj\/zzyaslel-2apb-tb14-o5sm-4de2xh1jq55i\/source.jpeg"
},
"start": 0,
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"fit": "crop",
"scale": 1,
"length": 10
}
]
}
]
},
"output": {
"format": "mp4",
"size": {
"width": 1280,
"height": 720
}
},
"merge": [
{
"find": "firstname",
"replace": "test"
},
{
"find": "lastname",
"replace": "test"
},
{
"find": "website_url",
"replace": "https:\/\/i.ibb.co\/5kLZwJ6\/Bildschirm-foto-2022-12-29-um-13-17-46.png"
},
{
"find": "created_at",
"replace": "test"
},
{
"find": "company_name",
"replace": "test"
}
],
"callback": "https:\/\/50ff-5-180-61-153.eu.ngrok.io\/api\/webhook\/shotstack"
},
"renderInput": {
"timeline": {
"background": "#000000",
"tracks": [
{
"clips": [
{
"asset": {
"type": "video",
"src": "https:\/\/shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com\/1bxc9ygkge\/zzyaoojx-4ea1-wt2k-0nrk-05twyu3pc6gq\/source.mp4"
},
"start": 0,
"offset": {
"x": -0.33900000000000002,
"y": -0.32100000000000001
},
"position": "center",
"fit": "crop",
"scale": 0.26900000000000002,
"length": 20
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{company_name}} {{created_at}}<\/p>",
"css": "p { color: #ffffff; font-size: 32px; font-family: Outfit; font-weight: bold; text-align: right; }",
"width": 870,
"height": 46
},
"start": 0,
"length": 20,
"fit": "none",
"scale": 1,
"offset": {
"x": 0.14899999999999999,
"y": -0.46400000000000002
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{firstname}} {{lastname}} hat das Video zu 75% geguckt<\/p>",
"css": "p { color: #ffffff; font-size: 18px; font-family: Clear Sans; text-align: left; }",
"width": 540,
"height": 46
},
"length": 10,
"start": 10,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.001,
"y": -0.087999999999999995
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{firstname}} {{lastname}} hat die Report-PDF gelesen<\/p>",
"css": "p { color: #ffffff; font-size: 18px; font-family: Clear Sans; text-align: left; }",
"width": 586,
"height": 46
},
"start": 10,
"length": 10,
"fit": "none",
"scale": 1,
"offset": {
"x": 0.017000000000000001,
"y": 0.016
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">Achtung: Dieses Video ist nur für {{firstname}} {{lastname}}<\/p>",
"css": "p { color: #ffffff; font-size: 40px; font-family: Outfit; font-weight: bold; text-align: center; }",
"width": 654,
"height": 128
},
"start": 0,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.014999999999999999,
"y": 0.35299999999999998
},
"position": "center",
"length": 10
},
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">{{firstname}} {{lastname}} hat den QR-Code gescannt<\/p>",
"css": "p { color: #ffffff; font-size: 18px; font-family: Clear Sans; text-align: left; }",
"width": 580,
"height": 46
},
"length": 10,
"fit": "none",
"scale": 1,
"offset": {
"x": 0.010999999999999999,
"y": 0.11899999999999999
},
"position": "center",
"start": 10
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "{{ website_url }}"
},
"start": 0,
"offset": {
"x": 0.035000000000000003,
"y": -0.082000000000000003
},
"position": "center",
"fit": "crop",
"scale": 0.61899999999999999,
"length": 10
},
{
"asset": {
"type": "image",
"src": "https:\/\/shotstack-ingest-api-stage-sources.s3.ap-southeast-2.amazonaws.com\/npwduhz7tj\/zzyaslsy-3ch3-ti0b-aaj9-0tsiui1zvaxa\/source.jpeg"
},
"length": 10,
"offset": {
"x": -0.001,
"y": 0.001
},
"position": "center",
"start": 10,
"fit": "crop",
"scale": 1.0089999999999999
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https:\/\/shotstack-ingest-api-stage-sources.s3.ap-southeast-2.amazonaws.com\/npwduhz7tj\/zzyaslel-2apb-tb14-o5sm-4de2xh1jq55i\/source.jpeg"
},
"start": 0,
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"fit": "crop",
"scale": 1,
"length": 10
}
]
}
]
},
"output": {
"format": "mp4",
"size": {
"width": 1280,
"height": 720
},
"destinations": [
{
"provider": "s3",
"options": {
"region": "eu-central-1",
"bucket": "digitaldirectmail",
"prefix": "campain-1",
"filename": "video-7",
"acl": "public-read"
}
},
{
"provider": "shotstack",
"exclude": true
}
]
},
"merge": [
{
"find": "id",
"replace": 30
},
{
"find": "campain_id",
"replace": 1
},
{
"find": "slug",
"replace": "marko-miosic"
},
{
"find": "extId",
"replace": null
},
{
"find": "company_name",
"replace": "Miosic Consulting"
},
{
"find": "address",
"replace": "Hohenzollernring 55"
},
{
"find": "zip",
"replace": "50672"
},
{
"find": "city",
"replace": "Köln"
},
{
"find": "website_url",
"replace": "https:\/\/i.gyazo.com\/f5cc2017644af35484d8148e9b526e01.jpg"
},
{
"find": "firstname",
"replace": "Marko"
},
{
"find": "lastname",
"replace": "Miosic"
},
{
"find": "position",
"replace": "Handwerker"
},
{
"find": "telefone",
"replace": ""
},
{
"find": "mailing_send_at",
"replace": null
},
{
"find": "last_call_at",
"replace": null
},
{
"find": "qualified_at",
"replace": null
},
{
"find": "state",
"replace": null
},
{
"find": "next_follwup_at",
"replace": null
},
{
"find": "created_at",
"replace": "2022-12-30 09:51:47"
},
{
"find": "debug",
"replace": "true"
},
{
"find": "test",
"replace": "blub2 Marko Miosic"
},
{
"find": "website",
"replace": "https:\/\/luzar.ddev.site?userSlug=marko-miosic"
},
{
"find": "qr_url",
"replace": "https:\/\/s3.eu-central-1.amazonaws.com\/digitaldirectmail\/campain-1\/qrcode-30.png"
},
{
"find": "video_url",
"replace": "https:\/\/dropbox.com\/videos\/video30.mp4"
},
{
"find": "video",
"replace": "https:\/\/shotstack-api-v1-output.s3-ap-southeast-2.amazonaws.com\/1bxc9ygkge\/306cd888-56d8-4a6e-8ad7-4324615db0a9.mp4"
},
{
"find": "screenshot",
"replace": "https:\/\/s3.eu-central-1.amazonaws.com\/digitaldirectmail\/campain-1\/screenshot-%7Bid%7D"
}
]
}
The Request returns a job, that is also successfully executed:
{
"success": true,
"message": "Created",
"response": {
"message": "Render Successfully Queued",
"id": "cc1dbe41-4b1f-444d-b8d1-b117c24219a0"
}
}
But we never get a request to our Webhook. What are we doing wrong?