- 06 Dec 2024
- 2 Minutes to read
- Print
- DarkLight
- PDF
Publishing your products
- Updated on 06 Dec 2024
- 2 Minutes to read
- Print
- DarkLight
- PDF
For your product to display on the online store you must add a product image and publish the product. Please see the Store overview article on how to enable your online store first, and see the Designing product and package images article on how to create an image.
This article will detail how to publish a product, and also how you can link directly to your published products within your website.
Adding a product image
Steps
Navigate to Setup > Shopping > Products & Packages and select your product > click Set Image
Upload an image from your computer
Tip: You can use a free online image editor such as Canva to create a 150px x 150px image where you can upload a background and overlay any text. Refer to Designing product and package images for more details.
Click Save
Publishing a product
For the product to appear in the product/online store section of your website, you must also publish the product. It will appear as follows:
Steps
Navigate to Setup > Shopping > Products & Packages and select the product you’re wanting to publish
Click on the Publish tab
Check the Create a dedicated product page on your website option, and then a number of additional fields will then appear below it.
(Optional) Enter the product details/description in the Product Page Content text area. This is what will appear if the client selects the product on your website.
Click Save
If a product details/description was entered, it will appears as follows when the client selects the product from the product/online store section of your website. If none is entered, just the title, price and Add to Cart buttons will appear.
Linking to published products
Once your product has been created and you have marked them to be published, there are a number of links now available that can be used across your website to link directly to this product.
For example, your homepage displays a ‘Save 5%’ button under a particular product. This button can be linked directly to allow the client to add this product to their shopping cart by copying the Add to Cart URL.
Refer to the Using pricing shortcodes article for more information.
For example:
There are several links that appear on this Publish tab that can be used across your website. They are defined in the table below:
Link | Description |
---|---|
Placeholder Product Name | Typically used by the web designer that links to the Product Name. This allows product name changes to occur, and the text will automatically reflect the updated product name. |
Placeholder Product Price | Typically used by the web designer that links to the Product Price. This allows product price changes to occur, and the amount will automatically reflect the updated product price. |
Public URL | This can be used in newsletters or social media where you want to link directly to the Product information page. |
Add to Cart URL | This links an image or text directly to a Product and will add it to the client’s shopping cart ready for checkout and purchase. |