‎Design the Experience (Earned Content)

Design the Experience (Earned Content)

Updated

4 days ago

Overview

After setting up Engagement Dashboards, curating content, and tagging posts, you're ready to begin creating the Gallery itself. First, you'll start with adding a Gallery and then you will move on to editing the appearance and feel.

Create a Gallery

Click the New Tab icon and select Gallery under Manage your Customer Experience.
From the Gallery Management page, click the Add icon to begin creating the new Gallery. Enter the Name for your Gallery and click Next; this name may be updated at any time.
Now, select the Engagement Dashboard and Column that you want your Gallery content to originate from. Click Confirm to enter the Gallery Editor.

Design Experience

Learn more about the Gallery Editor here.

Overview of Gallery Editor

#

Term

Description

1

Designer Tab

Customize design experience through standard WYSIWYG controls. Change layout, card type, etc.

Your Gallery will dynamically update with the preview rendering on the left side of the page.

2

Developer Tab

Separated into three tabs, (CSS Tab, JSON Tab, and JS Tab) create custom enhanced visualizations via CSS and Javascript code. You will also find a a JSON Tab that pulls in configurations set up from the Style Tab, Data Source Configuration Tab, and Animation Tab.

3

Data Tab

View or edit feeds that are pulling in data from your selected sources. Within Gallery, you can pull in data from your environments Engagement Dashboards.

4

Settings Tab

Change settings such a scroll type and data refresh rates.

5

Editor Actions

Revert	Revert to a previous version of your Gallery.
Publish	Publish your most recent updates. Galleries that are embedded in your site will update within 15 minutes.

Designer Tab

Customize widgets and general appearance through standard WYSIWYG controls. Note that depending on the template type you selected, you will have different styling options.

Developer Tab

Using your web browser's developer tools, identify the class(es) of the visual element(s) you'd like to change within your Gallery. Copy the associated class selector and paste the code snippet into the CSS section of the Developer Tab.

Data Tab

From this tab, you can change/update the Engagement Dashboard and Engagement Dashboard Columns that are the source of data that is displayed on your Gallery.

Settings Tab

Adjust experience settings such as scroll type and data refresh rates.