Web Store Categories are pages that have a block of customizable HTML followed by product listings that are assigned to that category.  They serve two primary purposes.

  1. General product groupings - For an entertainment retailer, an example of a product category would be 3D Blu-Ray.   This would be your 3D Blu-Ray landing page and would feature a nice HTML header followed by your top 3D Blu-Ray listings.   FieldStack Automation will automatically refresh these listings on a daily basis based on new releases and top sellers
  2. Promotions - Promotions setup in FieldStack can be turned into Web Store Categories.  By default, these will just be the products grouped together in one place, but list the general product groups, you can use the Web Store Content management to add a custom HTML header to the first page.

Click on Edit Web Store Content Button


Select Category from Content Type drop-down

Enter a Page Title for the category; the title appears at the top of the browser window and page tab.  The title will display the text case and spacing exactly as typed.

The Category Search Hint field should generally be left blank as for most categories the search hints have already been created.  If you do an advanced search on the web store and choose a category, the search hint is what is sent as an add-on to the search to skew the results toward that designation (typically the addition of a configuration to an artist or title search).

To optimize web search engine hits, enter Meta Keywords and Meta Descriptions relating to the category.

The bottom field in the Editor will display input information as the header on the category page.  It should be in HTML format.  This allows you to put text, images, and even videos on the page.  If you are embedding an image, it should first be stored in FieldStack as a listing and then the image path may be copied into the HTML field.  By first hosting the image through FieldStack, this will maintain a secure path on the website.  Be sure to enter close tags at the end of HTML to prevent special formatting from being applied the entire product content page.

To preview the category header created in the HTML field, click the Render button.  The right-hand portion of the screen will display how the HTML code will actually appear on the web store.  This should always be done before committing any changes in order to check for broken links.

When finished with any changes, click Update.  This will commit changes and they will get pushed out to the web store with the next automatic update. 

 To have changes get immediately updated on the web store, an administrator may log into the web store and click the Admin link at the bottom of a page and then select Flush Cache.

Once complete, it is important to test your page on a mobile device and make sure it renders in a suitable fashion.   See our Tip Sheet for help with this.