TubeSum
โ˜ฐ

Sell Canva Templates: Full Breakdown & Transcript

How to Make Money Selling Canva Templates [For Beginners]

0h 06m video Published Sep 22, 2025 Transcribed Jul 28, 2026 Zoran IG Zoran IG
Beginner 4 min read For: Aspiring freelancers or beginners looking to sell website templates without coding skills.
AI Trust Score 65/100
โš ๏ธ Average / Some Fluff

"Delivers a simple method for creating templates, but lacks depth on actual selling strategies or pricing."

AI Summary

This tutorial demonstrates how to use Canva's AI feature to generate website templates without coding. The creator explains the process of customizing the code in CodePen and saving it as an HTML file. The goal is to sell these templates on marketplaces like Fiverr, Etsy, or Gumroad to make money.

[00:02]
Access Canva AI

Open Canva and click on Canva AI (available on free version), then select 'code for me'.

[00:32]
Provide a Detailed Prompt

The more detailed the prompt, the better the website. Example: a template for a roofing company with specific details.

[01:03]
Canva Generates the Website

Generation time ranges from seconds to 10 minutes depending on prompt detail. Canva makes better templates than ChatGPT or DeepSeek.

[01:19]
Key Limitation: No Direct Code Editing

Unlike ChatGPT or DeepSeek, Canva does not allow editing code directly in its interface. You must copy and paste into CodePen or Notepad.

[02:05]
Edit Code in CodePen

Copy the generated code, paste it into CodePen, and search for text like titles or services to customize (e.g., change company name, experience, contact info).

[03:46]
Save the Edited Code

Copy the edited code from CodePen, paste into Notepad, then save as an HTML file (e.g., 'roofing company.html').

[05:18]
Sell the Template

Offer the HTML file as a service on Fiverr, as a bundle on Gumroad, or as a template on Etsy. Clients upload to hosting and customize.

Creating website templates with Canva AI is quick and requires minimal coding knowledge. By editing in CodePen and saving as HTML, you can sell these templates on freelancing platforms to generate income.

Mentioned in this Video

Tutorial Checklist

1 00:02 Open Canva and click on Canva AI, then select 'code for me'.
2 00:32 Enter a detailed prompt for the website template (e.g., roofing company).
3 00:47 Wait for Canva to generate the website code.
4 02:05 Click 'Copy' on the generated code.
5 02:19 Paste the code into CodePen to edit.
6 02:35 Use Ctrl+F to find and replace text (e.g., company name).
7 03:46 Copy the edited code from CodePen.
8 04:02 Paste the code into Notepad.
9 04:16 Save the file with .html extension (e.g., 'roofing company.html').
10 05:18 Sell the HTML file on Fiverr, Gumroad, or Etsy.

Study Flashcards (6)

What is the first step to create a website template in Canva?

easy Click to reveal answer

Click on Canva AI then select 'code for me'.

00:02

How long does Canva take to generate a website template?

easy Click to reveal answer

From a few seconds up to 5-10 minutes depending on prompt detail.

01:03

What is a key difference between Canva and ChatGPT/DeepSeek for code editing?

medium Click to reveal answer

Canva does not allow direct code editing; you must copy and paste to CodePen or Notepad.

01:19

What tool is recommended for editing the generated HTML code?

easy Click to reveal answer

CodePen.

02:19

What file extension must be used when saving the template?

easy Click to reveal answer

.html

04:29

Name three platforms where you can sell website templates.

easy Click to reveal answer

Fiverr, Gumroad, Etsy.

05:18

๐Ÿ’ก Key Takeaways

๐Ÿ”ง

Detailed Prompts Yield Better Templates

Emphasizes that prompt quality directly affects output, a key principle for using AI tools.

00:32
๐Ÿ“Š

Canva Outperforms ChatGPT for Templates

Claims Canva generates better website templates than other AI tools, a notable fact for users.

01:03
๐Ÿ’ก

Limitation of Canva's Code Editor

Highlights that direct code editing is not possible in Canva, requiring external tools.

01:19
๐Ÿ”ง

Multiple Sales Channels for Templates

Suggests Fiverr, Gumroad, and Etsy as viable platforms, offering actionable advice for monetization.

05:18

[00:02] going to show you an easy way to make money with Canva. And this will be short tutorial because it's that easy. So first thing you need to do, you need to come here on Canva and you need to click here on Canva AI. And yes, this works on

[00:17] free version of Canva. Then click here on code for me. And then here you need to give it a prompt. Now let's say for example, I wish to make company website template. Now keep in mind the more detailed the prompt you give the better

[00:32] website Canva will make. So let's say for example I wish to make a template for a roofing company. Here you can see I actually gave a lots of details. Now usually I would give even more details to Canva to make even better website.

[00:47] But for now this is quite okay. So all you have to do now is just click here and that's it. Now Canva will start coding this website. As you can see it is start it start coding this website. Now depending on how many details you

[01:03] gave in the prompt. This may take from just a few seconds all the way up to five maybe even 10 minutes. That is how good Canva is. And in my opinion Canva makes a better templates website templates than chat GPT or deep stick.

[01:19] But there is a one big difference between Canva and those two. And in the second I'm going to show you what the different is. Okay, Canva finished making this website. And here you can see this is how this website looks. It's

[01:33] actually not that bad. It's not bad at all. So here I actually need to change some things. Here you can see for example RoofCraft Pro. Now I'm making a template. So I need to change that. But when I go back here on code, I actually

[01:49] ontrlf on your keyboard and when I search for that title here you can see this is the title but I cannot change that. I cannot overwrite it. Now in chat GPT or deepseek you can change that here

[02:05] directly in the code in Canva. You cannot do that. Only way to do that is to click here on copy and to paste it in notepad or even better you can paste that here in code pen. And here you can

[02:19] see exactly what you are doing. And here you can see this is the website. So I need to do exactly the same thing. I need to copy this. Ctrl C. Okay. Copy this. And then click here. And then CtrlF. And I'm going to paste that here.

[02:35] Press enter. And here it is. So here I need to say your company name. Okay. Name. Sorry for that name. I

[02:47] can actually change that and I need to change everything. When I go back here and when I go here on show here, you can see you need to change some things. You need to change some for example over 10 years of experience. You need to say

[03:02] your experience explorer service. Here you can see services. They can change the services also. You can change to add here to add some images here photos and also here you can see you can change all of these things. And down on the bottom

[03:17] here, contact page. You can add different contact informations. These are not my contact information by the way. So you cannot contact me. They just go there and add some random email and phone number. So this these are not this

[03:33] is not a real phone number, not a real email. Okay? Not a real address. You need to say your phone number, your email, your address, your business hours. You need to change that in the code. And like I said, you can do that

[03:46] even in notepad or in a code pen. Code pen is better. Now, but how do you actually save this as a template? So, what you need to do, you simply need to click here on copy code. And then you need to paste that here in notepad.

[04:02] Okay? And then this is important, really important part of the video. So, please pay attention. You need to click here on file. And then you need to click here on file. And then you need to click here on save as. Okay? And then here I will say

[04:16] roofing company. Okay. And this is important. Pay attention. What you need to do here is you need to say HTML.

[04:29] That is important. Otherwise this won't be saved as an HTML document. You need be saved as an HTML document. You need to say HTML. I will say on desktop click here on save and it will save this as an HTML. So let me minimize this and

[04:46] minimize this and this and this is that document here. You can see this is an HTML document roofing company. So all you have to do now you just need to send this file this HTML file to your client and that client can just simply upload

[05:03] that on their hosting and change the main informations. You can they need to change their company name. They need to change their experience, contact informations and stuff like that. Really simple, really easy. But where can you

[05:18] sell this? Well, you can sell this as a service here on Fiverr. Here you will see that people are offering this service on Fiverr and they're making money and you can make good websites on Canva without even knowing coding. I

[05:33] actually need to know a little bit of coding. You can also sell it on on Gumroad as a bundle of the website templates and also you can sell it here on Etsy. Here you will see that there is lots of website templates that people

[05:46] are selling. All you have to do is just go here on Canva, create these templates and sell them on Etsy. It's not that hard. You saw how easy it is to make these templates. All you have to do is just give as many details as you can in

[06:02] the prompt and you will and Canva will make a really good website for you and just go there and change it in code pad and then just simply copy that code and

[06:14] paste it in notepad and then simply save that as an HTML file and that's it. Start selling that and you will start making money with Canva. It's that simple. It's that easy. That's it for today guys. If you wish to see more ways

[06:29] subscribe to my channel and also don't forget to like this video. And also on that you can watch on YouTube that may help you to make money online.

More from Zoran IG

View all

โšก Saved you 0h 06m reading this? Transcribe any YouTube video for free โ€” no signup needed.