How to Auto-Generate Instagram Graphics For Your New Shopify Products with Supportivekoala
Published: 2022-01-10 06:45:35

Taken from my website https://supportivekoala.com/blog/How_To_Auto_Generate_Instagram_Graphics_For_Your_New_Shopify_Product

### Contents

* What does this integration do?
* Example Image
* Select a template in Supportivekoala's template library
* Edit Template
* Get your Supportivekoala API key
* Make a Zap
* Set Trigger
* Create Image in Supportivekoala
* Publish photo to the Instagram feed

This tutorial will teach how to auto-generate promotional graphics each time you add a new product to your Shopify store.

Promotional images can be a very valuable asset to your Shopify online store. You need some good creative content to advertise your products. If used correctly, they're a golden opportunity to showcase your products and get more sales!

## What does this integration do?

This tutorial will teach how to auto-generate promotional graphics each time you add a new product to your Shopify store.

You will send info between Bannerbear and Shopify automatically using Zapier. As your Shopify product catalog grows, Bannerbear will automate processes to create marketing assets from your product catalog data.

## Example Image

![image](https://cloud.supportivekoala.com/0fc63e69-2884-4997-a749-81199f136552.png)

## Select a template in Supportivekoala's template library

![image](https://i.postimg.cc/hPB91FWb/screenshot-45.png)

For this tutorial, we will modify an existing template. Click *Create a template* to choose a template that fits the use case.

Suppportivekoala allows the flexibility of customizing an existing template, adjusting the layout, adding layers, objects, colors, fonts, etc.

Alternatively, you can choose to *Create a Template* from scratch.

## Edit template

For this tutorial, we will use the *Shopify* template:

![image](https://i.postimg.cc/NfLnYwV7/screenshot-44.png)

Click on Templates and search for *shopify* and select the template shown in the results.

Select each layer and rename the 4 layers. This will help when the template layers are matched with Shopify data on Zapier.

1. Logo

2. Product image

3. Name (Product Name)

4. Price

![image](https://i.postimg.cc/VLwCb23y/screenshot-47.png)

You can rename the layer using the text box.

![image](https://i.postimg.cc/TYhXQP8n/screenshot-48.png)

Next, replace the placeholder logo and colors in line with your brand identity. This will keep your logo and colors consistent across all images.

Save Template.

## Get your Supportivekoala API Key

You will need your Supportivekoala API key at a later stage to authenticate with Zapier. The API key is found in *My Profile*

![image](https://i.postimg.cc/NF3b1bqJ/screenshot-49.png)

## Connect Supportivekoala and Shopify using Zapier

Now we can integrate Zapier with your Supportivekoala account to automatically generate images.

You will need to:

1. Connect your Shopify account
2. Create an image with Supportivekoala using the API Key

## Make a Zap

Log in to your Zapier account and **Make A Zap.**

![image](https://d33wubrfki0l68.cloudfront.net/d2e3272dc49cf5c730a4b195c5ced6e985ecef94/a4f5e/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/9.png)

## Set Trigger

We will set a trigger so when a new product is created in Shopify, it will kick off the automation of a new image.

Choose **Shopify** as the app to be connected to and select **New Product** as the trigger event.

![image](https://d33wubrfki0l68.cloudfront.net/92e1b9b7ce2893992673704f72c1fe617bd590d3/70ded/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/10.png)

Hit continue.

The next step allows connecting your Shopify account. Enter your Shopify username:

![image](https://d33wubrfki0l68.cloudfront.net/8e5e24e3092ace9e16879b7e2edd53f575dbd28e/d46d4/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/11.png)

**Click Yes, Continue.**

Install the app to authorize Zapier access to your Shopify account:

![image](https://d33wubrfki0l68.cloudfront.net/5b9cd93c654143477df733cc228e1d59e4946e73/81c0d/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/12.png)

After installation, you will be redirected to Zapier to continue the action.

Test trigger:

![image](https://d33wubrfki0l68.cloudfront.net/491dc8d4dbc80480bdeb5c3b1f1f9a0019096736/6215e/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/13.png)

Hit **continue :**

![image](https://d33wubrfki0l68.cloudfront.net/bfb8b4ba85e35e6b4ec2e80b573f166e530b549f/6774f/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/14.png)

## Create image in Supportivekoala

An action is an event a Zap performs after it starts. This will push a resulting action from Shopify to Supportivekoala.

Choose **Supportivekoala** as the app and select **Create image** as the action event:

![image](https://i.postimg.cc/Jh4496qS/screenshot-50.png)

Sign in to Supportivekoala :

![image](https://i.postimg.cc/x184hLmt/screenshot-51.png)

Hit continue. Connect your Supportivekoala account by pasting your API key retrieved earlier to allow Zapier to access your Supportivekoala account.

![image](https://d33wubrfki0l68.cloudfront.net/c7db871e10ce6f9d6f807b918e59d79e38df597b/ca329/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/17.png)

Input the API key and click **Yes, Continue.**

Select the template ID. Zapier will load the template settings. The fields we need to populate are:

* Product image
* Name (Product Name)
* Price

![image](https://i.postimg.cc/85XHh0KG/screenshot-52.png)

Add the currency sign $ before the *Variants Price:*

Test & Review

![image](https://i.postimg.cc/c4vsMtHG/screenshot-53.png)

Copy the **image_url** to your browser to preview the generated image

## Publish photo to Instagram feed

Create an action to be performed when the Zap runs. Note that this will only work for an Instagram Business Account and not a Personal or Creator Account.

Choose **Instagram for Business** as the app and select **Publish Photo** as the action event.

Hit **continue:**

![image](https://i.postimg.cc/ZKHMRwZT/screenshot-54.png)

Log in to use your Facebook account with Zapier.

![image](https://d33wubrfki0l68.cloudfront.net/6c4e82560d25c552019f6ced10aca6e06ecac06b/8ca90/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/23.png)

After connecting your Instagram for Business account, you will be prompted to populate the fields to set up the action.

* Pull the Image URL from Supportivekoala
* Pull the Caption from Shopify

Hit **continue:**

![image](https://i.postimg.cc/jSKn8hJJ/screenshot-55.png)

A media will be sent to Instagram for Business. Visit your page to preview media. **Turn on Zap!**

![image](https://d33wubrfki0l68.cloudfront.net/4f5e97a6b4b4054a6653cb522497f4cd3e9dc562/3d7b9/images/ghost/2021-08-25-auto-generate-promotional-graphics-for-your-shopify-products/25.png)

Viola!

Every time a new product is added, Supportivekoala will generate dynamic images for new products using the product name, company logo, and multiple product images.

![image](https://i.postimg.cc/yNN4sWG8/screenshot.jpg)

You can add another action to push data to different templates.