- Our Hometown Platform Overview
- Full-Service Publishing
- Digital Subscriptions
- Multi-Publication Websites
- Digital Newsletters
- E-Edition Reader
- Reader Resources
- NextGEN Gallery plugin
- eCommerce Features of NextGEN Gallery Pro
- Reverse Publishing
- Matomo Statistics Tracking
- Revenue Opportunities
- Security Features
- iOS and Android Apps
- Social Media Autopost
- Audio Articles
- Customer Support
- Get Started
- Current Customers
- About Us
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
Currency: Set your preferred currency for transactions.
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.
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.
“Not for sale” Message: Set the message that will appear in place of the cart option for images marked not for sale.
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.
Shipping: The cost of shipping is set at your pricelists under eCommerce Options > General Options. You can set it by ‘Flat Rate’ or ‘Percentage’.
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.
Hide Coupons on Checkout: When turned on will hide the option to insert a coupon at checkout.
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 testing1.
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.
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.
Customize Trigger Text: This is the text for the submit button under your proofing gallery. By default, it says ‘Submit Proofs’.
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.
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.
- Go to Gallery >> Manage Galleries > [select your gallery you’d like to set your images for sale].
- Twirl down the arrow next to Gallery Settings.
- Next to ‘Pricelists’ select the pricelist you’d like your entire / majority of your images/products to have. By default each image/product in the gallery will have the selection ‘Use gallery’s pricelist’. You can adjust this to be set to ‘None (not for sale)’ or attach a different pricelist. This is helpful for galleries that have a mix of products that have been sold or are not for sale, or images that are available at different sizes.
- You will also note on the Manage Gallery page you can set individual pricelists for each photo if needed.
Gallery Settings for eCommerce
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.
- Open the Add Gallery Window to add an new gallery or click the EDIT button edit an existing gallery placement.
- Choose the gallery type that best showcases your images.
- 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).