Dynamically specify what Tile to display in a Widget
PreviousDynamically Specify Products to Display in WidgetNextHow to add a title / subtitle to a widget
Was this helpful?
Was this helpful?
Through Nosto's UGC Dynamic Filtering functionality, customers have the ability to customise the outputs of their Widgets based upon their relevant use-case by overwriting the Filter and/or the Tags associated with that Filter to generate a more relevant output.
Now whilst the ability to change what content is shown at a Filter or Tag level is incredibly useful for clients attempting to generate relevant outputs for their eCommerce site or generate a personalised display via their DMP, there will of course be times where a client needs to get more granular and specific around what content they wish to display on their outputs.
This is where Nosto's UGC ability to specify exactly which Content Tiles are displayed in a Widget can become extremely useful.
This guide will explore a simple use-case of where a client wishes to display a single Tile in their Widget.
Dynamic Filtering unlocks special features of Nosto'sNosto's UGC, outlined in this guide. You will need to have this feature enabled to complete this guide.
Widgets that are embedded for Stacks with Dynamic Filtering enabled have the ability to overwrite what Tiles are rendered in their Widgets.
The Tile ID is a unique 24 character alphanumeric unique ID generated by Nosto's UGC for every pieces of content aggregated onto the Platform.
In this example we will need to do the following:
Creating a Widget
Finding a Tile ID
Updating the Widget Embed Code
As such, simply create a Waterfall Widget, leave its filters to ‘Latest’ and Save. The preview should show you a Widget with a series of Tiles in it.
There are a number of ways in which you can find a Tile’s Tile ID. Ranging from using the REST API, to Webhooks to simply viewing the Tile data in the Curate Content section of Stackla.
For this guide, we are just going to collect it manually via the Curate Content section of Stackla.
To source, simply find the tile you wish to get the ID for, click on the overflow menu and select ‘Data’.
This will load up the Tile Data and we can grab the ID from the Data modal. In the below example, the ID of the tile is 599e0c3de09ca7e44bf290f1
As we mentioned earlier, we will be using a default Waterfall Widget, leveraging the latest filter for this example. As such, we will be presented with embed code similar to the below:
Now to change what content is displayed in the Widget, all we need to do is add the parameter data-tile-id to the DIV section of the embed code and then include the Tile ID(s) that we wish to render.
For example, to showcase the one tile which we collected earlier, we would add data-tile-id=”599e0c3de09ca7e44bf290f1”, and of course if we wanted to showcase two Tiles we would simply add a comma between the Tile IDs.
Rendered below is the Nosto's UGC Waterfall Widget rendering the single Tile as listed in this guide:
Similar to our guide on we will only need to create one Widget for this scenario, and will simply augment its embed code to specify which Tile(s) to display.
