In order to complete this process, this is what you will need:
- Product Name
- Description of the Product
- Image of the product – size is to be square i.e. 150 pixels x 150 pixels
- The download details of where the product is stored
Log into your website.
From the left hand column on the dashboard, click on WP eStore, Add/Edit Product.
Where indicated add your Product Name and Product Price.
Click on the + beside Additional Product Details. Add your “Product Description” in the area provided.
Next you need to upload your image. Beside Thumbnail Image URL, click on Upload File. From this window you can either drag and drop your image into the appropriate marked area, or click on Select Files and select the file from your computer.
Add “alternative text”. This text will be visible if, for some reason, the image doesn’t load so make it relevant. Make the alignment “center” and the size full size. Click on “Insert into Post”.Note: images need to be square and approximately 136 x 136 pixels. If you need to alter an image, go to http://pixlr.com. Name your images with thought as to what they are. Never use pic1.jpg. Use descriptive words because Google search engines will use image names to help with SEO. Don’t leave any spaces between words in the file name. So use personalsuccess.jpg or personal-success.jpg and not personal success.jpg. If I am using the same image in two different places on the web and with different sizes, I will often add the size of the image to the name so I can tell them apart, i.e. personal-success-136×136.jpg.
Once this is done go down to the bottom of the page and click “Save Product”.
We now need to add the download link for the file. Click on Digital Content Details. Beside Digital Product URL place the URL that you have extracted from Amazon W3.
Go to the bottom of the page and click on “Save Product”.
When you have clicked on Save Product, you will be taken back to the top of the page. Under Product Details you will see Product ID. Please take note of the Product ID number. You will need this ID for the next step when you are inserting the product onto a page.
Now that your product has been saved we have to add it to a page, or into the shopping cart. Navigate to the appropriate page. Click on the shopping cart image.
This will bring up a box WP eStore Shortcodes. Select the shortcode you want to showcase your product. We’re using Fancy 2 shortcode which is [wp_eStore_fancy2 id=##]. Check out the Shortcodes and Functions here http://www.tipsandtricks-hq.com/ecommerce/wp-content/uploads/wp-estore-shortcodes.pdf or this page will show how they will look on your page http://www.tipsandtricks-hq.com/ecommerce/stylish-product-display-options-for-wp-estore-829.
When you have selected the shortcode [wp_eStore_fancy2 id=##] click on enter. A box will appear telling you that you have to enter the id. Click OK and you will be taken to the webpage where you will see the code and you will have to add your ID.
Here you can see your webpage with the code inserted.
You now have to remove “Enter the ID needed for this shotcode (eg. 1)” and place your ID there so it looks like [wp_eStore_fancy2 id=4].
When you have the ID correctly inserted into the code, click on publish.
Below is an image of the finished product.