All templates
engagement
Referral Invite Template
Encourage users to refer friends with incentives
Preview
HTML Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Refer a Friend</title>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px 20px; text-align: center; border-radius: 12px 12px 0 0;">
<h1 style="color: white; margin: 0; font-size: 28px;">Give {{reward}}, Get {{reward}}</h1>
</div>
<div style="background: #ffffff; padding: 40px 30px; border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 12px 12px;">
<p>Hi {{name}},</p>
<p>Love {{company_name}}? Share it with your friends and you'll both get <strong>{{reward}}</strong>!</p>
<p>Here's how it works:</p>
<ol style="padding-left: 20px;">
<li>Share your unique link with friends</li>
<li>They sign up and become a customer</li>
<li>You both get {{reward}}</li>
</ol>
<div style="text-align: center; margin: 30px 0;">
<a href="{{referral_url}}" style="display: inline-block; background: #667eea; color: white; padding: 14px 32px; text-decoration: none; border-radius: 8px; font-weight: 600;">Get Your Referral Link</a>
</div>
</div>
</body>
</html>Template Variables
Replace these placeholders with your actual data:
{{name}}{{referral_url}}{{reward}}{{company_name}}Send with SendPigeon
import { SendPigeon } from "sendpigeon";
const client = new SendPigeon(process.env.SENDPIGEON_API_KEY);
await client.emails.send({
from: "hello@yourdomain.com",
to: "user@example.com",
subject: "Give {{reward}}, Get {{reward}}",
html: `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device...`,
});Ready to send emails?
Get started with 1,000 free emails per month.
Start for free