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

  • HTML content which is used on mobile web and desktop sites where a javascript tag can be used.
  • JSON content which is typically used for mobile apps for native rendering. For more information, see Live content JSON templates.

Add a Live content HTML template

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

  1. Go to Templates > Live Content
  2. Go to the Templates tab and click +TEMPLATE
  3. Click HTML template.

Set template properties

As you design your template, from the Template Info tab you can edit the template name and organize it under tags/tag folders. You can also edit the width and height of the slot for the HTML template. 

live_html_templateinfo.png

Add template content

The content for the widget is defined in the Source 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. 

live_html_source.png

Add Custom elements

You can create your own custom elements to easily edit static assets such as images and rich text.

live_html_elements.pnglive_html_elements_2.png

Preview widget

Preview the content for the widget in the Preview section on the left of the template. You can preview for mobile devices and desktops. The preview is shown for the user selected on the Template Info tab.

live_html_preview.png

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.