> For the complete documentation index, see [llms.txt](https://help.blings.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.blings.io/role-guides/developer/getting-started/advanced-topics/advanced-scenes-usage.md).

# Advanced Scenes Usage

#### Scenes Flow

If there are flow map configured in your project, you can use that as well inside the scenes array.\
For example:

If you configured in `Platform - Flow Map` this scenes flow definition:

<figure><img src="/files/LgGCJfK9RfrI1NmKXZho" alt=""><figcaption></figcaption></figure>

You can use the SDK with:

{% code fullWidth="false" %}

```javascript
BlingsPlayer.create({
// ...
  scenes: [{ "lineup": "short flow" }] 
})
```

{% endcode %}

#### Scenes with data

You can also pass data directly to each scene, instead of passing global data. This will allow re-using same scene with different data

```javascript

BlingsPlayer.create({
// ...
  scenes: [ 
    "Intro Scene", 
    { id: 'Prodcut Scene', data: products[1] },
    { id: 'Prodcut Scene', data: products[2] }
  ],
  data: { user_name: "John" } // Data that exist on scene level will override global data 
})

```

**Example usage of data in scenes:**

{% columns %}
{% column %}

<pre class="language-json5"><code class="lang-json5"><strong>// example data: product 1 
</strong>{ 
  days_left: 4,
  title: "earn 200 bonus points",
  description: "Iced Coffee with..",
  CTA_link: "link.com/prod1",
  image: "images.com/prod1.png"
}
</code></pre>

![](/files/PI9bM2J60k2vYpVvdHZn)
{% endcolumn %}

{% column %}

<pre class="language-json5"><code class="lang-json5"><strong>// example data: product 2 
</strong>{ 
  days_left: 4,
  title: "$6.99 Breakfat Combo",
  description: "Classic Breakfast..",
  CTA_link: "link.com/prod2",
  image: "images.com/prod2.png"
}
</code></pre>

![](/files/Ws1O23UXUbU3bvwTF0Jh)
{% endcolumn %}
{% endcolumns %}