Canva & n8n Integration Guide

Step-by-step guide to connect Canva with n8n for workflow automation.
คู่มือเชื่อมต่อ Canva กับ n8n เพื่อสร้างระบบอัตโนมัติ

To autofill Canva templates using n8n, you first need to establish a secure connection between your Canva Developer app and n8n using OAuth2 with PKCE. This process involves configuring both the Canva Developer Portal and n8n credentials, followed by setting up your Canva template for autofill and then implementing a series of HTTP requests in n8n to manage the template autofill workflow.

เพื่อเติมข้อมูลอัตโนมัติในเทมเพลต Canva โดยใช้ n8n คุณต้องสร้างการเชื่อมต่อที่ปลอดภัยระหว่างแอป Canva Developer และ n8n โดยใช้ OAuth2 with PKCE กระบวนการนี้ประกอบด้วยการกำหนดค่า Canva Developer Portal และข้อมูลรับรอง n8n จากนั้นตั้งค่าเทมเพลต Canva สำหรับการเติมข้อมูลอัตโนมัติ และใช้งาน HTTP requests ใน n8n เพื่อจัดการเวิร์กโฟลว์การเติมเทมเพลต

1. Set Up Your App in Canva Developer Portal

1. ตั้งค่าแอปใน Canva Developer Portal

1. Go to Canva Developers Portal
   ไปที่ Canva Developers Portal

2. Click Your Integrations → Create a new integration.
   คลิก Your Integrations → Create a new integration

3. Select public and give it a name (e.g. "n8n Integration").
   เลือก public และตั้งชื่อ (เช่น "n8n Integration")

4. Go to Scopes and select all checkboxes, or choose only those you need (see full list below).
   ไปที่ Scopes และเลือกทุกช่องหรือเลือกเฉพาะที่ต้องการ (ดูรายการด้านล่าง)

5. Go to Authentication and add this OAuth Redirect URL:
   ไปที่ Authentication และเพิ่ม OAuth Redirect URL นี้:

https://oauth.n8n.cloud/oauth2/callback

6. Return to Configuration, generate and copy the Client ID and Client Secret.
   กลับไปที่ Configuration สร้างและคัดลอก Client ID และ Client Secret

7. Save your integration.
   บันทึกการรวม (integration) ของคุณ

Recommended Scopes:

app:read app:write asset:read asset:write brandtemplate:content:read brandtemplate:meta:read comment:read comment:write design:content:read design:content:write design:meta:read design:permission:read design:permission:write folder:read folder:write folder:permission:read folder:permission:write profile:read

2. Create OAuth2 Credential in n8n

2. สร้าง OAuth2 Credential ใน n8n

1. In n8n, go to Credentials → New Credential → OAuth2 API.
   ใน n8n ไปที่ Credentials → New Credential → OAuth2 API

2. Fill in the fields as follows:
   กรอกข้อมูลในช่องต่างๆ ดังนี้:

OAuth2 Configuration:

OAuth Redirect URL:

https://oauth.n8n.cloud/oauth2/callback

Grant Type: PKCE

Authorization URL:

https://www.canva.com/api/oauth/authorize

Access Token URL:

https://api.canva.com/rest/v1/oauth/token

Client ID: (Paste from Canva)
Client Secret: (Paste from Canva)
Scope: (Paste all scopes from above)
Authentication: Header

Auth URI Query Parameters:

response_type=code

or

access_type=offline

(optional)

3. Click Save and then Connect to authorize Canva. You should see a success message.
   คลิก Save แล้วคลิก Connect เพื่ออนุญาต Canva คุณควรเห็นข้อความสำเร็จ

4. Optionally, rename your credential (e.g., "Canva credential").
   หากต้องการ สามารถเปลี่ยนชื่อ credential (เช่น "Canva credential")

3. Test the Connection

3. ทดสอบการเชื่อมต่อ

1. Add an HTTP Request node in your n8n workflow.
   เพิ่ม HTTP Request node ในเวิร์กโฟลว์ n8n ของคุณ

2. Configure:
   กำหนดค่า:

HTTP Request Configuration:

Method: GET

URL:

https://api.canva.com/rest/v1/users/me

Authentication: Generic Credential Type
Generic Auth Type: OAuth2 API
OAuth2 API: Select your Canva credential

3. Click Test Step. You should receive your Canva user_id and team_id in the response.
   คลิก Test Step คุณควรได้รับ user_id และ team_id ของ Canva ในการตอบกลับ

Tip: For detailed API usage and template autofill, see Canva API Docs
เคล็ดลับ: ดูรายละเอียดการใช้งาน API และการเติมเทมเพลตที่เอกสาร Canva

🔧 Troubleshooting & Resources

การแก้ไขปัญหา & แหล่งข้อมูล

• Make sure your n8n instance is publicly accessible for OAuth2 callback
  ตรวจสอบให้แน่ใจว่า n8n instance ของคุณสามารถเข้าถึงได้สาธารณะสำหรับ OAuth2 callback

• Check API permissions and scopes in Canva Developer Portal
  ตรวจสอบสิทธิ์ API และ scopes ใน Canva Developer Portal

• Review n8n logs for credential/auth errors
  ตรวจสอบ n8n logs สำหรับข้อผิดพลาดเกี่ยวกับ credential/auth

• Canva API Docs: https://www.canva.com/developers/docs/apis/

• n8n Community: https://community.n8n.io/

✅ Success!

สำเร็จ!

If everything looks good, your Canva integration with n8n is ready!
ถ้าทุกอย่างดูเรียบร้อยดี แสดงว่าการเชื่อมต่อ Canva กับ n8n ของคุณพร้อมใช้งานแล้ว!

Quick Reference

OAuth2 Configuration Summary:

Redirect URL: https://oauth.n8n.cloud/oauth2/callback
Auth URL: https://www.canva.com/api/oauth/authorize
Token URL: https://api.canva.com/rest/v1/oauth/token
Grant Type: PKCE

Test API Endpoint:

GET https://api.canva.com/rest/v1/users/me

Required Scopes:

app:read app:write asset:read asset:write brandtemplate:content:read brandtemplate:meta:read comment:read comment:write design:content:read design:content:write design:meta:read design:permission:read design:permission:write folder:read folder:write folder:permission:read folder:permission:write profile:read

Need help? Contact us at ShantiLink.com 💬