How to build complete Portfolio Website with Cargo Site

build portfolio website with Cargo Site

Build Portfolio Website with Cargo Site

In this blog, we’ll learn how to build a complete portfolio website with Cargo Site, starting from scratch. We’ll cover everything from creating your site to connecting your domain.

Building a portfolio website can be a big task, so I’ll connect various blog posts that will guide you step-by-step through the process.

If you’re a complete beginner and unsure what Cargo Site is, you can check out this blog for an introduction.

Note – Few blog post has also included Cargo 2(old version) + Cargo 3(new and currenct version ) tutorial together as well so do not get confused.

Getting Started with Cargo Site: Sign Up and Log In

build portfolio website in cargo site

If you’re new to Cargo and haven’t even signed up yet, the first step is to create an account and select a template. Follow this blog to get started. The Cargo UI has had some slight changes, but the overall process is still the same.

Pages

After signing up, the next crucial step is adding pages and folders to your Cargo site. For a detailed guide, follow this blog post.

Cargo Site tutorial, Cargo 2, Cargo 3

Text and Fonts

Once your pages are set up, it’s time to add text and manage its alignment. Check out this blog post to learn more about formatting your content.

Fonts

To explore different font styles and options, follow this blog post for a detailed guide on adding custom fonts to your Cargo site.

Images, Videos, and Audio

add-image-in-cargo-collective

After setting up text, you’ll want to add images and videos. Below are blog posts for handling each:

Linking Pages and External URLs

After adding your pages, learn how to link them internally and connect external URLs. Check out this blog post.

Adding Icons, Emojis, and Favicons

Learn how to enhance your Cargo site by adding default icons provided by Cargo, custom icons, emojis, and favicons. These elements can give your site a more personalized and visually engaging look.

Follow this blog post to learn how to easily integrate icons, emojis, and favicons into your Cargo site.

Header, Footer, and Menu

Add header and footer in cargo site

Now that the basics are covered, it’s time to move on to more advanced elements like creating responsive headers, footers, and menus. Follow this blog for a guide on building these elements.

Responsive Dropdown Menu

Cargo Site tutorial, Cargo 2, Cargo 3

Cargo doesn’t have a built-in setting for dropdown menus, so we’ll create one using custom HTML and CSS:

Thumbnail Index

After creating your site’s menu, you can set up a dynamic project page that automatically showcases your projects using a thumbnail index. Learn how in this blog post.

Contact Form

Adding a contact form is essential for receiving messages from users. Cargo allows for both popup contact forms and custom field contact forms:

Custom Image Gallery

Cargo Site tutorial, Cargo 2, Cargo 3
Cargo Site tutorial, Cargo 2, Cargo 3

You can create different image gallery layouts using Cargo’s default options. For more customization, you can follow these tutorials for advanced image galleries:

Making a Multilingual Cargo Site

To create a multilingual Cargo site, you can either use Google Translate or manually build a multilingual site. Follow this tutorial for step-by-step instructions.

E-commerce

If you’re looking to sell physical or digital products on your Cargo site, you’ll need to set up e-commerce. Learn how to integrate payment systems and manage commerce settings in this blog post.

Advanced Custom Code Functionality

swap image on hover in gallery in cargo site
Swap Image on hover in Gallery in Cargo 3
Cargo Site tutorial, Cargo 2, Cargo 3
Dark Mode in Cargo Site

While Cargo offers many features, you can take your site to the next level by adding custom code. Here are some custom functionalities you can implement:

Connecting a Custom Domain

After building your site, the final step is to make it live by connecting a custom domain. If you’ve purchased your domain from Google or GoDaddy, follow these tutorials:

For other domain providers, the process is quite similar, so these blogs should still help.

SEO for Cargo Site

Once your site is live, it’s important to increase visibility by optimizing for search engines so that more users can discover your site. Check out this SEO guide for Cargo sites.

Conclusion

And there you have it! Your portfolio website is now fully built using Cargo. We’ve covered everything from setting up your account to adding advanced custom features. With your new site ready to showcase your work, you’re all set to share it with the world.

I hope you have found this blog helpful.🚀

Need Help? Hire Me to Build Your Cargo Site

If you’d like a professional to build your Cargo site for you, I’m available for hire! You can submit your project details to me, and I’ll create a beautiful, fully customized site tailored to your needs.

Let’s collaborate and bring your vision to life!

Hire Me

See the Cargo sites I’ve built for portfolios and agencies:

Thank you!🚀

Similar Posts