Shopify Mastery
September 25, 2025
15 min

SEO Takeoff! AI + N8N Batch Auto-Modify Alt Text, I Saved $100 in Plugin Fees

Wasted money on plugins that don't work well! Deep dive into using AI + N8N to automate Shopify product image Alt Text generation, saving $30/month in plugin fees.

SEO Takeoff! AI + N8N Batch Auto-Modify Alt Text, I Saved $100 in Plugin Fees

πŸ’‘ "Series Article": My Journey with N8N in Global Selling - Beginner 0-1 Series Part 3

πŸ“– "Previous Review": 2025 Most Complete: 4 Methods to Deploy N8N, Including Permanent Free Solution


In this article, we'll officially enter real N8N teaching and practice.

In the upcoming teaching mode:

  • I won't break down every small feature and explain theory to you endlessly
  • I won't give you some generic "daily life" scenarios for demonstrations, like sending useless emails or summarizing useless information blah blah blah
  • Instead, I'll give cross-border sellers real Shopify business scenarios

Strive to achieve: "One feature explanation + One real automation business scenario" each time!

Also, don't worry about not being able to digest the complete business scenario from each example at onceβ€”this should actually become your motivation for self-learning.


Another Soft Ad for Max Group

  1. I'll deploy a public test version of N8N on my own server to take care of some group members who can't or find it inconvenient to deploy N8N. For group members to test and play.

  2. I'll save the workflows from each tutorial in group documents and the public N8N server, so group members can better learn and practice.

Tutorial Workflow Archive

"Welcome to join the Max Group."


This Time We'll Cover One of the Most Important Nodes in N8N Automation:

Webhook Node

1. This Article's Business Scenario:

When merchants upload and update/edit products, since they need to upload many product images, the alt text of images plays a very important role for SEO. I hope to leverage AI's image recognition capability to generate Alt text. And I need it to be a fully automated process.

Business Scenario Diagram

Overall Process:

StepFunctionDescription
1Listen to me uploading new product imagesThis node requires using "Webhook"
2Filter which images I haven't set alt text for
3Send images and product info to AILet AI generate an SEO-friendly alt text based on product info and image info
4Automatically update alt text to that product image in Shopify

Compared to the SEO Image plugins we usually use that cost tens of dollars a month, this process is not only cheaper but more importantly AI-empowered. AI can truly recognize images to generate more unique and specific ALT TEXT, rather than generic, unified, rule-based, static copy.

"Process Value: Plugin value at least $30/month; SEO value immeasurable."


2. What is Webhook

"Webhook is a 24/7 continuous signal receiver, just like SMS and push notifications in your phone."

In the Shopify scenario, when there's any activity in your store (like new orders, product updates, inventory changes), it immediately "calls" your system to notify this message, allowing you to handle it in real-time automatically, instead of manually checking every few minutes.

Webhook Working Principle

3. Practical: How to Configure Shopify Webhook

3.1 Step 1: Create Webhook in Shopify Backend

Enter Shopify Backend

Click Settings -> Notifications -> Webhooks

Create New Webhook

Click Create webhook button

Configure Webhook

Select events: Product create (product creation) and Product update (product update)

Enter your Webhook URL (we'll create it with N8N shortly)

Select JSON format

Save

Click Save webhook

Shopify Webhook Configuration

3.2 Step 2: Create Webhook Node in N8N

Add Webhook Node

Drag a Webhook node into N8N

Copy Webhook URL

Copy the URL generated by the Webhook node

Go Back to Shopify and Paste URL

Paste the URL into Shopify's Webhook configuration

Test Webhook

Click Send test notification in Shopify to test if the Webhook is working properly

N8N Webhook Node

Important Note: The Webhook URL must be accessible from the internet. Locally deployed N8N cannot receive Shopify Webhook callbacks.


4. Practical: How to Use AI to Generate Alt Text

4.1 Step 1: Filter Images That Need Processing

Add Function Node

Add a Function node after the Webhook node

Write Filtering Logic

Check which images in the product don't have alt text set

// Function node code example
const images = $input.body.product.images;

const imagesWithoutAlt = images.filter(img => !img.alt || img.alt === '');

return {
  json: {
    images: imagesWithoutAlt,
    product: $input.body.product
  }
};
Filtering Logic

4.2 Step 2: Call AI to Generate Alt Text

Add HTTP Request Node

Add an HTTP Request node to call AI API

Configure Request Parameters

  • Method: POST
  • URL: Your AI API address
  • Headers: Add authentication info
  • Body: Send image URL and product info

4.3 Step 3: Update Shopify Product Images

Add HTTP Request Node

Add another HTTP Request node to call Shopify Admin API

Configure Shopify API Request

  • Method: PUT
  • URL: https://{shop-name}.myshopify.com/admin/api/2024-01/products/{product_id}/images/{image_id}.json
  • Headers: Add Shopify Admin API Access Token
  • Body: Update alt text field

5. Complete Workflow Example

This workflow achieves:

  1. Automatic Monitoring: Automatically triggers when new products are created or products are updated
  2. Smart Filtering: Only processes images without alt text
  3. AI Empowerment: Uses AI to recognize image content and generate accurate alt text
  4. Automatic Updates: Automatically updates generated alt text back to Shopify

Cost Comparison:

  • SEO Plugin: $30/month
  • AI API Call: ~$0.01-0.05/image
  • N8N Deployment: $0-30/month (depending on deployment method)

6. Common Issues and Solutions

6.1 What to do if Webhook doesn't work?

6.2 How to improve AI-generated Alt Text quality?


7. Summary

Through this tutorial, we learned:

  1. Concept of Webhook: 24/7 continuous signal receiver
  2. Shopify Webhook Configuration: How to create and configure Webhooks in Shopify
  3. N8N Webhook Node: How to receive and process Webhooks in N8N
  4. AI Integration: How to call AI API to generate Alt Text
  5. Shopify API Call: How to update Shopify product information

Next Step: In the next article, we'll cover how to use N8N to automate Shopify blog publishing. Stay tuned!


FAQ


This tutorial is based on N8N 1.x version and Shopify Admin API 2024-01 version.

Recommended for You

1 / 5