CV uno Logo Text
<- Back To Blog

how to embed my resume website in an iframe?

Bruno
Bruno ·
Let’s Create a CV 🚀

Introduction

As the digital landscape evolves, having an online presence is increasingly important for job seekers. One effective way to showcase your professional background is through a personal CV website. With cvuno, you can create a unique CV website in approximately 10 seconds, complete with synced downloadable PDFs. But what if you want to embed this website in an iframe on another page? In this article, I will guide you through the steps to achieve that.

What is an Iframe?

An iframe (inline frame) is an HTML element that allows you to embed another document within the current HTML document. It is commonly used to embed videos, maps, and even other websites. By embedding your CV website in an iframe, you can display your professional information on various platforms, such as personal blogs, portfolios, or even job application sites.

Steps to Embed Your CV Website in an Iframe

Step 1: Create Your CV Website

First and foremost, you need a CV website. If you haven't created one yet, here’s how to do it using cvuno:

  1. Visit the cvuno website: Go to cvuno.com.
  2. Input Your Information: You can either upload your resume or provide a short role description.
  3. Generate Your Website: In less than 10 seconds, your unique CV website will be ready.
  4. Access Your URL: Once your website is generated, you will receive a unique URL that looks like https://cvuno.com/username.

Step 2: Copy Your CV Website URL

After creating your CV website, copy the unique URL provided by cvuno. This URL will be used in the iframe code.

Step 3: Write the Iframe Code

To embed your CV website, you need to write the HTML code for the iframe. Here’s the basic structure:

<iframe src="YOUR_CV_WEBSITE_URL" width="100%" height="600px" frameborder="0"></iframe>

Replace YOUR_CV_WEBSITE_URL with the URL you copied in the previous step. Here’s an example:

<iframe src="https://cvuno.com/username" width="100%" height="600px" frameborder="0"></iframe>

Step 4: Customize the Iframe (Optional)

You might want to adjust the width and height of the iframe to fit your design needs. The code provided uses 100% width and a fixed height of 600 pixels, but you can modify these values as needed.

  • Width: You can set it to a specific pixel value (e.g., 800px) or use percentages (e.g., 100%).
  • Height: Adjust the height to ensure that your entire CV is visible without scrolling.

Step 5: Embed the Code

Finally, take the iframe code and embed it into your website or blog where you want your CV to appear. Ensure that your hosting platform supports iframes, as some platforms may have restrictions.

Practical Examples

Example 1: Embedding in a Personal Blog

If you have a personal blog, you can easily showcase your CV. Here’s how it might look in your blog post:

<h2>My Professional Profile</h2>
<iframe src="https://cvuno.com/username" width="100%" height="600px" frameborder="0"></iframe>

Example 2: Adding to a Portfolio

If you are a designer or a developer, embedding your CV in your portfolio can enhance your presentation:

<section>
  <h2>My Resume</h2>
  <iframe src="https://cvuno.com/username" width="100%" height="600px" frameborder="0"></iframe>
</section>

Why Use cvuno for Your CV Website?

Creating your CV website with cvuno offers several advantages:

  • Speed: Get your CV website up and running in about 10 seconds.
  • Syncing: Your downloadable PDFs are always in sync with your online content.
  • No Templates: Each CV website is uniquely generated, ensuring your personal brand stands out.
  • ATS Friendly: Your CV is designed to be easily parsed by Applicant Tracking Systems, increasing your chances of getting noticed by recruiters.

For those looking for more features, cvuno also offers a premium service that includes watermark removal, the Bruno AI assistant for smart edits, and priority support—all for just $3/month.

See an example CV to get inspired!

Conclusion

Embedding your CV website in an iframe is a straightforward process that can enhance your online presence as a job seeker. By following the steps outlined above, you can effectively showcase your professional qualifications and make it easier for potential employers to access your information.

If you haven't yet created your CV website, I highly encourage you to try cvuno. With its user-friendly interface and powerful features, you can have a stunning resume ready in no time. Don't miss out on elevating your job search—get started today!

Let’s Create a CV 🚀
how to embed my resume website in an iframe? | CV UNO