eCommerce Features of NextGEN Gallery Pro

NextGen Gallery Pro is a powerful WordPress plugin that enhances the functionality of the NextGen Gallery plugin with eCommerce capabilities. In this tutorial, we will explore the eCommerce features provided by NextGen Gallery Pro and learn how to use them effectively.

eCommerce Settings in NextGEN Pro

  1. Currency: Set your preferred currency for transactions.

  2. Default eCommerce Pages: These can be set by an existing page you have created and published by selecting it in the dropdown or if you leave the dropdown selection at ‘Create new’ when you save the eCommerce settings it will create those pages automatically for you.

  3. Cart Menu Icon: Determines the appearance of the Checkout page selected above when shown as an entry inside a menu. When a setting other than None is selected, the checkout page will be added to the first navigation menu registered by your theme.

  4. “Not for sale” Message: Set the message that will appear in place of the cart option for images marked not for sale.

  5. Studio Information: Fill in your studio’s details. This includes the studio name, street address, city, country, state, zip or postal code (required for taxes and Automatic Fulfillment items), and email.

  6. Shipping: The cost of shipping is set at your pricelists under eCommerce Options > General Options. You can set it by ‘Flat Rate’ or ‘Percentage’.

  7. Taxes: Enable sales tax is a flat rate that will apply for everyone regardless of their location (optional). The total tax is calculated from your studio zip code and the customer’s zip code. You must have your studio information filled.

  8. Use Cookies for Cart Storage: Cookies are adequate for most customers but can only hold a limited number (around 30) of products due to browser limitations.

  9. Hide Coupons on Checkout: When turned on will hide the option to insert a coupon at checkout.

Set your order notification subject, email, and message to notify you (the seller) of any new purchases made. You also have the option to send the customer a receipt of purchase. You may customize the message or leave it at the default message.

You have several payment options for checkout:

PayPal Checkout: PayPal offers multiple ways to link to PayPal for checkout. Historically, NextGEN Pro has offered PayPal Standard and PayPal Express Checkout. While these are still offered, PayPal is slowly phasing them out, and replacing them with PayPal Checkout.

Setting up PayPal Checkout for Payments:

  • Navigate to Ecommerce > Ecommerce Options > Payment Gateway.
  • Enable PayPal Checkout by clicking “Yes”.
  • You’ll need a PayPal business account and a unique REST API key which consists of a Client ID and Client Secret.
  • Retrieve these from the PayPal Developer Dashboard (https://developer.paypal.com/) under REST APIs in My Apps & Credentials.
  • Paste your live Client ID and Client Secret into the associated fields in NextGEN Pro and save your settings. You can also opt to use the PayPal Sandbox for testing​1​.

Setting up Stripe for Payments:

For Stripe, you’ll need a public key and a private key. More information on Stripe setup can be found on their website, including signup instructions. You can grab your Stripe API Key from there. Stripe does not provide a sandbox option within the settings. If you want to test the checkout process, you will need to set this up manually following the instructions on their website.

Using the Testing Gateway:

When the Testing Gateway is enabled, it simulates the process of a payment gateway but doesn’t actually charge any money. This means you can go through the entire process of adding items to the cart, filling out customer information, and completing the checkout process without any real transactions taking place.

It’s important to note that the Testing Gateway should be disabled when your site is live and you’re ready to start accepting real payments. It’s only meant for testing purposes and not for actual eCommerce transactions.

If you wish to process lab fulfilled orders, you must provide a credit card that that will be billed for the cost of goods for orders fulfilled by the print lab. When a customer purchases a print, the cost of prints will be immediately charged to this credit card and order submitted to WHCC to be fulfilled.

 

Proofing allows your clients to select which images they’d like you to process and set up for ordering.

  1. Set Confirmation Page: If you already have a confirmation page, you can select it from the dropdown, otherwise leaving the selection to Create New the plugin will automatically generate the page.

  2. Customize Trigger Text: This is the text for the submit button under your proofing gallery. By default, it says ‘Submit Proofs’.

  3. Set Email Confirmation: Optionally, you can choose to send a confirmation email to your client after they submit their images. This serves as a ‘receipt’ and confirmation of successful submission.

  4. Choose Pro Lightbox Icon Color: Select the color for the star icon that your clients click when selecting their images.

Remember to click ‘Save’ after making your changes.

How to Set Up a Pricelist
in NextGEN Pro

  • Navigate to Ecommerce > Manage Pricelists in your WordPress dashboard to bring up a list of all the pricelists your have created. If you’d like to delete a pricelist, hover over the pricelist and select ‘trash’, or select the box next to the pricelist and under bulk actions select ‘move to trash’ to delete one or more pricelists.

  • Click the ‘Add New’ button to create a new pricelist.
  • Give it a descriptive title, such as a news category, or by photographer, etc.

  • Click ADD PRODUCT and select WHCC Prints to chose which products you would like to make available for purchase. If you would like to offer Digital Downloads, chose that option. You can always select ADD PRODUCT again to add both into the same pricelist if desired.

  • When choosing WHCC Prints, click on the checkbox under the ADD column to include those products (some are selected by default). Note you can check the box just to the right of the ADD column header to select or deselect the entire category.
  • After all the desired products have been selected click ADD PRODUCT to return to the Pricelist page.

  • When choosing Digital Downloads you will actually be adding a product for each size of photo you would like to offer. For example we can add four sizes: Small, Medium, Large, and FULL resolutions.
  • Let’s first add the Small product, specify its price and the longest image dimension.

  • You will then repeat these steps to add the remaining size offerings.
  • If you want to offer a product for free or a free option, all you need to do is set the price to 0.00. You may want to also specify in the item description that it is free.
  • Once the pricelist is complete click SAVE.

  • If you have a license agreement you’d like your customers to be aware of while they’re shopping and browsing your images, click the option to ‘Display link to license terms’ next to the image they are viewing. There will be a drop-down list of all published pages where you can select the page where your license terms are published.

Gallery Settings for eCommerce

Important Note: To display the eCommerce option in your gallery, you need to have the NextGEN Pro Lightbox activated. Ensure that it’s set as your active Lightbox Effect under Gallery > Other Options > Lightbox Effects, so that the overlay will be visible.

eCommerce is activated upon placing a gallery into a page or post, so similarly to the way different display options can be set for each placement, so can the eCommerce overlay be toggled or or off.

  1. Open the Add Gallery Window to add an new gallery or click the EDIT button edit an existing gallery placement.
  2. Choose the gallery type that best showcases your images.
  3. In the ‘customize display’ tab, toggle ‘Enable Ecommerce’ to ‘Yes’ and then click ‘save’ to insert your gallery.

Once you’ve successfully enabled eCommerce on your gallery, a shopping cart icon will appear at the bottom right of your gallery on the front end. This icon will also be visible at the bottom left of your Pro Lightbox display.

When clicked, the eCommerce sidebar will appear on the right, allowing visitors to select what options they’d like to add to their cart. They can set the quantity, click ‘update cart’ to add items to their cart, and the total will automatically update in the top right of the sidebar.

When they’re finished, they can select ‘x items’ in the top left or the ‘View Cart / Checkout’ button. Clicking either of these links will redirect them to their cart.

In the cart, visitors can choose to continue shopping (which takes them back to the last image in the Pro Lightbox they were viewing), empty their cart, checkout with PayPal, or checkout with a credit card (Stripe).

© 2023 Our Hometown, Inc. - All Rights Reserved | Privacy Policy
17 Pleasant Street Clifton Springs, NY 14432