# Carousel / Grid Embed feed - Carousel or Grid allows the content to be displayed as a row or grid of thumbnails. Embed feeds are usually used for content discovery where the user can see multiple content and increases the chance to initiate the content engagement.

## Integration {% tabs %} {% tab title="HTML" %} Place the javascript part either on the `` or `` or right above the Firework component you are adding. ```markup ``` Place the web component where the feed should be displayed. ```markup ``` {% endtab %} {% tab title="Wordpress Plugin" %} 1. Visit [**https://wordpress.org/plugins/firework-videos/#installation**](https://wordpress.org/plugins/firework-videos/#installation) or search for `Firework Videos` in your WordPress Admin plugins area. 2. Follow the instructions to install, activate and place the plugin's widget. 3. Connect your feed using provided **app\_id** {% hint style="info" %} Direct **Javascript** integration works for Wordpress as well.\ Use to simplify copy\&paste. {% endhint %} {% endtab %} {% tab title="AMP" %} AMP HTML header part (avoid duplication with previously declared scripts) ```markup ``` AMP HTML header part ```markup ``` AMP HTML body part. Search for `{CHANNEL}` and replace with your **channel name**. Other params can be serialized as iframe src querystring. ```markup

``` {% endtab %} {% tab title="iframe" %} Firework provides iframe integration with some limitations, like opening a video in new tab only. Any attributes needs to be provided as a querystring to the iframe src attribute. Read more about [iframe limitations here](https://docs.firework.tv/web/troubleshooting#iframe_limitations). ```markup ``` {% hint style="info" %} Firework's iframe solution should be suitable for Facebook Instant Articles without any issues. Please follow the FB guidelines on how to include embeds. {% endhint %} {% endtab %} {% endtabs %} {% hint style="info" %} In case your page uses multiple widget components, insert `` {% endhint %} ## Attributes In addition to the attributes described below, there are Player Attributes (which affects the way player behaves) and Feed Attributes (which decides the content being displayed) . You can find the list of attributes specific to Embed Feed in the section below {% content-ref url="/pages/hCu85MfBVy8Jvk4slm0F" %} [Configuration](/firework-for-developers/web/integration-guide/player/player-attributes.md) {% endcontent-ref %} {% content-ref url="/pages/owbuVN1N2Pie9BLAisqP" %} [Feed Attributes](/firework-for-developers/web/integration-guide/feed-attributes.md) {% endcontent-ref %}

Name	Description	Default Value
`mode`	`row \| grid \| pinned` One of three available display modes.	`row`
`size`	`medium \| large` Thumbnail size. Does not apply to `grid` mode	`large`
`placement`	`top \| middle \| bottom` Informal value about placement position.
`open_in`	Where to open video player on thumbnail click. `default` - this option will allow us to pick most suitable way how to open player on page based on browser, device and others `_modal` - popup-like modal (does not leave publisher site) `_self` - current tab `_blank` - new tab	`default`
`max_videos`	Max. number of videos loaded for `grid` mode. Zero `0` creates grid with infinite scroll.
`paginate_by`	Page size for manual pagination in `grid` mode. Reveals "Load More" button to load next page. Please note`paginate_by` and `max_videos` are fuzzy numbers which do not allow any orphaned thumbnails to fall on next grid row.
`autoplay`	`true \| false` Autoplays first thumbnail.	`true`
`captions`	`true \| false` Show captions for autoplayed thumbnails	`true`
`title`	Specify title for `grid` mode. Defaults to localized "Stories and Short Videos"
`product_tag_placement`	`top \| bottom \| false` Product tag indicating video contains a product card can be positioned on top, bottom or disabled.	`top`
`thumbnail_cta`	Ability to render CTA's in embed feed carousel thumbnails	`false`
`thumbnail_product_card`	Ability to display product cards in embed feed carousel thumbnails	`false`

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.firework.com/firework-for-developers/web/integration-guide/components/carousel-grid.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.