Shop - Creating Products and Adding them to the Shop Page

13 Mar 2020

Products can be set up within the Funraisin platform for more direct and efficient merchandise sales with your fundraisers, donors and supporters. 

Products can be created with a range of delivery options, variations and visibility options.

Creating a Shop Product

To create a Shop product head to the Shop module within the main navigation area. If you do not see this module submit a support ticket to enable it on your site. 

When you are in the shop module, click on the blue “+New Product” button.

You will be brought to a page where you will need to enter your products information. The only required items to enter are the product name and the price. 

We recommend that as much information as possible is entered in the Product Details section to ensure the user experience is as complete as possible.

For example, setting an easily recognisable URL will make it easier for potential customers to find your product. If a URL is not set, the system will create a URL based on the product name.

Scroll a little further down the page to find delivery options, there will be three options to choose from:

  • Post
  • Download
  • Email

The post delivery option is for physical products that you send to the customer. We suggest accompanying this with a delivery fee but you can choose to not include one if you would like.

The email delivery option lets you set up a customised email to send and add an attachment that is only available to this product. 

The Download option is for products where you do not require an address. This is useful if you have something you are selling to fundraisers and already have their address from your events registrations.

Under the delivery options is a short and full description section, the short description is a brief overview of the product that appears on pages such as the main Shop page. The full description is for the individual products page to give a detailed explanation of the product.

Lastly is the Tags section, this lets you set some basic tags to help those finding a specific product.

When you are ready, save the product details to create the product record.

Detailing Your Product

You will be brought to a page to edit the details and more specific information about your new product and the products page. Depending on the product delivery type, the available tabs may be different.

The product details tab will contain all the information you have already entered. 

The images tab will let you add a thumbnail image for your product, a primary image for your product page as well as some optional additional images for your product’s page. 

The product options tab is where you set specific details such as size options and colours or any other variation you may need.

To add a product option, enter the name for the option of this variation, this will also be the name that the user sees when selecting a variation, for sizes we recommend using the actual sizes for the names, for example (S, M, L, XL), Set the option type and stock amounts and set the product option to live. The SKU field is optional but useful for reporting purposes. Please note each product lists all of its product options in one dropdown.

Click the save button to add this product option to your product. Feel free to create as many product options as you need.

The header tab is where you can set a header image for your product’s page, by default it will use the header for your sites general shop page. You have the same options for your product page’s header as you do for all your other pages on the platform.

The Social and SEO tabs let you set the imagery and copy for your page when shared on social media and search engines.

Adding Your Product To The Store Page

Now you have your product setup, you can put it on any content pages.

The system store page does not automatically show products to allow you to have merchandise not available to the general public.

You can locate the store page in two ways. 

The first is within the shop module, under advanced options is the “Shop Pages” button, within this area you can edit the page named “Shop”.

The second is via the pages module, click on the system pages tab and in the list of pages will be a page called “Shop” that you will click the edit button for.

When you have located your store page you will notice it is just like any other content page. 

If a “Shop” Content block is not already in place, click on the “Shop” content block at the bottom of the page. This will place a “Shop” content block that lets you set how your products are displayed.

Click the edit button on the “Shop” Content block to display a lightbox. 

On the right you will see a list of all of the products you have setup in the Shop. To select multiple products hold Control and Click on each item you want to display if you are on Windows or hold Command and Click if you are on Mac.

Once you have edited the store page to your needs, save and publish the page.

And that’s it! You now have your store page setup.

Here is an example of some products setup using the Hover layout.

You can add store items to any content page as you would on the store page using the same method.

If you’d like further help please pop in a support ticket from your Funraisin admin and our team will assist you.