Purpose 

This document outlines the process for DXT creating JSON Multi-Card Promo Content   

Important Note – The spreadsheets for JSON Multi-Card Promo Content live in OneDrive here. 

Visual example

Definition

• Dynamic multi-card slot for promotional content
• Can support one to eight promotions
• Responsive
• Meant to house homepage promotions outside the hero banner

Procedure 

• Merchandise to submit their requests as new projects in this program: DXT Multi-Card Content and include a link to the sheet for JSON export.
• Merchandise is to provide any image(s) needed to create the promo card imagery.
• Merchandise to identify to copywriter which cell(s) in the spreadsheet need copy review.
  • Copy will be cut off after 200 characters.
• Designer to create promo imagery
  • Follow image template in Figma for sizing/margins for your image (Creating Images - Template). Export your image at 1.5 sizing.
  • Upload image to WCS. Add asset ID to KOB multi-card promo spreadsheet
• Export the JSON and upload to WCS after imagery and copy is approved.
• QA in staging
• Publish

WCS

HTML slot template:

<div id="ftpromo-js-product" data-id="senior" data-campaign="2600013692897"></div>

Attach Javascript asset: 2600013692779

Attach Stylesheet: 2600013692700

Note: 
data-campaign is the asset ID to the KOB JSON
data-id is the section name from column A of the KOB spreadsheet. This variable should match the name of the tab in the spreadsheet.

Add slot asset ID to column C of the KOB spreadsheet