The Instant Campaign extension for SDL Tridion Sites has been designed to make it easy for digital agencies to create campaigns/landing pages and publish them through SDL Tridion Sites. When the campaign has been uploaded into SDL Tridion it can be edited and localised for different languages. However Instant Campaign can be used for any scenario when a "schema-less” and “template-less" approach could be a nice fit, for example short lived campaign content, product detail pages with unique experience (for example Apple’s detail pages for iPhone, iPad etc), SPA applications etc. For example one retail company is using Instant Campaign to drive their home page where the page change for each week with new unique content & interaction elements. Here is Instant Campaign a good alternative to traditional CMS templating when the marketing division often wants to push out content with unique experience to the site.
Below is a video demonstrating on how a HTML campaign is created in an external tool and uploaded into SDL Tridion Sites. After that it edited in XPM and send for translation:
A ZIP file is created with all needed assets (CSS, JS, images etc) alongside a HTML file. In HTML file all content, images, links and properties that can be edited through the CMS is annotated with standard HTML data attributes. For example:
<body> <h1 data-content-name="intro-text">Some texts some can be editable</h1> <div> <img data-image-name="booknow" class="book-image" src="images/booknow.png"> </div> <div> <a href="https://en.wikipedia.org/wiki/Monument_Valley" data-link-name="monument-valley-link"> <span data-content-name="monument-valley-link-text">Read more</span> </a> </div></body>
<h1 data-content-name="intro-text">Some texts some can be editable</h1>
<div> <img data-image-name="booknow" class="book-image" src="images/booknow.png"> </div>
<div> <a href="https://en.wikipedia.org/wiki/Monument_Valley" data-link-name="monument-valley-link"> <span data-content-name="monument-valley-link-text">Read more</span> </a> </div>
Example of files that are included in a campaign ZIP file:
This make it possible to use any HTML tool to create the markup. When the ZIP file is uploaded into SDL Tridion Sites an extension is triggered (an event system extension) that extract all editable items (content, images etc) into the CMS. This makes it possible to edit all annotated items in Tridion (either in CME or inline on the staging site via XPM).
A companion DXA module (available both for Java and .NET) is used to render the HTML campaign on the web site. The code for the DXA module (available as open-source on Github) can be used as reference to implement Instant Campaign for other stacks such as DD4T etc.
Below is a quick setup description for SDL Web 8.5 (support for SDL Tridion Sites 9.0 & DXA 2.1 will follow shortly).
<add assemblyFileName="[PATH TO DLL]"/>
.\cms-import.ps1 –cmsUrl [url] -moduleZip CampaignContent-Module-v1.2.0.zip
More details are given the provided install guide in the install package which contains info on how to prepare the schemas for translation management, distribute DXA DLL packages as NuGet packages etc. All source code for Instant Campaign is available as open-source on Github: https://github.com/sdl/dxa-flexible-campaign-content
A example campaign is described in my previous blog post: https://community.sdl.com/product-groups/sdl-tridion-dx/tridion-sites/tridion-developer/b/weblog/posts/instant-campaign-v1-1
Let me know your experiences using Instant Campaign. If you have any questions do not hesitate to either comment below or drop me an email at email@example.com.