Adding content items to CMS pages and blocks

Edit on GitHub

This topic describes how to add a content item widget to a page and block using the Back Office.


Prerequisites

To start adding content item widgets to pages, navigate to Content > Pages.

To start adding content item widgets to blocks, navigate to Content > Blocks.

Prior to adding a content item widget to a block or a page, make sure that the page is _active_ and _not expired_; otherwise, it will not be displayed on the website.

Adding content item widgets to pages

To add a content item widget to a page:

  1. On the Overview of CMS Pages page, In the Actions column, select Edit > Placeholders next to the page you want to add a content item widget to.
  2. On the Edit Placeholders: CMS Page [Name] page, go to the Placeholder tab and place your cursor where you want to insert the content items.
  3. In the editor pane, select the widget you want to add from the Content Item drop-down list.

Content item menu page

The Insert a Content Item pop-up window opens.

Insert content item window

  1. Select a content item and its template, and click Insert.
Keep in mind that you can select only *one* item and *one* template at a time.
This will insert a content item widget with the following details: ![Widget UI element](https://spryker.s3.eu-central-1.amazonaws.com/docs/User+Guides/Back+Office+User+Guides/Content+Management+System/Content+Item+Widgets/Adding+Content+Item+Widgets+to+Pages+and+Blocks/widget-ui-element.png)
  • Content Item Type
  • Content Item Key
  • Name
  • Template
Templates are project-specific and are usually created by a developer and a business person. If you are missing a Content Item Widget template, contact them and refer to [HowTo - Create a content item widget template](/docs/scos/dev/tutorials-and-howtos/202009.0/howtos/feature-howtos/cms/howto-create-cms-templates.html#content-item-widget-template).
  1. Click Save. A new content item widget will be added to the page.
You can preview the page to see how the content item widget will be displayed on the website or publish it. To learn how to preview and publish the page, see [Managing CMS pages](/docs/scos/user/back-office-user-guides/202009.0/content/pages/managing-cms-pages.html
.)

Adding content item widgets to blocks

To add a content item widget to a block:

  1. On the Overview of CMS Blocks page, in the Actions column, select Edit Placeholder next to the block you want to add a content item widget to.

  2. On the Edit Block Glossary: Block ID page, go to the Placeholder tab and place your cursor where you want to insert the content items.

  3. In the editor pane, select the widget you want to add from the Content Item drop-down list. The Insert a Content Item pop-up window opens. Insert content item for blocks

  4. Select a content item and its template, and click Insert. This will insert the content item widget containing the following details:

Keep in mind that you can select only *one* item and *one* template at a time.

Example block

  • Content Item Type
  • Content Item Key
  • Name
  • Template
  1. Click Save. The new content item widget will be added to the block.
You can preview how the content item widget will be displayed on the website by following the steps described in [Managing CMS blocks](/docs/scos/user/back-office-user-guides/202009.0/content/blocks/managing-cms-blocks.html).
*** **What's next?** To know more about how to edit a content item widget, see [Editing content items in CMS pages and blocks](/docs/scos/user/back-office-user-guides/202009.0/content/content-items/editing-content-items-in-cms-pages-and-blocks.html).

To learn more about types of content item widgets and their templates, see articles in the References section.