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

# Video Guides

> Watch step-by-step video tutorials to help you get the most out of Flowforth.

<style>
  {`
    [class*="ContextualButton"], [class*="contextual"] {
      display: none !important;
    }
    `}
</style>

<div className="space-y-10">
  <div>
    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <Card title="Getting Started with Flowforth" href="/videos/getting-started" img="https://img.youtube.com/vi/GLn846VREM0/hqdefault.jpg">
        An overview of how to get started with Flowforth.
      </Card>

      <Card title="Planning Center Integration" href="/videos/planning-center-integration" img="https://img.youtube.com/vi/PBsmr0dunqY/hqdefault.jpg">
        Learn how Flowforth integrates with Planning Center.
      </Card>

      <Card title="Importing Content from Planning Center" href="/videos/importing-content-from-pco" img="https://img.youtube.com/vi/xahedIvV2vk/hqdefault.jpg">
        Import groups, registrations, events, and announcements from Planning Center into your emails.
      </Card>

      <Card title="Linking to Planning Center Content" href="/videos/linking-to-pco-content" img="https://img.youtube.com/vi/ypTa-ZRDbf4/hqdefault.jpg">
        Link to Planning Center content from your Flowforth emails.
      </Card>

      <Card title="DNS Setup" href="/videos/dns-setup" img="https://img.youtube.com/vi/al27x7NZfro/hqdefault.jpg">
        Set up DNS records for your domain in Flowforth.
      </Card>

      <Card title="Importing People via CSV" href="/videos/importing-people" img="https://img.youtube.com/vi/coKo6caHCVQ/hqdefault.jpg">
        Import your contacts into Flowforth using CSV files.
      </Card>

      <Card title="Canva Integration" href="/videos/canva-integration" img="https://img.youtube.com/vi/rrd-9VjOgww/hqdefault.jpg">
        Learn how to use the Canva integration in Flowforth.
      </Card>
    </div>
  </div>

  <div className="flex flex-col md:flex-row items-center justify-between rounded-xl border dark:border-zinc-900 px-6 py-8 md:py-12 gap-6 not-prose">
    <h2 className="text-black dark:text-white text-2xl font-semibold m-0">
      Still Need Help?
    </h2>

    <a href="https://flowforth.co/contact" className="no-underline">
      <span className="hover:bg-primary/80 rounded-md bg-primary text-white flex items-center justify-center font-medium px-4 h-10 w-fit cursor-pointer">
        Contact Support
      </span>
    </a>
  </div>
</div>