Overview
Hook + Demo videos combine compelling text hooks with background media to create scroll-stopping content. Perfect for social media marketing, product teasers, and viral content.
Quick Example
const response = await fetch('https://api.tryhooked.ai/v1/project/create/hook-demo', {
method: 'POST',
headers: {
'x-api-key': process.env.HOOKED_API_KEY,
'Content-Type': 'application/json'
},
body: JSON.stringify({
avatarId: 6,
name: 'Product Teaser Hook',
text: 'Wait for it... This changed EVERYTHING',
media: ['demo_video_1']
})
});
const data = await response.json();
console.log('Project ID:', data.projectId);
Complete Example with All Options
const createHookDemo = async () => {
const response = await fetch('https://api.tryhooked.ai/v1/project/create/hook-demo', {
method: 'POST',
headers: {
'x-api-key': process.env.HOOKED_API_KEY,
'Content-Type': 'application/json'
},
body: JSON.stringify({
avatarId: 6,
name: 'Viral Product Hook',
text: 'POV: You just discovered the hack everyone is talking about',
textSettings: {
preset: 'impact',
alignment: 'top',
textColor: '#00ff88',
backgroundColor: 'transparent',
disabled: false
},
media: ['media_id','media_id_2'],
aspectRatio: 'ratio_9_16',
musicId: 'your-custom-music-id',
webhook: 'https://yoursite.com/webhook',
metadata: {
campaignId: 'summer-launch-2024',
variant: 'A',
createdBy: 'marketing-automation'
}
})
});
return await response.json();
};
Tips for Hook + Demo Videos
Hook in first 2 seconds: Your text should grab attention immediately
Use action words: “Wait for it”, “Watch this”, “POV:” work great
Match media to message: The demo should deliver on the hook’s promise
Keep it vertical: 9:16 ratio performs best on TikTok, Reels, and Shorts
| Formula | Example |
|---|
| POV: | “POV: You just found the best productivity hack” |
| Wait for it… | ”Wait for it… This will blow your mind” |
| X things… | “3 things millionaires do every morning” |
| This is why… | ”This is why your skin isn’t clearing up” |
| Stop scrolling if… | ”Stop scrolling if you want to save money” |
Use Cases
- Product Teasers: Build anticipation for launches
- Social Proof: Showcase results or testimonials
- Tutorial Hooks: Tease how-to content
- Behind the Scenes: Reveal interesting processes
- Before/After: Show transformations
Handling the Webhook Response
// Express.js webhook handler
app.post('/webhook', (req, res) => {
const { data, status, message} = req.body;
if (status === "COMPLETED") {
const { videoId, status: statusVideo, url, shareUrl, metadata } = data;
console.log('Video status!', statusVideo);
console.log('Download URL:', url);
console.log('share Url:', shareUrl);
console.log('Campaign:', metadata.campaignId);
// Save to your database, notify team, etc.
}
res.status(200).send('OK');
});