# Working with the Data API

> Learn what you can build with the Webflow Data API and how to get started with your first integration.

Webflow's Data API gives you programmatic access to your sites, workspaces, and the data within them. Using our REST API, you can build powerful server-side applications and integrations to automate workflows, manage content at scale, and extend Webflow's core functionality.

## What you can build

Discover what you can build with the Data API. Here are a few common workflows that developers are using to extend Webflow.

<DataApiCarousel>
  <Card
    title="Automate content workflows"
    href="/data/docs/working-with-the-cms"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/CMS.svg"
          alt=""
          className="hidden dark:block"
        />
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/CMS.svg"
          alt=""
          className="block dark:hidden"
        />
      </>
    }
  >
    Create, update, and publish CMS items programmatically. Build custom
    publishing workflows and sync content from external sources.
  </Card>

  <Card
    title="Work with Custom Code"
    href="/data/docs/working-with-custom-code"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/CodeBrackets.svg"
          alt=""
          className="hidden dark:block"
        />
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/CodeBrackets.svg"
          alt=""
          className="block dark:hidden"
        />
      </>
    }
  >
    Manage custom code on your sites at scale. Insert tracking scripts,
    verification tags, or custom JavaScript across multiple pages.
  </Card>

  <Card
    title="Manage Form Submissions"
    href="/data/reference/forms/forms/list"
    iconPosition="left"
    iconSize="12"
    icon={
        <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/EditCanvas.svg" alt="Forms icon" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/EditCanvas.svg" alt="Forms icon" className="block dark:hidden" />
        </>
    }
  >
    Manage form submissions and connect your Webflow forms to external databases, CRMs, or other marketing automation tools.
  </Card>

  <Card
    title="Localize Site Content"
    href="/data/docs/working-with-localization"
    iconPosition="left"
    iconSize="10"
    icon={
      <>
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/Localization.svg"
          alt=""
          className="hidden dark:block"
        />
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/Localization.svg"
          alt=""
          className="block dark:hidden"
        />
      </>
    }
  >
    Programmatically manage locales and translate content. Integrate with
    third-party translation services to create a fully multilingual website.
  </Card>

  <Card
    title="Manage Digital Assets"
    href="/data/docs/working-with-assets"
    iconPosition="left"
    iconSize="10"
    icon={
      <>
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/Image.svg"
          alt=""
          className="hidden dark:block"
        />
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/Image.svg"
          alt=""
          className="block dark:hidden"
        />
      </>
    }
  >
    Sync assets between Webflow and external Digital Asset Managers (DAMs),
    upload new files, and manage your media library at scale.
  </Card>

  <Card
    title="SEO Optimization"
    href="/data/reference/pages-and-components/pages/update-page-settings"
    iconPosition="left"
    iconSize="12"
    icon={
        <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/SEO.svg" alt="Search icon" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/SEO.svg" alt="Search icon" className="block dark:hidden" />
        </>
    }
  >
    Programmatically manage your site's SEO settings. Update meta titles, descriptions, and Open Graph settings in bulk to improve search rankings.
  </Card>

  <Card
    title="Manage Ecommerce Operations"
    href="/data/reference/ecommerce/products/list"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Dark/64px/Ecommerce.svg"
          alt=""
          className="hidden dark:block"
        />
        <img
          src="https://dhygzobemt712.cloudfront.net/Icons/Light/64px/Ecommerce.svg"
          alt=""
          className="block dark:hidden"
        />
      </>
    }
  >
    Sync products and inventory with external management systems, automate order
    fulfillment, and build custom dashboards for your Webflow Ecommerce store.
  </Card>
</DataApiCarousel>

## Get started

<CardGroup>
  <Card
    title="Build with AI"
    description="Interact with the Webflow Data API using natural language."
    iconPosition="left"
    iconSize="12"
    href="/data/docs/ai-tools"
    icon={
        <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/Ai.svg" alt="AI icon" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/Ai.svg" alt="AI icon" className="block dark:hidden" />
        </>
    }
  >
    Interact with the Webflow Data API using by installing our MCP server and AI tools.<br /><br />
    <button class="button cc-secondary">Get started</button>
  </Card>

  <Card
    title="Make your first API call"
    description="Use the interactive API reference to make an request directly from the docs."
    iconPosition="left"
    iconSize="12"
    href="/data/reference/sites/list?explorer=true"
    icon={
        <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/CodeBrackets.svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/CodeBrackets.svg" alt="" className="block dark:hidden" />
        </>
    }
  >
    Use the interactive API reference to make an API request directly from the docs.<br /><br />
    <button class="button cc-secondary">Call the API</button>
  </Card>

  <Card
    title="Get a site token"
    description="Secure an API token to integrate a single Webflow site with your internal systems."
    iconPosition="left"
    iconSize="12"
    href="/data/reference/site-token"
    icon={
        <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/KPIs.svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/KPIs.svg" alt="" className="block dark:hidden" />
        </>
    }
  >
    Secure an API token to integrate a single Webflow site with your internal systems.<br /><br />
    <button class="button cc-secondary">Get a site token</button>
  </Card>

  <Card
    title="Build your first app"
    description="Create an App to create integrations across multiple Webflow sites."
    iconPosition="left"
    iconSize="12"
    href="/data/docs/register-an-app"
    icon={
        <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/App.svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/App.svg" alt="" className="block dark:hidden" />
        </>
    }
  >
    Create an App to create integrations across multiple Webflow sites.<br /><br />
    <button class="button cc-secondary">Create an App</button>
  </Card>
</CardGroup>

<br />

<Note title="Looking to build with Webflow’s advanced features?">
  Apply for a [Developer Workspace](/data/docs/developer-workspace) to explore premium features like Localization and Enterprise APIs without the cost. Get the access you need to create powerful Apps for Webflow’s most sophisticated users and teams.<br /><br />
  <button class="cc-primary">Apply for a Developer Workspace</button>
</Note>

## Developer resources

Browse the full API reference, or get started quickly with our official SDKs and sample code.

<CardGroup cols={2}>
  <Card
    title="Data API Reference"
    href="/data/reference"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/Docs.svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/Docs.svg" alt="" className="block dark:hidden" />
      </>
    }
  >
    Explore the complete list of endpoints, understand request/response formats,
    and test API calls directly in your browser.
  </Card>

  <Card
    title="Official SDKs"
    href="/data/reference/sdks"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/TBD.svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/TBD.svg" alt="" className="block dark:hidden" />
      </>
    }
  >
    Access Webflow's JavaScript and Python SDKs to help you build integrations
    more quickly and efficiently.
  </Card>

  <Card
    title="Sample Starter App"
    href="https://github.com/Webflow-Examples/webflow-app-starter-v2"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/CodeBrackets.svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/CodeBrackets.svg" alt="" className="block dark:hidden" />
      </>
    }
  >
    Clone a simple starter app that demonstrates how to authenticate and
    interact with Webflow's API.
  </Card>

  <Card
    title="Webflow App Marketplace"
    href="https://webflow.com/apps"
    iconPosition="left"
    iconSize="12"
    icon={
      <>
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Dark/48px/Marketplace  .svg" alt="" className="hidden dark:block" />
        <img src="https://dhygzobemt712.cloudfront.net/Icons/Light/48px/Marketplace.svg" alt="" className="block dark:hidden" />
      </>
    }
  >
    Browse the Webflow App Marketplace and discover apps that are helping Webflow users build their sites.
  </Card>
</CardGroup>