NOTE: The below instructions for Shutter assume the settings for the highest license level (Agency) for the Shutter extension. Depending on your particular license level, some of the below information may not apply to your installation.


With the Shutter extension for WP-Client, you will be able to upload images to a Gallery, and assign that Gallery to one, some, or all clients in your installation (or optionally make the Gallery public). Additionally, you are able to add pricing options to individual images, as well as implement watermarking for all images. Please see below for a instructions on the various Shutter functions, features, and settings.


GALLERIES

To add a new Gallery, navigate to WP-Client-->Shutter-->Galleries and select "Add New"

See example HERE


The first thing you will want to do in a new Gallery is add images. This can be accomplished by clicking the "Add Items to Gallery" link near the bottom of the page.

See example HERE


Once selected, you will be presented with a image uploader box. In this box, you can drag files from your desktop onto the box to begin uploading, or you can click "Select Files" to choose files from a location to upload. Once the files are selected, they will automatically begin uploading, and you will see progress bars for each image.

See example HERE

NOTE: Once the image files have been selected and the upload has begun, you can close this file upload box and continue editing the Gallery settings. The images will continue to upload in the background, and will appear under the "Gallery Photos" section when complete. If you click "Add Items to Gallery" again while the images are uploading, this will bring the file uploader box back, and you can view the upload progress of the previously selected images. Please keep in mind, however, that the files will only continue to upload as long as you stay on the "Edit Gallery" page. Navigating away from this page will cancel the uploads, and any unsaved changes to the Gallery will be lost.


Once the images are uploaded, they will be visible under the "Gallery Photos" section at the bottom of the page.

See example HERE


From here, you can edit the image metadata (such as title, caption, alt text, etc.), select an image to be the Gallery's "Featured Image", as well as set pricing for the image on an individual basis. Please note that in order to be able to set a price for individual images, at least one Custom Price must be created (see below for more info regarding Custom Pricing)


By default, the images will displayed on the Gallery page for a client, with the optional "Cart" and "My Items" buttons at the top (see settings below for more info). In this scenario, it is not necessary to enter any text into the main Visual Editor box. However, if you would like to include additional text or information above or below the gallery, then you will want to use the placeholder {wpc_gallery_attachments} to determine the placement of the Gallery images.

See example HERE


When creating/editing a Gallery, you will also see several options for the Gallery itself in the right sidebar.

See example HERE

 

From here you can adjust various Gallery settings, such as:

 

Category

Use this setting to assign the Gallery to a particular Gallery Category (see more info about Gallery Categories below)


Image Title

Use this setting to select the format (if any) you would like to use to display the image titles for the images in the Gallery. The default options are "None", "Filename", and "Title/Alt". Each option will pull the information from the corresponding metadata fields for each image.


Layout

Use this setting to select a layout for which you would like the images to appear in the Gallery from the client's point-of-view. The default options are "Standard", "Thumbnails", and "Custom". The Standard layout displays the images in more of a vertical list format, whereas the Thumbnails layout uses smaller thumbnail images to display the Gallery. The exact layouts will depend on your particular theme. The "Custom" layout setting allows you to code your own layout to suit your particular needs. This customization can be accomplished by navigating to WP-Client-->Templates-->Shortcode Templates and editing the "SHT: Custom Gallery Layout" template. By default, this template shares the same format as the "Thumbnails" layout.


Show Shopping Cart on Gallery

Use this setting to determine whether or not the "Cart" button is shown on this Gallery page for the client.


Show My Items on Gallery

Use this setting to determine whether or not the "My Items" button is shown on this Gallery page for the client.


Available For

Use this setting to determine who can see the Gallery. The default options are "All Users" (essentially making the Gallery public), "Only logged in Users" (making it available to anyone who is logged in), and "Select Clients/Circles" (allowing you to assign permissions of the Gallery only to specific Clients and/or Circles).

NOTE: In order for a Gallery to be available for "All Users" (public), the "Show Shopping Cart on Gallery" and "Show My Items on Gallery" settings above will need to be set to "No", as non-logged-in users are not able to access these pages, and enabling them will make the Gallery inaccessible to non-logged-in users (they will be redirected to a login page automatically).


Gallery Prices

Use this section to determine what pricing you would like to use on this particular Gallery. Selecting a price box from this section will automatically apply it to all of the images in the Gallery. Individual image prices can be adjusted by navigating to that particular image in the "Gallery Photos" section. (See "Digital Prices" section below for more info about pricing)


Featured Image

Use this setting to choose a Featured Image for the Gallery. The Featured Image will be the image used as the thumbnail of the Gallery in the admin backend, as well as the image that is displayed at the very top of the Gallery page from the client's point-of-view.

NOTE: If you set a Featured Image using this setting, you will need to upload a separate image from your Gallery images. If you would like to use an existing Gallery image as the Featured Image, you will want to select that image from the "Gallery Photos" section, and select "Yes" for the setting "Set as featured image" ( See example HERE )


GALLERY CATEGORIES

You can optionally organize Galleries into Gallery Categories. Additionally, using Gallery Categories, you can easily assign multiple Galleries to Clients or Circles at one time, by assigning them directly to a Gallery Category.


To create a new Gallery Category, navigate to WP-Client-->Shutter-->Gallery Categories and select "Add New"

See example HERE


From here, you can name the new Category, as well as optionally assign Clients and/or Circles directly to the Category.

NOTE: If a Client is assigned to a Gallery Category (either directly, or through a Circle), that Client will automatically have access to any Gallery that is placed in that Category. This is important to keep in mind as you are creating and organizing Galleries, so as to make certain that Clients aren't accidentally permissioned to Galleries they shouldn't be able to access.


Additionally, you can reassign all Galleries from one Category to another using the "Reassign Categories" option. Using this function will transfer all Galleries from the "Category From" Category to the "Category To" Category.

See example HERE


DIGITAL PRICES

Digital Prices allow you to create pricing "profiles" that can be applied to any images inside a Gallery. For example, if you intend to charge a standard minimum price of $1 for all of your images, you can create a "Standard" or "Minimum" Digital Price, set it to $1, and then apply that to the Gallery of your choosing.


To add new Digital Pricing, navigate to WP-Client-->Shutter-->Digital Pricing and select "Add New"

See example HERE


Once "Add New" is selected, you will be presented with a lightbox with several options for Digital Pricing.

See example HERE


Title

This is the title of the Digital Price. This will appear both in the Gallery settings in the admin backend, and for the Client in the frontend of the Gallery when they select to add an image to their cart.


License Terms

Use this box to convey licensing terms to the Client regarding this price level.


Global Price

This setting determines the default price for this Digital Price. When this Digital Price is added to a Gallery, all images in the Gallery will have this default price applied automatically. The price can then be edited on an individual image basis within the Gallery as needed.


Unique Selling

This setting allows you to set a Digital Price as a "unique" pricing option. Meaning, if a customer buys a image at a "unique selling" price level, they will be the only customer who is able to purchase that image. If a image is purchased at a Digital Price marked "unique", the image will no longer be available for purchase by any other user. Additionally, if a image has a "unique" Digital Price, but is purchased at another "non-unique" price first, the "unique" price will no longer show as an option on that image. Unique Selling is a "one and only" and "first come first serve" pricing option.


Checked by Default

This setting determines whether the Digital Price is automatically selected by default when creating a new Gallery. If unchecked, this Digital Price will not be automatically applied to new Galleries.

NOTE: This setting will only apply to Galleries that are created after this setting is adjusted for a Digital Price. It will not affect previously created Galleries, as those Galleries would already have their pricing settings adjusted.


Active

This setting determines whether a Digital Price is displayed as a pricing option inside a Gallery's settings. If unchecked, the Digital Price will not be displayed as an optional price in a Gallery.


PRINT OVERVIEW

When setting up your gallery and shop for the sale of print items, there are a few things to consider. One would be the "hierarchy" of the below settings, and how they relate to each other. When a client is selecting an image for print, their selection would go Print Size Category-->Print Size-->Print Type. Generally speaking, you can consider the "Print Size Categories" to be the overarching groups of print images. When a client goes to select a image for print, they will be prompted to choose a Print Size Category first. This is where you would want to have groupings such as "Canvas", "Glassware", "Apparel", etc. Your broadest and most general categories would be setup as Print Size Categories.


After Print Size Categories, you would have Print Sizes and Print Types. This is where you would create specific sizes for different prints, as well as setup pricing for specific finishes, sizes, etc. You can think of Print Sizes as being "sub-categories", and Print Types as being the actual print item. The specific Print Types will be what actually carries a certain price. For example, you may sell multiple surface/medium options for printing (canvas, card stock, etc), and inside each of those surface options would be different sizes. Then, within each size, you may have different finish choices. So a client may select an image, and select "Print-->Card Stock-->11in x 17in-->Glossy($49)". In this example, "Card Stock" would be the Print Size Category, "11in x 17in" would be the Print Size, and "Glossy" would be the Print Type, with a cost of $49. For the instances where you won't have multiple options for Print Type, you will just need to create one Print Type in order to give the item a price.


In the end, the client will be able to select their desired print options from a lightbox within their gallery.

See example video HERE


NOTE: If you create new print options after a gallery has already been created, you will need to edit the existing gallery and add the newly created print options. They will not be added automatically.


PRINT SIZE CATEGORIES

Print Size Categories can be managed by navigating to WP-Client-->Shutter-->Print Size Categories

See example HERE


To create a new Print Size Category, simply select "Add New", and give the category a title.

See example HERE


PRINT SIZES

Print Sizes can be managed by navigating to WP-Client-->Shutter-->Print Sizes

See example HERE


To create a new Print Size, simply select "Add New"

See example HERE


From there, you will be able to set the Print Size's title, description, dimensions, category, and assign Print Types within the Size. It is important to note that title, width, height, and price are all required fields in order for the Print Size to be created. If you have not created any Print Types, we would recommend doing so before creating Print Sizes. Any Print Types that are created can be retroactively added to existing Print Sizes by editing the appropriate Print Size, but at least one Print Type (and corresponding price) is required to create a new Print Size.

See example HERE


PRINT TYPES

Print Types can be managed by navigating to WP-Client-->Shutter-->Print Types

See example HERE


To create a new Print Type, simply select "Add New"

See example HERE


From here, you will be able to set a title and description for the Print Type, and create it. Any Print Types that are created can be retroactively added to existing Print Sizes by editing the appropriate Print Size.

See example HERE

 

ORDERS

When a client adds images to their cart and checkouts, their order will be saved at WP-Client-->Shutter-->Orders as a unique Order. From here, you will be able to keep track of what physical print items you need to produce and ship, as well as keep the client updated by updating the Status of the order (pending, shipped, etc).


Orders can be managed by navigating to WP-Client-->Shutter-->Orders

See example HERE


From this page, you will be able to view and fulfill existing orders, as well as create new orders manually. One important function on this page is the ability to change the "status" of an order.

See example HERE


Additionally, you can show a client a history of their orders in their portal by inserting the shortcode [wpc_client_shutter_orders_history] into their HUB Page or Portal Page. This shortcode will output a summary table, showing individual orders, along with their date and status.

 

SHIPPING

Within Shutter, you can create and manage multiple shipping options for your clients to choose when they are purchasing print items. When a client creates an order, the shipping option (along with the images they selected) will appear in their order at WP-Client-->Shutter-->Orders.


Shipping options can be managed by navigating to WP-Client-->Shutter-->Shipping

See example HERE


To add a new shipping option, simply select "Add New"

See example HERE

 

LAYOUTS

Gallery Layouts can be managed and created by navigating to WP-Client-->Shutter-->Layouts

See example HERE


SHUTTER SETTINGS

To adjust the various Shutter settings, navigate to WP-Client-->Shutter-->Settings

See example HERE


Currency

This setting determines the currency that is used for all paid or "premium" images in your Galleries. You can add additional currencies by navigating to WP-Client-->Settings-->General


Payment Gateways

This setting determines which payment gateways your clients will be able to use to purchase images from Galleries. By default, PayPal, Authorize.net, and Stripe are included with the plugin. You can adjust individual payment gateway settings by navigating to WP-Client-->Settings-->Payment Gateways


Custom Price Template

You can use this setting to format how image pricing information is formatted when a client clicks the "Add To Cart" button on an image in a Gallery. There are three placeholders you can use inside this setting ( {price_tooltip} and {price} and {price_title} ) to display the appropriate information. The {price} placeholder will display the numerical price of the image for the various Custom Price levels. The {price_title} will display the Custom Price level name pulled from the "Title" Custom Pricing field. The {price_tooltip} placeholder will allow clients to hover their mouse cursor over a certain price level, and see the licensing terms for that Custom Price in a text bubble. Placement of the {price_tooltip} placeholder within the textbox is not important. As long as it is in the setting textbox, it will function correctly.


Archive Name

This setting will determine the name of the ZIP file that your clients will download of their purchased and chosen images. The default is "images", which would yield a file named "images.zip".


Show Shopping Cart

This determines whether the "Cart" button is shown on Gallery pages.

NOTE: If set to "No", this setting overrides any individual Gallery settings regarding showing the Cart.


Show My Items

This determines whether the "My Items" button is shown on Gallery pages.

NOTE: If set to "No", this setting overrides any individual Gallery settings regarding showing the My Items.


Gallery Thumbnail

Use this setting to determine dimensions used for image thumbnails within a Gallery. The default is 300px wide by 300px high.


Gallery Lightbox

Use this setting to determine the dimensions used for the image lightbox within a Gallery. The default is 600px wide by 2500px high.


Watermark

The below settings relate specifically to watermarks within Shutter. Please note that settings for both "text" and "image" watermarks are listed together below, as many of the settings are shared between the two. It's also important to note that any changes made to watermark settings will prompt a "Rebuild Images" alert. It is recommended that you rebuild your images whenever changes are made to watermark settings.


Enable Watermarks

Use this setting to turn watermarks on or off for images in your installation.


Watermarks Type

Use this setting to choose between "text" or "image" watermark types.


Watermark Text

For "Text" watermarks only: Use this setting to determine the text you would like to use as your watermark.


Watermark Font

For "Text" watermarks only: Use this setting to determine the font type of your watermark.


Watermark Font Size

For "Text" watermarks only: Use this setting to determine the font size of your watermark.


Watermark Color

For "Text" watermarks only: Use this setting to determine the font color of your watermark.


Watermark Image

For "Image" watermarks only: Use this option to upload a image to use as a watermark, or select a image from a previously uploaded Media Library image.


Watermark Scaling Mode

Use this setting to determine how (if at all) you would like the watermark to be scaled. Options include "None", "Fill", "Fit", "Fit X", and "Fit Y". You will to test each option to determine the best fit for your particular watermark.


Enable Watermark on preview

Use this setting to determine whether your watermark is shown on images when displayed in the Gallery page "list" (as opposed to on the individual images when viewed in the lightbox)


Watermark Alignment

Use this setting to determine in which "section" of the image you would like to display your watermark, such as center, upper right, middle left, etc.


Offset

Use these settings to offset the watermark within the alignment section defined above. By default (with both offsets set to 0), the watermark will be displayed directly in the middle of the defined alignment section.


Watermark Angle

Use this setting to set an optional angle for the watermark, set in degrees. By default (with the setting at 0), the watermark will be completely horizontal, which will be correct for most watermarks.


Watermark Opacity

Use this setting to determine the opacity of a watermark, or how much of the image will "show through" the watermark. By default (with opacity set to 100), none of the image behind the watermark will be visible through the watermark.


Print Size Dimensions

Use this setting to determine what units of measure are used for print dimensions, as well as what unit is used by default. New units can be created by clicking the "Add Dimension" button.


Rebuild Gallery Images

Use this setting "rebuild" the images in your Galleries. This function is necessary when adjusting your watermark settings, as it allows Shutter to apply new watermark settings to existing images.


SHORTCODES/TEMPLATES

Once you have your Galleries created and various Shutter settings determined, you will want to display a a list of assigned Galleries for a Client in their HUB Page or Portal Page. To do this, you can use the [wpc_client_shutter_galleries_list] shortcode. This shortcode will display a list of assigned Galleries for a Client, each of which will be a clickable link that will take the Client to that particular Gallery. Alternatively, if you are using either a EZ HUB or Advanced HUB Template, instead of using the Gallery List shortcode, you can simply add the appropriate HUB Element inside the HUB Template editor menu.

See example HERE


Shutter will have also created Theme Link Pages for itself when first installed (you should be prompted for this when first installing Shutter). Those pages, and their corresponding shortcodes, are as follows:


Galleries List

[wpc_client_shutter_galleries_list]

See example HERE


Gallery Page

[wpc_client_shutter_gallery]

See example HERE


Shopping Cart

[wpc_client_shutter_shopping_cart]

See example HERE


My Items

[wpc_client_shutter_my_items]

See example HERE

 

Templates for each of these shortcodes (as well as others) can be found at WP-Client-->Templates-->Shortcode Templates

See example HERE