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

# Vistaly API

> Integrate your workflows directly with Vistaly

export const Image = ({src, alt, caption}) => <figure>
    <img src={`https://cdn.vistaly.com/kb${src}`} {...alt ? {
  alt
} : {}} />
    {caption && <figcaption class="image-caption">{caption}</figcaption>}
  </figure>;

export const VideoGIF = ({src, className = '', ...otherProps}) => <Video src={src} autoPlay={true} muted={true} loop={true} controls={false} playsInline={true} className={className} style={{
  boxShadow: "0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.06)"
}} {...otherProps} />;

export const Video = ({src, autoPlay = false, muted = false, loop = false, playsInline = true, controls = true, className = '', ...otherProps}) => <video src={`https://cdn.vistaly.com/kb${src}`} autoPlay={autoPlay} muted={muted} loop={loop} playsInline={playsInline} controls={controls} className={className} {...otherProps} />;

Use Vistaly's API to automatically add customer feedback that lands in other tools to Vistaly and keep your KPI/Outcome(or Key Result) cards in-sync with your BI and Product Analytics tools.

### Use With Workflow Automation Tools

Use the [Zapier Integration](https://zapier.com/apps/vistaly/integrations) to make it even easier to automate feedback consolidation and metrics updates. [Get in touch](mailto:support@vistaly.com) if there are other automation tools your team is using.

## Developer Documentation

You can find the [API documentation here](/api-reference/introduction), which detail the available endpoints and how to properly form API calls.

## Setting Up Your First API Key

Account owners and editors can create and manage one or more API Keys for your integrations.

Visit  to add your first API Key.

<Image src="/documentation/integrations/api/api_keys.png" alt="API Keys" />

*NOTE: After you create an API Key, be sure to store it somewhere secure. You will not be able to access your secret key again, but you can always recreate an API Key at any time.*

## Update the Value of Metric Cards

Automate business metrics, important product analytics, and team-level outcomes (OKRs) updates so your workspace is always up-to-date.

<Video src="/documentation/integrations/api/metrics.mp4" />

### Tool-specific docs for updating metrics

* Update a metric when the value updates in [**Google Sheets**](/documentation/integrations/google-sheets)
* Update a metric from one of your BI/Product Analytics tools every week [**with Zapier**](/documentation/integrations/zapier)

## Customer Feedback

Automatically add customer feedback that lands in other tools to Vistaly via the [API](/api-reference/introduction).

Popular use cases include adding feedback collected via spreadsheet tools like Airtable and Google Sheets or form builder tools like Typeform and Formstack.

<Tip>
  An easy way to get feedback that land in those tools into Vistaly is with the [Zapier integration](https://zapier.com/apps/vistaly/integrations).
</Tip>
