Let me guess, you are a photographer or a business that wants to sell its photos online with the help of WordPress and WooCommerce. Right?
Well, I got you covered here.
WooCommerce allows you to easily sell physical and digital products like Music, Videos, Ebooks, and photos. Due to the ease of use of WooCommerce, you can start selling your photos online in just a few simple steps.
So, In today’s article, I’ll walk you through every step that’ll help you sell your photos online. I’ll be using the WooCommerce and the Woocommerce Product Table plugin. This plugin will allow you to display the images in a gallery/table from which users can view the photos and buy any of them.
Here are the final results we’ll be achieving today.
So let’s straight jump into the tutorial and explore how to sell photos with WordPress and WooCommerce.
On This Page
- 1 How to Sell Photos with WooCommerce?
- 1.1 1. Install and Activate the WooCommerce Product Table Plugin
- 1.2 2. Add a Downloadable Image in WooCommerce
- 1.3 3. Create Custom Fields Using ACF Plugin
- 1.4 4. Navigate to Product Table Settings
- 1.5 5. Create a New Table
- 1.6 6. Set Table as Default Shop Page Layout
- 1.7 7. Save Changes.
- 1.8 8. Final Results
- 2 Conclusion
How to Sell Photos with WooCommerce?
Here, I’ll show you how to create an image gallery/table with the help of the WooCommerce Product Table plugin and sell photos with WooCommerce.
Follow the following steps to create an image gallery and sell photos with Woocommerce.
1. Install and Activate the WooCommerce Product Table Plugin
Note: You can skip this step if you have already installed and activated the WooCommerce Product Table plugin.
To install the WooCommerce Product Table plugin, you will need to install the Woosuite Core plugin and activate it with the help of a license key. We have created a Quick Start Guide for you to figure out how to install and activate the WooCommerce Product Table plugin.
2. Add a Downloadable Image in WooCommerce
Follow the following steps to create a downloadable image product in WooCommerce.
1. From WordPress Admin Dashboard
To add a new product, navigate to WordPress Admin Dashboard, and click on the Products » Add New.
2. Enter Product Name
In the Product Name field, enter the name of the product.
3. Create a Downloadable Product
To create a downloadable product, scroll down to the Product Data section and check the Virtual and Downloadable boxes.
4. Enter the Price of the Product
Now, in the Regular Price field, enter the price of the image product.
5. Add a Downloadable Image File
Now in the downloadable files, give a name to the file and add the file URL.
Note: You can upload the files on dropbox, drive or any other cloud storage and paste the link here. I have uploaded the image file on my WordPress and pasted the link here.
6. Add Product Image
Now, we need to add the product image so that the users can see what they are going to get if they buy it. It’ll work like a preview of the image.
In the Product Image section, add the cover image.
3. Create Custom Fields Using ACF Plugin
Now, to create some custom fields like the Resolution you need to use the Advanced Custom Fields plugin.
I have added the Picture Resolution as the custom field.
To create a custom field, install the ‘Advanced Custom Field’ plugin by navigating to Plugins » Add New and searching for “advanced custom field to create a custom field”.
3.1. Add a Custom Field Group
Once the plugin is installed and activated, now to create custom fields, navigate to Custom Fields » Add New.
3.2. Add Title of the Field Group
Now in the Add Title field, give a name to the field group.
3.3. Add a Field
Now click on the Add Field button to add a field to the group.
3.4. Set Field Lable and Type
Once you click the button, you’ll see the field settings where you can set the field label and type. You can add as many custom fields as you want.
3.5. Select the Location and Position of the Field
Now, scroll down to the Location section and select the position where you want to display the custom field.
As in our case, we want to display it in the product, so I have selected Post Type as Product.
3.6. Publish the Field
Now click on the Publish button to publish the field.
Now if you edit the product, you’ll see that the custom field has been added and you can select the value in the custom field you want.
Once the product is created now navigate to Woosuite » Product Table from your WordPress dashboard.
5. Create a New Table
Now, we need to create a new table so that the images are displayed in a list and we will get an image gallery.
To create a new table, click on the Add New Table button.
Once you click it, you’ll see a screen where you can create and control the different table settings.
1. Order Form Display
Give an internal name to the table. This is helpful in managing the product table in case you have created several tables.
2. Order Form Information
Now expand the Order Form Information by clicking on the (▾)
Now, specify the columns you want to add to the table. To add a column just drag the column from the Available columns section and drop it in the selected columns sections.
3.1. Set the Custom Field
Now we need to display the custom field in the table. To display it, click on the pencil icon on the ‘Custom Data’ column.
3.2. Select Data Source
Now, from the Data Source dropdown, select Post Meta.
3.3. Add Meta Key
Now, in the Meta Key field, enter the custom field name, you created with the Advanced Custom Fields plugin and click on the Update button.
4. Replace Add to Cart Button With an Icon
Now, we’ll replace the add to cart button with an icon. To do so scroll down, until you see the Add to Cart Icon.
Now, upload the cart icon by clicking on the Add/Upload Image button. This will display the cart icon instead of the cart text in the table.
Once done, don’t forget to save the changes by clicking on the save changes button at the top right corner.
6. Set Table as Default Shop Page Layout
Now, go back to the General Settings of the plugin by clicking on the back arrow at the top.
Now, select the table from the Shop Page dropdown to set the Woosuite Product table as your default store page layout.
7. Save Changes.
Now click on the Save Changes button at the top right corner to save the changes.
8. Final Results
Now let’s test if it is working or not. To test it, visit the shop page of your store and you’ll see that the image products are displayed on the shop page in a table/grid which gives an excellent image gallery look.
This is how you can sell photos online with the help of WooCommerce and the WooCommerce Product Table plugin.
This plugin will help you to display all the products on the shop page so that the users can view all products from the same page and they won’t have to click through the product to view all the information.
Now it’s up to you to configure the settings as you want and create different product galleries. If you have any queries, you can ask them in the comments or contact our customer support. Our dedicated customer support team typically replies within 48 hours.
Download the WooCommerce Product Table plugin today and build something great at your store!