Canva tutorial for Website Graphics


Welcome to this section of the tutorial in which I’ll be teaching you how to access, copy, and customize the website graphics templates using Canva.

First, all you need to access and edit the templates is a FREE Canva account and just in case you aren’t familiar, Canva is an online graphic design tool that you could use to create stunning designs in different formats.

But of course since you’ve purchased my website template kit, you won’t need to create the graphics from scratch because those are included in the kit already.

So begin by taking a look at the left sidebar menu of this tutorial. Under the “Customizing the Website Graphics” section, choose a template you wish to customize and click on the template access link.

This will take you straight to the original Canva template in your browser so just make sure you’re logged in to Canva first.


NOW THIS is very very important:

Please do NOT edit or make changes whatsoever to this original template, please do not even change the title.

You’ll need to FIRST go to DESIGN or FILE right here at the top left corner and click on MAKE A COPY. 

Again, first go to DESIGN or FILE up here and MAKE A COPY.

Canva will then make a copy for you and save it to your Canva account automatically. 

Now that COPY is YOUR copy and it’s what you can edit or make changes to. You can even change the title to whatever filename you want.

If you do NOT make a copy, then any changes you make to the original template will be DELETED and other people with access to the templates will see your work.

So, to know if you’re on the right file that you can edit, the filename on top will say COPY of the file name and that’s how you know it’s okay to start customizing. 

02. TOUR OF THE CANVA EDITING PAGE

So right now we’re now on the Canva editing page and as you can see here on the left sidebar menu, here’s where you can add photos, elements, text, backgrounds, and images.

At the top left, you can see the file information, show margins, make a copy, download your work, or check out the help section.

Here you can undo or redo an action.

Then on the top right, you can change the filename.

You can share the design but of course, with my templates, these are for your own use only. So you can only share the design with other people to view, not to edit.

Next, here you can download the design, either download selected individual pages or the entire file, you can even choose the type of file you want to download your design as.

Here you can also publish the design, see it in presentation mode, export your design to different applications, or pay to have your design printed. 

Next down here, you have a help section if you want to check out tips, tutorials, and keyboard shortcuts.

You can click here to see your design in full screen mode, enter the page manager, or select your zoom preferences.

Now over here above the design page, you have the page settings.

At the top left, You can see the page number and you can add a page title. 

On the right you can add notes. You can move a page up or down the sequence of pages. You can duplicate a page. Or delete a page.

03. EDITING TEXT, SHAPES, and IMAGES

So for this tutorial, I’ll be showing you how to edit my website graphics templates but the same settings and principles can be applied when you’re editing other kinds of designs such as lead magnet templates, pinterest templates, pricing guides, and so on.

So all you have to do is select an item and Canva will reveal the item’s settings.

For example, if you select a text box, a text toolbar will appear and here you can:

choose a different font, change the text size, change the text color, make the text bold or italicized, change the text alignment, make the text all caps, turn the text into bullet points, or change the spacing and the anchor of the text box.

Next on the right, you can create a copy of the item, change the position of the item (forward or backward), change the alignment of the item to the page (top, middle, bottom, left, center, and right), change the transparency of the item, add a link to the item, lock the item in place, or delete the item.

Now, to edit images or elements, you basically have the same process. 

Click on the item and choose from the available settings that’ll show up.

If you want to change a color, click on an item and select a color from the color box.

If you want to resize an item, click on the item and you can use the outline and markers around it.

Now for images, you can upload your own photos to Canva by clicking on the upload icon from the left sidebar menu, click on ‘upload an image’, select a photo from your computer, and then simply drag and drop the photo into the corresponding image box.

You can then change the photo settings by clicking once... or twice to change the cropped area. 

04. GROUPING, LINKING, and REARRANGING

Next grouping items in Canva allows you to edit, move, or position multiple items at once.

For example, if I want to move this text and rectangle shape up or down at the same time, instead of doing it one by one, I’ll just select both of them and click on GROUP here on top and then I could move it both at the same time. 

Now, you can also add LINKS directly into your design using Canva — this is particularly helpful for creating instructional PDFs or lead magnets — and take note the link can only be clicked on if you export your design in PDF format.

To add a link, limply select the item or items you want to add a link to and click on the link icon here to add a link. 

Next, you can also rearrange an item’s layer position. For example, if for some reason this text were to be behind the image, and I want it to be in front, simply select the text, click on “position” and select forward or backward, depending on where you want to place the item.



05. DOWNLOADING YOUR WORK

Next, to download your work, click on this icon at the top, select the type of file you want to download your work as. And select individual pages or the entire file if you want to download everything.



06. SAMPLE CUSTOMIZATION

Given the topics we’ve discussed so far, let’s try customizing a sample website graphics template. 

So this is a sample blog post header template. And since it’s a vertical image, it can also serve as a  Pinterest Pin.

Now you can easily customize this by:

  1. changing the colors to match your brand colors — let’s say it’s orange and black.

  2. Next, you can change the text — maybe you want it to say, “20 Lead Magnet Ideas and Examples” which by the way is one of my blog posts so feel free to check that out on my website if you want.

  3. Next, maybe you also want to change the font, make the text smaller, or move it around.

  4. Of course, don’t forget to change your website here at the bottom.

  5. Next, you can add an image - Click on Uploads here on the left sidebar menu, click on “Upload an Image,” select a photo from your computer, and drag and drop it into the image box. 

  6. You can then click once to edit the image, or click twice to adjust the cropped area.  

  7. Once you’re happy, click here to download your work.

  8. I’ll select PNG as the file type,  and since this is page 4, I’ll only select to download page 4.


And there you go! In less than 2 minutes, we’ve just created a customized, on-brand Blog Post Header using Canva and my website graphics templates!

You can then upload this to your blog and share it on Pinterest or other social media accounts, and start growing your website, blog, and/or business! Enjoy!