Add blog section: 2x2 grid with search, pagination, and 8 sample posts

This commit is contained in:
Oliver
2026-06-10 05:10:08 -03:00
parent 595f32bbfa
commit 23503d8c97
11 changed files with 1043 additions and 24 deletions
+84
View File
@@ -0,0 +1,84 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://derez.ai/blog/posts/cold-email-agent-setup.html" />
<title>Building a Cold Email Agent: From Setup to First Send — Derez.ai Blog</title>
<meta name="description" content="A walkthrough on configuring a Hermes Agent for cold outreach — research, draft, and send in one pipeline." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://derez.ai/blog/posts/cold-email-agent-setup.html" />
<meta property="og:title" content="Building a Cold Email Agent: From Setup to First Send" />
<meta property="og:description" content="A walkthrough on configuring a Hermes Agent for cold outreach — research, draft, and send in one pipeline." />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Building a Cold Email Agent: From Setup to First Send" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet" />
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #08080c;
color: #e8e8f0;
font-family: 'Inter', sans-serif;
line-height: 1.7;
padding: 40px 20px;
}
.container { max-width: 720px; margin: 0 auto; }
a { color: #00f5ff; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { margin-bottom: 32px; display: inline-block; font-size: 0.9rem; color: #888; }
.back:hover { color: #00f5ff; }
h1 { font-size: 1.9rem; font-weight: 700; line-height: 1.3; margin-bottom: 12px; }
.meta { font-size: 0.85rem; color: #888; margin-bottom: 40px; display: flex; gap: 12px; align-items: center; }
.area-tag {
display: inline-block;
background: rgba(0,245,255,0.1);
color: #00f5ff;
font-size: 0.75rem;
padding: 2px 10px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
h2 { font-size: 1.3rem; font-weight: 600; margin: 36px 0 12px; color: #f0f0ff; }
p { margin-bottom: 16px; color: #c8c8d8; }
code { background: #0e0e14; padding: 2px 6px; border-radius: 4px; font-size: 0.9em; color: #00f5ff; }
strong { color: #f0f0ff; }
@media (max-width: 600px) {
body { padding: 24px 16px; }
h1 { font-size: 1.5rem; }
}
</style>
</head>
<body>
<div class="container">
<a class="back" href="https://derez.ai/#blog">&larr; Back to Blog</a>
<h1>Building a Cold Email Agent: From Setup to First Send</h1>
<div class="meta">
<span>June 5, 2026</span>
<span class="area-tag">howto</span>
</div>
<h2>The Cold Email Use Case</h2>
<p>Cold email is repetitive — research prospects, write a personalized draft, send, follow up. It's the perfect job for an AI agent. Here's how to set one up on Derez.ai.</p>
<h2>What Your Agent Needs</h2>
<p>Your cold email agent needs three things: a research tool (to find prospects and learn about their business), an email-sending integration (SMTP or API), and a clear prompt that defines your voice and process. We cover all three.</p>
<h2>Step 1: Configure the Prompt</h2>
<p>In the app.derez.ai dashboard, give your agent a role: <em>"You are a B2B outreach specialist for [Company]. Research each prospect, write a personalized first email, and send it."</em> Attach your prospect list or connect a CRM via the tools section.</p>
<h2>Step 2: Connect Email</h2>
<p>Hermes Agent supports SMTP and email APIs out of the box. Add your email credentials in the agent's environment settings, and your agent can send emails directly from the conversation.</p>
<h2>Step 3: Add Research Skills</h2>
<p>Your agent can use web search to research each prospect's company, recent news, and LinkedIn profile before writing. This makes each email genuinely personalized — not a template with a name swapped in.</p>
<h2>Step 4: Test and Launch</h2>
<p>Run a few test emails to yourself first. Tweak the tone in the prompt until it sounds right. Then add your prospect list and let the agent work through it. Follow-ups can be scheduled as separate tasks.</p>
<p>The result? Each prospect gets a researched, personalized email written and sent — while you focus on the replies that matter.</p>
<p style="margin-top:48px;padding-top:24px;border-top:1px solid #1a1a24;font-size:0.85rem;color:#666;">
<a href="https://derez.ai" style="color:#00f5ff">Derez.ai</a> — Deploy your AI agent in 5 minutes.
</p>
</div>
</body>
</html>