Canva & n8n Integration Guide

📝 How to Autofill Canva Templates with n8n วิธีเติมข้อมูลอัตโนมัติใน 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
2. Click Your Integrations → Create a new integration.
3. Select public and give it a name (e.g. "n8n Integration").

1. ไปที่ Canva Developers Portal
2. คลิก Your Integrations → Create a new integration
3. เลือก public และตั้งชื่อ (เช่น "n8n Integration")

4. Go to Scopes and select all checkboxes, or choose only those you need (see full list below).

4. ไปที่ Scopes และเลือกทุกช่องหรือเลือกเฉพาะที่ต้องการ (ดูรายการด้านล่าง)

5. Go to Authentication and add this OAuth Redirect URL:

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

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

6. Return to Configuration, generate and copy the Client ID and Client Secret.
7. Save your integration.

6. กลับไปที่ Configuration สร้างและคัดลอก Client ID และ Client Secret
7. บันทึกการรวม (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.
2. Fill in the fields as follows:

1. ใน n8n ไปที่ Credentials → New Credential → OAuth2 API
2. กรอกข้อมูลในช่องต่างๆ ดังนี้:

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

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

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

response_type=code

access_type=offline

3. Click Save and then Connect to authorize Canva. You should see a success message.
4. Optionally, rename your credential (e.g., "Canva credential").

3. คลิก Save แล้วคลิก Connect เพื่ออนุญาต Canva คุณควรเห็นข้อความสำเร็จ
4. หากต้องการ สามารถเปลี่ยนชื่อ credential (เช่น "Canva credential")

3. Test the Connection

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

1. Add an HTTP Request node in your n8n workflow.
2. Configure:

1. เพิ่ม HTTP Request node ในเวิร์กโฟลว์ n8n ของคุณ
2. กำหนดค่า:

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

3. Click Test Step. You should receive your Canva user_id and team_id in the response.

3. คลิก Test Step คุณควรได้รับ user_id และ team_id ของ Canva ในการตอบกลับ

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

• Make sure your n8n instance is publicly accessible for OAuth2 callback
• Check API permissions and scopes in Canva Developer Portal
• Review n8n logs for credential/auth errors
• Canva API Docs: https://www.canva.com/developers/docs/apis/
• n8n Community: https://community.n8n.io/

• ตรวจสอบให้แน่ใจว่า n8n instance ของคุณสามารถเข้าถึงได้สาธารณะสำหรับ OAuth2 callback
• ตรวจสอบสิทธิ์ API และ scopes ใน Canva Developer Portal
• ตรวจสอบ n8n logs สำหรับข้อผิดพลาดเกี่ยวกับ credential/auth
• เอกสาร Canva API และชุมชน n8n (ลิงก์ด้านบน)