Skip to content
Launch offerSolo $19 $49 · Team $39 $79Launch pricing ends Sunday
Mailblocks
LibraryGet it →

Welcome email

A founder-signed welcome with one primary action and a three-step activation checklist.

Free — get the code ↓
15.7 KB · Gmail-safe

Code

import * as React from "react";
import { Btn, Eyebrow, H1, P, Shell, Signoff, Steps, nameOf, type TemplateProps } from "../components";

export type WelcomeProps = TemplateProps & {
  firstName?: string;
  dashboardUrl?: string;
  docsUrl?: string;
};

export default function Welcome({
  style,
  brand,
  firstName = "Maya",
  dashboardUrl = "https://fieldnote.app/dashboard",
  docsUrl = "https://fieldnote.app/docs",
}: WelcomeProps) {
  return (
    <Shell style={style} brand={brand} label="Welcome" preview={`Your workspace is ready, ${firstName}. Here's how to get the most out of week one.`}>
      <Eyebrow>Welcome aboard</Eyebrow>
      <H1>Your workspace is ready, {firstName}.</H1>
      <P>
        Thanks for signing up. {nameOf(brand)} turns scattered customer calls, tickets and survey answers into one searchable
        source of truth — and the first ten minutes are the ones that matter most.
      </P>
      <Btn href={dashboardUrl}>Open your workspace</Btn>
      <Steps
        items={[
          { title: "Import your first conversations", body: "Connect Zoom, Intercom or upload transcripts — we tag them for you.", href: `${dashboardUrl}/import` },
          { title: "Invite the people who talk to customers", body: "Support, sales and product see the same evidence.", href: `${dashboardUrl}/team` },
          { title: "Ask your first question", body: "“Why do trial users churn?” — answers link back to the source quote.", href: docsUrl },
        ]}
      />
      <P>Reply to this email if you get stuck — a real person reads every one.</P>
      <Signoff name="Daniel Okafor" role="Co-founder" />
    </Shell>
  );
}

Welcome.PreviewProps = { firstName: "Maya" } satisfies WelcomeProps;

The TSX imports components.tsx and theme.ts from the kit. Grab the free starter (all six free templates with their components) on the free page.

Related

← Legal disclaimerVerify email →
Verify email email template previewFree

Verify email

№02 · Onboarding

Confirm-your-address email with a button, a fallback link and the expiry window spelled out.

Getting started email template preview

Getting started

№03 · Onboarding

Activation checklist that ticks off completed steps and shows progress at a glance.

Finish setup nudge email template preview

Finish setup nudge

№04 · Onboarding

Short nudge for users who stalled on a single setup step, with a progress meter.

Trial ending email template preview

Trial ending

№05 · Onboarding

Trial reminder that recaps what the user built and makes the plan choice obvious.