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:
Go Account Settings > Portfolio Settings
Click Embed My Portfolio
We have three different options to change how your embedded portfolio appears:
You can Show the header and footer or hide them
You can Show categories or hide them.
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:
After: src="https://gavinwadephoto.client-gallery.com/category/family?nav=false&category=false"
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.
After: src="https://gavinwadephoto.client-gallery.com/category/portraits?nav=false&category=false"
Embedding a Gallery
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!
