Before you can create a banner that uses dynamic data, you first need to create a new feed. A feed stores the dynamic content that will be used across your banner sets, allowing you to update text, images, prices, and other values without editing each banner individually.

To create a new feed:

Go to Data > Feeds.

Click the Add a New Feed button.

From Select Data Source dialog select JSON.

Fill in all the required input fields:

  1. Feed Name – Enter a descriptive name for your feed.
  2. Feed URL – Enter the URL of your feed source. BannerNow supports XML and JSON feeds. You can also be able to use a Google Spreadsheet as a feed source.
  3. Enable Targeting (Optional) – Enable this option if you want to use feed-based targeting, allowing specific feed items to be displayed based on predefined targeting rules.
  4. Force Arrays for All Fields (Optional) – Enable this option to treat all feed fields as arrays, even when they contain a single value. This is useful for feeds with inconsistent data structures or when your templates expect array-based values.
  5. Max Rows – Specify the maximum number of rows (feed items) to import from the data source. This can help improve performance when working with large feeds.
  6. Update Interval – Choose how often the platform should check your feed for new or updated data. Select an interval that matches how frequently your feed content changes.
  7. Click the Proceed to fields selection, to go to the next step.

From the modal select the fields you want to add to your feed.

You can use the jsonPath formula (read the documentation) if you need to select some specific data or to convert it into a different format (you can also contact us, we will gladly assist you with this).

In this tutorial, we have used the UCASE({$[*].name}) formula to convert the name fields to uppercase strings.

Click Add new Column to add a new field.

For the price field we are using the NUMBER({$[*].quote.USD.price}, ‘$0,0.00’) formula to display the price in the right format.

For the img custom field we will create a formula to help us to create a URL path to the image from the feed: ‘https://bannernow.com/demo/’+{$[*].id}+’.svg‘.

Use Filters:

Click the Add New Filter button.

You can manipulate the feed results using the following filter types: Include, Exclude, Replace, Sort, Prioritize, Remove Duplicates, URL Fallback.

Here is an example:

  1. Input filter title Sort by price.
  2. Select the Sort filter.
  3. Field type (string, number, date).
  4. Operator (descending price).

Click Done and now let’s create a new bannerset.

When creating a bannerset, input the title and select the feed source from the dropdown menu. After that, click the create button.

Create a new banner.

You can use a different feed for the translated banners within the same bannerset:

  • Click the Settings button in the translation modal
  • Select a different feed from the dropdown
  • Click the Update button

After adding the feed to your bannerset you can create a new banner (or edit an existing one). To add a feeded source to the item inside the banner, do the following:

  • Select the each item
  • Click on the green Feed button

Select the field that you want to display. The fixed row slider can be used in case you need to display the data from a specific row only. Click Save  to apply the feed to the item.

It’s also possible to connect the URL from the feed to the banner hyperlinks. To do this, go to canvas settings and set the feeded hyperlink to the whole banner or select an item and enable Hyperlink for it.

Select the field that contains the URL data format and click Save to apply the changes.

Save your banner and click Preview. You will notice that on each loop, the banner is taking the new data from the next row within the feed.

Now, you’re able to publish the banner to the ad network. When the feed data is updated, your banner will always display fresh data.

Showcase Example https://bannernow.com/html5-banner-examples