Publishing your products
  • 06 Dec 2024
  • 2 Minutes to read
  • Dark
    Light
  • PDF

Publishing your products

  • Dark
    Light
  • PDF

Article summary

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

  1. Navigate to Setup > Shopping > Products & Packages and select your product > click Set Image

image.png

  1. Upload an image from your computer

    1. 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. 

  2. Click Save

image.png


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

  1. Navigate to Setup > Shopping > Products & Packages and select the product you’re wanting to publish

  2. Click on the Publish tab

  3. Check the Create a dedicated product page on your website option, and then a number of additional fields will then appear below it.

  4. (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.

  5. Click Save


  6. 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.



Was this article helpful?