All Collections
My Portfolio
How to Embed Your Portfolio
How to Embed Your Portfolio

A step by step guide on how to add your CloudSpot Portfolio to your website using an iframe

Adam avatar
Written by Adam
Updated over a week ago

With CloudSpot's embed feature, you can easily generate code to add your Portfolio directly to most web pages AND make your client's experience 100% unique! 😍



To access the iframe code snippet:

  1. Go Account Settings > Portfolio Settings

  2. Click Embed My Portfolio

We have three different options to change how your embedded portfolio appears:

  1. You can Show the header and footer or hide them

  2. You can Show categories or hide them.Β 

  3. You can hide scroll bars by selecting Automatically resize iframe (no scroll bars). Note that your site must support JavaScript for this to work.

Note that these changes only affect your embedded portfolio, not your full portfolio.
​
Once you are done toggling your desired iframe settings, click "Copy to Clipboard"
​

Customizing Your iFrame

Adjusting Width & Height

You can adjust the height and width by changing the following two values :

  • height: 100%;

  • width: 100%;

For example, the width can be changed to 50% so it takes up as much space. Or a pixel amount could be used instead of a percent:

  • width: 500px;

Only Showing A Specific Category

You can display a specific category by changing the URL. Find the URL by navigating to your portfolio, and clicking on the category you want to display. Then change your URL to match. For example:

Embedding A Hidden Category

CloudSpot allows you to hide your choice of categories from displaying on your Portfolio. You can embed a hidden category by slightly altering the URL you'd like to embed similar to embedding a specific category. Simply add the name of the hidden category to the URL.

To embed your gallery, change the URL inside src=" " to match your gallery. For example:


If you have any questions or need additional help, feel free to contact us in the chat bubble in the lower right-hand corner of your dashboard. We're always happy to help!

Did this answer your question?