How to Embed Cloudspot Gallery into Your Showit Website

Cloudspot is a rising name in the photography gallery space, known for its generous free plan, clean gallery presentation, and built-in print store. For photographers who want professional client delivery without a high monthly cost, it offers a compelling alternative to more established platforms.

If you run your photography business on a Showit website, adding Cloudspot to your workflow is straightforward. Your Showit site remains the polished front door of your brand, while Cloudspot handles the gallery delivery and print sales after each session.

This guide walks you through every step of embedding and linking Cloudspot galleries in your Showit site, from initial setup to portfolio display and client delivery.

Why Cloudspot Works Well with Showit

Cloudspot distinguishes itself with a free plan that includes unlimited gallery storage, a built-in print store, and mobile app access for clients. According to Cloudspot’s official website, the platform is designed for photographers who want professional gallery delivery without paying per-gallery fees.

For Showit users, the combination offers an attractive economics proposition. Showit’s monthly cost covers your website, and Cloudspot’s free tier covers your gallery delivery, meaning you can run a fully professional photography website and gallery system at a lower monthly investment than many all-in-one platforms.

As your business grows and you need more advanced features such as custom watermarks, analytics, or advanced store options, Cloudspot’s paid plans unlock additional capabilities while remaining competitively priced.

If you are in the process of building your photography website on Showit, the guide on Showit website examples can give you layout and structure inspiration for how other photographers present their work and integrate tools like Cloudspot.

Step 1: Set Up Your Cloudspot Account

Go to cloudspot.com and create a free account. The sign-up process is quick and requires no credit card for the free plan.

Complete Your Profile

After signing up, add your business name, a profile photo or logo, and configure your brand colors within Cloudspot’s gallery settings. Cloudspot allows you to customize the appearance of your gallery pages, which helps maintain visual consistency between your Showit website and your gallery delivery experience.

Connect a Payment Method for Print Sales

If you want to use Cloudspot’s print store, connect a payment account during setup. Cloudspot integrates with print labs and handles order fulfillment, so clients who purchase prints through their gallery are served entirely through Cloudspot’s back end.

Step 2: Create and Configure a Gallery

Inside your Cloudspot dashboard, click New Gallery and give it a name. You will then upload images, set a cover photo, and configure the gallery’s privacy settings.

Privacy Settings for Different Use Cases

For portfolio galleries you want to display on your public Showit site, set the gallery to public. This allows anyone with the link to view the gallery without a password.

For client galleries, set a password that you share directly with the client. You can communicate this password through an email or through a client portal page on your Showit site.

Gallery Customization

Cloudspot offers layout options for how images are displayed in the gallery. Choose a layout that complements the aesthetic of your photography. A clean, white-background masonry grid typically works well for most portrait and wedding photographers.

Step 3: Get Your Cloudspot Gallery Link or Embed Code

Once your gallery is configured, Cloudspot provides sharing options for use on external websites.

Direct Gallery Link

Every Cloudspot gallery has a unique shareable link. This is the fastest and simplest way to connect Cloudspot to Showit. Copy the gallery URL and use it as the destination for buttons or links on your Showit pages.

Embed Code

Cloudspot offers embed codes for certain gallery display formats. If available for your gallery, the embed code is typically an iframe that you can paste into Showit’s embed element. Check your Cloudspot dashboard’s share settings to see which embed options are available for your plan.

Step 4: Add Cloudspot Content to Your Showit Pages

Now that you have your gallery link or embed code, open your Showit editor and navigate to the page where you want to display gallery content.

Adding a Gallery Button

Add a Button element to your Showit canvas. Set the button text to something clear and action-oriented, such as “View Full Gallery” or “See the Session.” Set the button’s link to your Cloudspot gallery URL.

Style the button to match your brand. Showit gives you complete control over button color, typography, border, and hover effects. A well-styled button that matches your overall design makes the gallery link feel like a natural part of your site rather than an external add-on.

Adding an Embed Element

If you are using Cloudspot’s embed code, add an Embed element to your Showit canvas by clicking the plus icon in the editor and selecting Embed. Drag the element to the correct position and size it according to how much space you want the gallery preview to occupy.

Double-click the embed element to open the code field and paste the Cloudspot embed code. Save and publish your site to see the gallery render on the live page.

Building a Gallery Showcase Section

For a more visually compelling presentation, design a gallery showcase section in Showit that uses static preview images alongside a link to the full Cloudspot gallery. Add a few of your best images from the session, laid out in a grid or collage using Showit’s canvas, with a “See More” button that leads to the Cloudspot gallery.

This approach gives your Showit pages strong visual impact without the load time of a full embedded gallery.

Designing a Client Gallery Delivery Page in Showit

Beyond portfolio display, Cloudspot works well as the delivery platform for clients who have just received their gallery. Building a client-facing gallery delivery page in Showit ties everything together.

What to Include on the Delivery Page

A well-designed gallery delivery page in Showit includes a warm welcome message tailored to the session type, clear instructions for accessing the Cloudspot gallery including the password if applicable, a button linking directly to the gallery, guidance on how to download images and use the print store, and a call to action for sharing or leaving a review.

This page elevates the gallery delivery experience from a simple email link to a branded, curated moment that reinforces the value of working with you.

Password-Protect the Delivery Page

For clients with private galleries, consider placing the delivery page behind a Showit password. This adds an extra layer of privacy and prevents non-clients from accessing gallery links intended for specific clients.

For setup instructions, the guide on how to password protect pages on Showit covers the process step by step.

Using Cloudspot Portfolio Galleries on Your Showit Portfolio Pages

Cloudspot portfolio galleries are a convenient way to organize your best work by category and make it accessible from your Showit portfolio pages.

Create Category Galleries in Cloudspot

Set up separate public galleries in Cloudspot for each portfolio category: weddings, engagements, families, newborns, and so on. Curate each gallery with your strongest images from that category.

Link from Your Showit Portfolio Section

On your Showit portfolio page, design a card or grid layout where each category has a cover image, a label, and a button linking to the corresponding Cloudspot portfolio gallery. This gives visitors a structured way to browse your work by category without you having to build individual gallery pages in Showit for every session.

For help designing your Showit portfolio section, the guide on stunning galleries on Showit covers layout and image presentation best practices.

Optimizing for Speed and Mobile

Gallery links and embeds affect page performance and mobile usability. Keep these factors in mind when integrating Cloudspot into your Showit pages.

Keep Embed Sizes Proportional

If you use an iframe embed from Cloudspot, set the height explicitly so the embed does not push other content down unexpectedly. A fixed-height embed with a clean border or container in Showit looks intentional and loads predictably.

Test on Mobile Devices

Open your Showit site on a smartphone after publishing and tap every gallery button and link. Confirm that the Cloudspot gallery opens correctly, that images are loading at an acceptable speed, and that the gallery is navigable on a small screen.

For guidance on testing mobile performance, the Showit mobile layout design guide explains how to approach the mobile canvas in Showit and ensure every page looks polished on every device.

Troubleshooting Cloudspot Gallery Issues in Showit

Gallery Is Not Loading on the Live Page

Check the gallery’s privacy settings in Cloudspot. A gallery set to private will not load for visitors who are not logged into your Cloudspot account. Set portfolio galleries to public and share client gallery passwords separately.

Embed Is Blank After Publishing

If the embed element appears blank on your live Showit page, confirm the embed code is complete with no missing tags. Some Cloudspot embed types may require additional script loading. Test in multiple browsers to determine whether the issue is browser-specific.

Button Link Opens an Error Page

Verify that the Cloudspot gallery URL in your Showit button settings is the correct, full URL including the protocol. Check that the gallery has not been archived or deleted in Cloudspot since the link was added to your Showit page.

Final Thoughts

Cloudspot and Showit make a practical and affordable combination for photographers who want professional gallery delivery and a beautifully designed marketing website without a high combined monthly cost.

The key to making this integration work well is thoughtful page design in Showit. Every gallery link and button should be clearly labeled, visually consistent with your brand, and positioned where clients and visitors will naturally look for it.

Set up one gallery, build the corresponding delivery page or portfolio section in Showit, test it thoroughly, and then replicate the process as your gallery library grows.

If you would like professional help building a Showit photography website that integrates smoothly with tools like Cloudspot, GetPerfectWebsite’s Showit website design service creates polished, functional sites built for photographers.

FAQ