How to Turn Your WordPress Site into a Digital Photo Store and Sell Photos Securely

Do you want to turn your wordpress site into a digital photo store so that anyone can purchase photo?Do you want to sell photo securely with an automatic system? In this video tutorial I am going to show you the easy steps to do it.

First, install the nextgen gallery plugin and WP eStore plugin on your wordpress site.

There is a template file called “gallery-wp-eStore.php” in the view directory of the eStore plugin. You need to upload it to the ‘view’ directory of the NextGen gallery plugin.

After that you need to look at some basic settings of eStore plugin. The default settings are fine but you may want to customize some settings. I am showing you some basic settings to get you started with this.

Once you customize the eStore settings, you can go through the following four steps,

1. Adding a New Gallery

Simply create a new gallery and upload images(which you want to show the visitors as thumbnail, not the actual images) to that gallery. Once you are done, upload the actual images (which you want to deliver to your customers after they purchase) of those thumbnail (e.g. nature1.jpg, nature2.jpg) to any directory of you website ( I have not shown this in the video tutorial though).

2. Add Products to eStore

After you upload images to the gallery, add those images as products to eStore. Note that while adding images as products, you will have to specify the URL of the actual image in the “Digital Product URL” section( not the thumbnail image URL) even though I put the thumbnail image URL in “Digital Product URL” section as an example in this video tutorial. This way you can prevent people from stealing your actual photos. Suppose, your actual image is 800 x 600 pixels and its thumbnail version is 200 x 150 pixels. when anyone visits your photo product page, they might be able to steal the “thumbnail image” but not the actual one as only eStore plugin knows the specific URL of that actual image.

3. Creating a “Add to Cart” Button

In this step you need to create a “Add to Cart” button for the specific images.

4. Showing the Content of the Gallery on a Product Page

The last step is to show the content ( e.g. images) of the created gallery on a product page where your visitor will be able to purchase from. Once anyone purchases any image from your “Product” page seeing its thumbnail version, eStore plugin will send an email containing the encrypted download link of the actual image to that customer after the payment processing is done.

Alternate Method

If you have thousands of photos that you don’t have time to configure manually this method will be suitable for you. In this method you need to configure only one product in eStore and you will be able to use that product as a template for other photos.

How to Implement The Alternate Method (For Buy Now button)

There is a template file called gallery-wp-eStore-auto.php in the view directory of the eStore plugin. You need to upload that file to the view directory of the nextgen gallery plugin (nextgen-gallery/view).

1. Configure a product in eStore for a photo like the first method. Note the ID the product you just created. Now go to eStore->Settings->3rd Party Integration tab. Under the NextGen Gallery Settings section there is a field Product ID to be Used as a Template. Enter the ID of the product (that you want to use as a template) here. Update the settings.

2. Go to Add Gallery/ Images under Gallery and create a new gallery (If you haven’t created one already). If you have already created a gallery then go to Manage Gallery. Start uploading images.

3. Now Go to a page/post and use the following shortcode to show the photo gallery with Buy Now button -

Replace the Gallery-ID with the actual ID of the gallery (e.g – 1 or 2)

Photo display with Buy Now button

How to Implement The Alternate Method (For Add to Cart button)

There is a template file called “gallery-wp-eStore-auto-addtocart.php” in the view directory of the  eStore plugin. You need to upload that file to the view directory of the nextgen gallery plugin (nextgen-gallery/view).

1. Configure a product in eStore for a photo like the first method. Note the ID the product you just created. Now go to eStore->Settings->3rd Party Integration tab. Under the NextGen Gallery Settings section there is a field Product ID to be Used as a Template. Enter the ID of the product (that you want to use as a template) here. Update the settings.

2. Go to Add Gallery/ Images under Gallery and create a new gallery (If you haven’t created one already). If you have already created a gallery then go to Manage Gallery. Start uploading images.

3. Now Go to a page/post and use the following shortcode to show the photo gallery with Add to Cart button -

Replace the Gallery-ID with the actual ID of the gallery (e.g – 1 or 2)

Add to Cart photo display with products added to the cart

Once you are done with setting up any of the above methods, you will be able to sell photos from your site.

The two plugins can be found here:

[ratings]

39 thoughts on “How to Turn Your WordPress Site into a Digital Photo Store and Sell Photos Securely

  1. Spencer Lavery

    Hi,

    Is there currently any way to offer prints in multiple sizes using this solution?

    With best wishes,
    Spencer.

  2. Ethan

    Hi, I’m trying to set up an photo store with nextgen gallery. Can I do it without using nextgen gallery?

    Thanks

    1. admin Post author

      Yes indeed. WP eStore is a completely independent shopping cart plugin so you can sell any photo as a digital or non-digital product. The reason why WP eStore has been integrated with nextgen gallery is to satisfy those people who like to use nextgen gallery plugin. The following post will explain how you can sell digital or non-digital products online with WP eStore plugin-

      http://www.wordpress-ecommerce.com/how-to-sell-digital-or-non-digital-products-online-with-wordpress-estore-plugin-497

  3. Adrian Spencer

    Hi,

    Is it possible to bulk add photos? I want to use the plug in to sell photos on a large scale and I don’t want to have to add 400 products every time I publish a wedding album.

    Thanks,

    Adrian

  4. Peter

    Hi,
    I too would like to be able to sell a large number of images. It would take a long time to go through this process for each image especially for hundreds even thousands of images.

    Regards

    Peter

  5. Joseph

    Great info, thanks! Any idea on how to include a “print” button for a specific item? For some pictures, I’d like to offer the choice so the visitor can print some pictures directly from the site! I appreciate your response, thanks

  6. tcline

    hi,
    I am having trouble with the layout using the nextgen gallery. mine is not lining up horizontally on the page, I have tried many different settings in the “options” gallery setting but nothing is helping.
    Thanks for the help.

  7. Drew

    I’m also after an option that would allow for the bulk upload of images, and that works in such a way, that the workflow is reduced for the photographer.
    Using a .CSV file to upload the images, for a commercial photographer is unrealistic and unworkable. When your adding 1k images per event, the work would take to long. You would need to upload your pictures, create a .csv and then upload that. Where as, there are currently many applications (outside of wordpress)that create product automatically when images are uploaded.
    Currently I’m using Gallery2 with Zen cart. When the pictures are uploaded to gallery2, the products are automatically created. So all I have to do is upload, and the products are created.
    I would like an option to be able to add something into wordpress, that works exactly the same. Can this be done? As I have said, using .CSV files wouldn’t work.

  8. admin Post author

    @tcline: I really dont know much about this plugin other than integration with eStore or simple shopping cart plugin so I think you should contact the nextgen gallery plugin developer about the layout problem.

    @Drew: There is also an alternate nextgen gallery and WP eStore integration Where you can add one product and use that product as a template of other products. This way you don’t have to create a product every time you upload an image. Please have a look at the following post on how to implement this –

    http://www.tipsandtricks-hq.com/ecommerce/nextgen-gallery-alternate-integration-method-805

  9. Rafael

    I just bought the product and I am setting it for the first time, everything seems to work except the download from the encrypted link

    I am not able to make the download work

    I enabled the logs and I see this when I try to download it, the first link works you can try it, what then it resolves to something else and gives me the error that it cant find it, what am I doing wrong?
    thanks for your help

    [11/16/2010 8:40 AM] – Advisory : Log file reset.

    ————————————————————————

    [11/16/2010 8:46 AM] – Status : Unresolved DL file path = [admin deleted the url]
    [11/16/2010 8:46 AM] – Status : Resolved DL file path = [admin deleted the url]
    [11/16/2010 8:46 AM] – FAILURE : Error on file_exists[admin deleted the url]

  10. Dallas Kelso

    Hi – we have a photographer looking for a solution where they can watermark their work and sell their work to each client. The only thing is, they do work for schools and sporting clubs, and need to create one username and password for each client, so that when that client logs into their system, they will only see their photos and not everyone elses. Does the solution you have described above fit into this criteria? By the way, thanks for putting this awesome guide together. Cheers – Dallas

  11. James

    I am using the Photocrati Supertheme for my photography site. The newest version of the Supertheme moved Photocrati from NextGen Gallery to a proprietary gallery management system. Will the template you provide in this article work for Photocrati’s Theme as well or are there other templates that I can use to build out eCommerce on my site? Thanks!

  12. Ronan

    Hi,

    I am considering purchasing this plugin.
    I was wondering whether I could have a few different options.
    i.e.

    Buy Now (digital download)
    Buy Print (a number of options such as size, on canvas etc)

    If I can do this then you have my sale.
    Thanks

  13. Eduardo

    If you are looking the photos on the gallery, and you drag the photo to the search bar you obtain the link of the image…. where is the protection? at the moment the best is photocrati theme, is right clic prtected, and if anyone buy a photo, you have to send it manually, that´s the problem.
    And another problem is that you cannot seup different prices for different photos.
    But you can upload 100 photos in one step.

  14. moose

    i get asked by a lot of photographers if they can ahve a site where say for eg they upload images of someones wedding and then only can their fanily and friends (via username and password) view the images and buy. is this ready for that now? if so can you post the code etc so i can get my programmers to look at please?

  15. Greg

    Same question as Valerio: is there a way to manage multiple photographers and track their sales?

  16. Frank

    Hi. I have a number of galleries to sell on my website, I have no problem using NextGen and eStore when the price of all photos are the same price and template, but how do I show a gallery of different images using a different template and not effect the galleries already on display on other pages? This is the code I have at present on my page:

    [wp_eStore_cart]

    [nggallery id=? template=wp-eStore-auto-addtocart] Where the template product ID=1 but I need to set up a second product ID=2 with a new range of prices.
    Regards.
    Frank.

  17. Adam

    How do you do this step in wordpress?

    “There is a template file called “gallery-wp-eStore.php” in the view directory of the eStore plugin. You need to upload it to the ‘view’ directory of the NextGen gallery plugin.”

  18. leigh

    Hi,

    Im having trouble getting the auto add to cart to work. I have pasted all the php files as detailed, then created a product using the first photo in the gallery and then i am trying to use the short code but can not get it to work. I am pretty new with code and had trouble understanding exactly what was required to be done. I have been trying the following:

    [nggallery id=7=gallery 2 template=wp-eStore-auto-addtocart]

    and

    [nggallery id=7=2 template=wp-eStore-auto-addtocart]

    if you could help me out it would be greatly appreciated!

    Cheers

  19. Matt

    Hi,
    I have the same question as Moose and Dallas as I shoot for a lot children’s parties, about 4-6 parties a day, averaging 100 pics per party. So I need a bulk uploader into separate party files “a, b, c, d, e , f” (per day there are about 600 jpegs) that only party either “a, b, c, d, e , f” have access to. Is this doable? I’m ready to buy now if it is… :)
    Thanks,
    Matt

  20. Andy

    Thank you all so much for making the alternate method for the “Add to cart” button! I bought this plugin over a year ago, and was happy with the regular alternate method with a “buy now” button, but I really wanted to be able to use this with an add to cart button. I was even about to hire a web designer to make this for me, but luckily I checked back up on this site to find that it had already been solved. Thanks again!

  21. me

    I wonder the same as above!
    “There is a template file called “gallery-wp-eStore.php” in the view directory of the eStore plugin. You need to upload it to the ‘view’ directory of the NextGen gallery plugin.”?

  22. Bernard

    I am so going to try this out tomorrow. Got a photo event gig coming up and they’ve requested me to sell the photos on my site. Fingers crossed it moves smoothly.

  23. Tinashé-Craig

    Help please:
    I bought the plug in. and im running wordpress 3..

    [wp_eStore:product_id:1:end]

    the short code above does not work after putting it in the description. what it does is display like this on the webpage i.e.
    [admin deleted the url]
    Thanks in advance.

  24. Tinashé-Craig

    i sort of figured it out now. i maybe didnt check the boxes in manage gallery OR i had some spaces in the short code………

  25. web design darlington

    im amazed that buying and selling of digital pictures given the amount of free content available online but hey if your that good at art that you can sell it :) :). Seems wordpress is competing with magento more than ever now :)

  26. Todd Ring

    Hi. I am testing out this solutions for a client. When I attempt to install the current version 1.9.3 WP is givving the error that there is no CSS file. Any thoughts on this?

    I am using WP 3.2.2. This is a new instalation.
    Thanks
    Todd

Comments are closed.