Knowledge Base


  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Placing a CMS Block with a Frontend App

Frontend apps let you position CMS blocks without writing any code, on most pages of your store. You can use this process to place a block on a specific category or product page, and on other generic pages. You can also use a frontend app to place a block on all existing CMS pages as a group, or specifically on the Home page or CMS No-Route page. However, to place a block on any other CMS page, you must by enter the layout update as XML code.

To place a block:

  1. From the Admin panel, select CMS > Frontend Apps.
  2. Click the Add New Frontend App Instance button.
  3. In the Settings section, set the Type list to “CMS Static Block.” Then, click the Continue button.
  4. Select Frontend App Type
    Frontend App Type
  5. In the Frontend Properties section, do the following:
    1. Enter a descriptive Frontend App Instance Title. The title is for internal reference and is not visible to customers in your store.
    2. (Optional) Enter a number to determine the order of this block in relation to other blocks in the same column.  To position the block at the top of the column, enter “0.”
    3. Set Assign to Store Views to the view where you want the block to be visible.
  6. In the Layout Updates section, click the Add Layout Update button. Then, do the following:
    1. In the Display On field, select the page where you want to block to appear.
    2. Set Block Reference to the position on the page where you want the block to appear.
  7. Layout Updates
    Layout Updates
  8. In the panel on the left, select Frontend App Options. Then, do the following:
    1. Click the Select Block button.
    2. In the list, click to select the block you want to place.
  9. Layout Updates
    Select Block
  10. Click the Save button to save your changes.

< Previous Next >