How to Add Your Resume to Your Portfolio Website

Author's profile picture
Dorka Kardos-Latif
Published at

The key to landing a great job is a portfolio website —but having your resume on there can give viewers a different kind of overview of your career. You might also be specifically asked for your CV in some cases, so having it ready to go on your website will always come in handy.

In this post, we’ll show you three different ways to add your resume to your portfolio website, demonstrating it using Copyfolio. They’re all pretty easy and straightforward, but we’ll include step-by-step guides to make it as effortless for you as possible.

This portfolio took 30 minutes in Copyfolio. Build yours in a flash.

Here are the three methods we’re going to overview today:

How to upload your resume as a PDF on Copyfolio

One way to add your resume to your website on Copyfolio would be to add it as a PDF project. As such, it’ll get a thumbnail image, and when someone clicks on it, the PDF itself will open in a new tab.

uploading a resume as a pdf project in Copyfolio

Here’s how to set it up:

  1. Sign in to your Copyfolio account
  2. Scroll down on the homepage until you get to the project section
  3. Click the “Add project” button
  4. Choose “Upload PDF” from the three options and upload your file
  5. Set a thumbnail image
  6. Publish the project

That’s it! You need to publish it so that others can see it too. Otherwise, as a draft, it’ll only appear for you, in the editor.

How to add your resume to a page on your portfolio site

A lot of people prefer having their CV on a separate page, or on their about me page instead. And you might think that simply typing it in is not an option, as it’s too simple, but you’d be wrong.

Typing in your CV to your website, is actually a great approach, as it ensures that it’ll look consistent with the rest of your site. It won’t only blend in seamlessly, but it’ll also be easy to review, as all the typical CV-design elements and layout won’t distract you from the information.

Pasting in a resume as simple text to a Copyfolio website

Pro tip: use H2 and H3 headings to visually separate elements. For example, use H2 for things like “Education” or “Works experience”, and H3 for the individual degrees or positions.

If you’re looking for some inspiration, here are some typed-in resumes from other Copyfolio sites:

Jackie Lewis


Christian Boutwell

The about page and CV of Christian Boutwell

Carly Zumar

The about page and resume of Carly Zumar

Stephanie Alkhoury

The CV of Stephanie Alkoury, on her website made with Copyfolio

Aimee Pontier

the resume of Aimee Pontier, added as simple text to her Copyfolio website

This method is probably the most flexible of the three, as a link can be embedded anywhere on your site. In this case, it’ll be in the form of either a simple text link or a button, if you want to take it one step further.

As the very first step, copy the link of the PDF resume stored in the cloud (e.g. in a Google Drive or Dropbox folder). We’ll quickly show you how to then add to a simple text or a button easily.

To add link to a text in Copyfolio...

adding a text link in Copyfolio
  1. Highlight the text where you want to add the link
  2. Click on the link icon in the toolbar that appears
  3. Paste the link and click “Add”

How to add a button in Copyfolio

You can add buttons to almost any section in Copyfolio. Here’s how.

adding a button to a section in Copyfolio
  1. Hover over the right side of the section
  2. Click on the “Add button” button that pops up
  3. Hover over the button and click on the pencil icon that appears
  4. Choose “Open link in new tab” from the lost of behaviors
  5. Paste the link in the field below
  6. Click save and you’re done!

If you want to get rid of the button, just hover over it and click on the red X saying “Remove button” that appears.