# How to generate mockups using Zapier

Our tool is officially published on Zapier.com

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2F3UGaneJyYQ9ANe1S1u2J%2Fimage.png?alt=media&#x26;token=7d9b0bac-a408-4bbc-96ac-cb5e2b3e3fac" alt=""><figcaption></figcaption></figure>

You can easily connect your existing account to your Zap flow!

Required steps:

1. Create an account on Dynamic Mockups
2. Create API Key and connect Dynamic Mockups in a Zapier zap flow
3. (example use-case)Use generated mockup to upload to your Google Drive account

### Create API Key and connect Dynamic Mockups in Zapier zap flow

After you sign in into your account, navigate to the [API Dashboard](https://app.dynamicmockups.com/dashboard-api) and create an API Key.

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FmkNhQDfLuw3vPY47RRwl%2Fimage.png?alt=media&#x26;token=00f993ea-b215-48c7-b087-139555951e26" alt=""><figcaption></figcaption></figure>

Copy the API Key and navigate to the Zapier.com zap flow where you want to use our integration.

For example, I created a use case where I want to upload generated mockups directly to my Google Drive account and keep them there.

### (example use-case)Use generated mockup to upload to your Google Drive account

To upload a generated mockup file from Dynamic Mockups to Google Drive, we will need to use three integrations:

1. Trigger: For example, a custom scheduler for the test purpose
2. Dynamic Mockups: To generate a mockup image
3. Google Drive: To upload the mockup there

This is how our zap flow should look:

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FpEHfJ6d0OWTDpcM5PLaS%2Fimage.png?alt=media&#x26;token=029504f6-b69b-4f8c-90dd-42029a308902" alt=""><figcaption></figcaption></figure>

First, we will copy the API Key from Dynamic Mockups into the Zapier integration:

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2F3llI3v2HMSdaS3lIWSKA%2Fimage.png?alt=media&#x26;token=e9892826-4e17-433c-9f19-de06316c331b" alt=""><figcaption></figcaption></figure>

After we are successfully connected with the Dynamic Mockups account, we will choose the **Create Mockup Render** action.

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FhFGsiEsC2WDYSBhBgets%2Fimage.png?alt=media&#x26;token=7009b2d7-b6ff-431f-bc0c-5c7a52d892bf" alt=""><figcaption></figcaption></figure>

We will be asked to choose the specific **Mockup UUID** we want to generate. By clicking on that dropdown, we will get all of our templates listed, and we can choose from the dropdown, we don't need to know the specific UUID of the mockup.

The same works for **Smart Object UUID**, we will be able to choose from the dropdown after we select the desired mockup.

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FGR1G0mrULsbOcPFiDDK8%2Fimage.png?alt=media&#x26;token=b0f44055-9852-421e-a3f5-6febeb6ce8ef" alt=""><figcaption></figcaption></figure>

Now, we need to use the **Image URL** as the artwork we would like to place on that selected mockup. It must be a valid URL image.

For this case, we choose Pikachu image to see how it looks on the selected mockup.

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2F9ZqGQJIeK0d1hrHqOrK0%2Fimage.png?alt=media&#x26;token=d2acb91a-2770-4994-ba26-596d35572cc0" alt="" width="188"><figcaption></figcaption></figure>

Now, as the final step, we need to go to the **Google Drive** integration and choose the folder where we want to upload our generated mockup image. For this example, we've created a folder named "Zapier.com example folder" where we will see our image after we run this Zap flow.

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FAkK3vYma9Izq6ynKZpm3%2Fimage.png?alt=media&#x26;token=14aaabd4-557f-4a84-95d4-b3350019528d" alt=""><figcaption></figcaption></figure>

The most important part is to provide the **Render URL** output from the Dynamic Mockups action as a **File** to upload to the Google Drive. The generated mockup image is stored in the **Render URL**.

After we run this zap flow, we see that all the actions are executed successfully!

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FCuqJK0bLma0tGyeCrclL%2Fimage.png?alt=media&#x26;token=c458aeaa-8f54-4437-abc0-4aa6c1e6d0f4" alt=""><figcaption></figcaption></figure>

And when we go to our Google Drive account, we can see there's a generated mockup!

Amazing! We successfully used the Dynamic Mockups Zapier integration to generate our mockups and use them in our Zap flow!

<figure><img src="https://1410134351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXeuL34FauPTZ6yb0wAep%2Fuploads%2FnBLVo2MOcb7eyOJKP0hg%2Fimage.png?alt=media&#x26;token=7f0e3bcc-3426-467b-ac83-1ac2777994c4" alt=""><figcaption></figcaption></figure>

If you have any questions or need help with Zapier integration, contact us here on the [support page](https://docs.dynamicmockups.com/getting-started/how-can-i-get-support).
