- 24 Oct 2024
- 2 Minutes to read
- Print
- DarkLight
- PDF
Publishing your products
- Updated on 24 Oct 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.
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
After you’ve created your product and saved it, you can then click Set Image. Navigate to Setup > Shopping > Products & Packages and select your product if you don’t have it in focus.
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.
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 an image with your First Aid online course and it has a Buy Now button under it. This Buy Now button can be linked directly to the First Aid online course by copying the Add to Cart URL where the user is redirected to their shopping cat with the item already added so they can then purchase it.
There are several links that appear on this Publish tab that can be used across your website:
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. |