Designing Live Content using JSON Editor

Blueshift supports two ways to include dynamic content on website and mobile apps:

• JSON content which is typically used for mobile apps for native rendering.
• HTML content which is used on mobile web and desktop sites where a javascript tag can be used. For more information, see Live content HTML templates.
• Visual template which uses the drag and drop system to create content. The editor automatically generates HTML code in the background.

Add a Live content JSON template

To add a Live content JSON template, complete the following steps:

1. Go to Templates > Live Content. 
2. Go to the Templates tab and click +TEMPLATE. 
3. Click JSON template.
4. Provide a template name and click Create.
   

   

Set template properties

As you design your template, from the Content tab you can edit the template name and organize it under tags/tag folders. 

Add template content

The algorithm to use along with the is defined in the Content tab.

You can include user attributes, product attributes, dynamic Liquid template, as well as static image assets. Live templates support Blueshift's dynamic template language Liquid to include dynamic content in templates. This allows including user attributes or catalog attributes in the template. 

Preview widget

Preview the JSON payload for the widget in the Preview section on the right of the Properties and Data tabs.