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


To access the iframe code snippet:

  1. Go Account Settings > Portfolio Settings
  2. Click Generate HTML code

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

  1. You can Show 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 effect 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, width can be changed to 50% so it takes up as much space. Or a pixel amount could be used instead of a 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 Gallery

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

Did this answer your question?