# 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="../player/player-attributes" %} [player-attributes](https://docs.firework.com/firework-for-developers/web/integration-guide/player/player-attributes) {% endcontent-ref %} {% content-ref url="../feed-attributes" %} [feed-attributes](https://docs.firework.com/firework-for-developers/web/integration-guide/feed-attributes) {% 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`