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

# Getting Started

> Embed pre-built automations directly into your product.

Zap Templates let you showcase ready-to-use workflows that highlight your app’s most powerful use cases. By embedding the Workflow Element, you can surface these templates in your product - helping users discover, customize, and activate automations without ever leaving your experience.

Looking for an AI-native way to create dynamic workflows? Explore the [Zapier Agent Template](https://docs.google.com/document/d/1FfpmGhqE2uMX25TSKpkW8d72U4-n8rjn_ow1Xa_0kM8/edit?usp=sharing).

### Prerequisites

* Your app has to have passed the review process and is Published in the Zapier App Directory, i.e. your app is in the Beta or Public stage.
* You have created Zap templates for your app, and they have been reviewed and made public

## How to Embed the Workflow Element

<Steps>
  <Step title="Add your domains">
    The Workflow Element uses iframes, which are blocked by default for security
    purposes. Provide us with a list of domains you intend to embed it in and
    we'll permit these specific domains. Head to the [Zapier Developer
    Platform](https://developer.zapier.com/), find your app and select settings
    to get started.

    <Frame caption="Adding domains is a required security measure.">
      ![Customize your
      embed](https://cdn.zappy.app/da56277eb07303d8ce8ef42cafc8511e.png)
    </Frame>
  </Step>

  <Step title="Navigate to the Workflow Element in the Developer Platform">
    You can [configure your embed](https://zapier.com/partner/embed/workflow)
    and select your app.
  </Step>

  <Step title="Customize your embed">
    Using the sidebar panel in the tool, customize your embed. When it's ready,
    click Generate Code.

    <Frame caption="Use the options on the left panel to customize your embed.">
      ![Customize your
      embed](https://cdn.zappy.app/d6113da7c1934b6e0402453b77f2fb8d.png)
    </Frame>

    <Note>
      The preview shows what your embed looks like for a user logged in to
      Zapier. The Intro to Zapier is only shown to Zapier users who are not
      logged in. This is why if you toggle to show the Intro to Zapier, you will
      not see it appear in the preview, but your users who are not logged in to
      Zapier will see a short section explaining Zapier at the top of the embed.
    </Note>
  </Step>

  <Step title="Copy the code and place the embed anywhere in your product ✨">
    <Frame caption="As the sample above shows, you can choose from a variety of code samples & guides to copy right over to your product. ">
      ![Code
      generator](https://cdn.zappy.app/72ecc13062e1b04b931ebac5483e4962.png)
    </Frame>
  </Step>

  <Step title="Review our security practices">
    To ensure a consistent experience for your users and avoid common
    challenges, it's worth reading over our [Security
    Practices.](/powered-by-zapier/embedding-zapier/elements-security)
  </Step>
</Steps>