Elfsight Birthday Sale
Masonry Portfolio

Squarespace Masonry Portfolio widget

Embrace the unconventional with our ready-to-use Masonry Portfolio template designed to showcase your work in a dynamic and visually striking layout on the Squarespace website. Break free from traditional grid designs and present your work in a unique and captivating format that draws visitors in and keeps them intrigued.
Rated 4.8 out of 5 from over 800 reviews on G2.com
No credit card required
Easy installation
100% Squarespace compatible
Free plan available
  • Project Content Upload
  • Categories
  • Author Info
  • CTA Button
  • Popup
  • Custom Header
  • Project Card Styles
  • Multiple Layout Designs
  • Action on Project Click
  • Advanced Color and Font Settings
  • Custom CSS & JavaScript Editors
  • Multiple Language Support
  • Free-Coding Editor
  • Mobile Optimized
  • Page-Speed Friendly Lazy Loading
  • Easy Website Integration
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Add a one-page portfolio widget on a website to create a powerful online presence and entice potential clients.
Embed a portfolio widget on a website and offer smooth transitions between your best work with a slider format.
Create a portfolio template to display multiple projects in a visually appealing grid layout on your website.
Embed a portfolio plugin on a website and present visual media in a captivating gallery.
Create an engaging portfolio plugin with a slideshow format for your website page.
Embed a portfolio widget on a website and deliver adaptability to any screen size due to responsiveness.
Adding a portfolio plugin in a static layout to a website provides a needed focus on the details.
Embedding a basic portfolio template on a website provides quick access to the most important work and bio.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

Here’s what people say about Elfsight Portfolio widget


How to add the Masonry Portfolio code to the Squarespace website?

If you wish to embed the Masonry Portfolio on your Squarespace website, follow these steps:

  1. Tailor the appearance and add the formula for the Portfolio widget to suit the website necessities.
  2. Log in to your Elfsight dashboard or register a free account.
  3. Obtain the generated embedding code.
  4. Go to your Squarespace website.
  5. Paste the shortcode into your website builder. You’re good to go!

To get more information, we’ve prepared a comprehensive blog post on how to add Portfolio to any website. Feel free to explore it without any hesitation!

What website platforms does the Masonry Portfolio widget integrate with besides Squarespace?

You can add the Portfolio plugin code to 99.9% of websites, no matter the platform and CMS. But here’s a list of the top 9 most common options based on our users’ choices:

Wix, HTML, Webflow, WordPress, Shopify, Elementor, Google Sites, GoDaddy, iFrame.

Do I need to have programming skills to embed the Masonry Portfolio widget code?

Not at all. To sum it up, there’s no necessity for an external tool or tech know-how to add your Masonry Portfolio to the Squarespace website page. Making all website feature additions into a seamless experience is simple thanks to Elfsight, which creates user-friendly widgets that don’t necessitate significant technical backgrounds.

Can I use the Masonry Portfolio template for free?

Definitely. Elfsight extends its range to accommodate all users intrigued by widgets by introducing several subscription levels: Free, Basic, Pro, Premium, and Enterprise. Every tier comes equipped with custom elements and features to the fullest, delivering individual outcomes and fast integration. Feel at ease with the Free option, but remember that there are additional opportunities to advance and unlock even more exceptional extras.

Where can I add the Masonry Portfolio on my Squarespace website?

The answer will hinge on your Squarespace website design and objective. You might take marketing aspects where the widget grabs the interest of prospective employers and clients or transition its purpose to showcase your work in a visually pleasing way. Consider these popular locations where you could embed it: front page, specific portfolio page, about us page, offerings section, sidebar, and blog posts.

How to customize the Masonry Portfolio widget code?

Customize the widget’s appearance to reflect the skill and aesthetic appeal of the projects it represents. Here’s a rundown of the actions you can take:

  • Content
    The widget provides everything necessary to set up all your client’s projects and author information. Start by individually uploading cases, accompanied by vivid visuals, descriptions, and website links. Should you require to divide them by topic, categorize them accordingly. Include the author’s profile full name, bio, image, contact details, and a compelling call-to-action button.
  • Advanced settings
    Elfsight offers a range of pre-built layouts—Grid, Masonry, and List—and project design styles. Identify what exactly you want to share and select the action triggered when a project is clicked.
  • Custom elements and features
    However, there are countless possibilities awaiting exploration, including color schemes, popups, fonts, JS editor, CSS editor, and many more.

Don’t worry about any questions or obstacles along the way—our committed Customer Support Team is always available to assist you, ensuring a hassle-free experience from beginning to end!

Help with Masonry Portfolio Setup and Website Installation

Count on us to assist you in overcoming any hurdle on your widget template journey by offering an array of accessible sources, assistance from our Support specialist, and interactions with fellow members within the Elfsight community. Take a glance:

Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal