> ## Documentation Index
> Fetch the complete documentation index at: https://docs.willosend.com/llms.txt
> Use this file to discover all available pages before exploring further.

# WilloSend

> Turn Instagram comments into leads, sales, and email subscribers with automated DMs — no code required.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 py-10 lg:gap-14 lg:py-16">
  <div className="flex max-w-[540px] flex-col gap-2 self-center text-center">
    <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
      WilloSend Documentation
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Turn Instagram comments into leads, sales, and email subscribers — set up automated DMs in under 2 minutes.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Get Started</span>} icon="rocket" href="/quickstart" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">Connect your Instagram account and launch your first automation in minutes.</span>
    </Card>

    <a href="/features/comment-to-dm" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="message-circle" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Comment to DM</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Instantly send a personalized DM when someone comments a keyword on your post or Reel.
        </span>
      </div>
    </a>

    <a href="/features/keyword-triggers" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
      <Icon icon="key" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Keyword Triggers</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Set different keywords for different posts and send the right message to the right person.
        </span>
      </div>
    </a>
  </div>

  <hr className="border-0 border-t border-border" />

  <div className="flex flex-col gap-4">
    <h2 className="font-serif text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Common tasks</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/setup/connect-instagram" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="instagram" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Connect Instagram</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Link your Instagram Business or Creator account securely via Meta's official API.
          </span>
        </div>
      </a>

      <a href="/use-cases/deliver-lead-magnets" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="gift" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Deliver lead magnets</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Automatically send PDFs, guides, and freebies the second someone comments your keyword.
          </span>
        </div>
      </a>

      <a href="/use-cases/grow-email-list" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="mail" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Grow your email list</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Convert Instagram followers into email subscribers with a single keyword comment.
          </span>
        </div>
      </a>

      <a href="/use-cases/book-coaching-calls" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="calendar-check" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Book coaching calls</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Send your Calendly link automatically to anyone who comments a booking keyword.
          </span>
        </div>
      </a>

      <a href="/features/analytics-dashboard" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="chart-bar" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Track your results</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            See DMs sent, link clicks, and open rates for every post and automation.
          </span>
        </div>
      </a>

      <a href="/pricing/plans" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="credit-card" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Compare plans</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Flat-rate pricing from \$9/mo — no per-contact fees regardless of audience size.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>