Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Flexible Landing Pages

 

Include Page
1. Flexible Landing Pages
1. Flexible Landing Pages

Dynamic Brand Pages

 

 

Include Page
2. Dynamic Brand Pages
2. Dynamic Brand Pages

Personalized Layouts

 

 

Include Page
3. Personalized Layouts
3. Personalized Layouts

 A Narrative is a way for you to control everything that appears on a page of your website. For example: A image with a description at the top, A custom product listing, or various other visual elements (explained in the chapter 16.4 Visual Elements).

You can find the Narrative-view under Marketing > Narratives.

To create a narrative, click on the add-button and give the narrative a unique key. This is how your narrative will later be accessed, so use a name that describes it and makes sense.

Image Added

The next thing is the configuration of the narrative itself.

First you can give the Narrative a title.

Image Added

The next step is to add chapters to your narrative. To do this click on the add-button next the chapter-option.

Image Added

Here you can add the visual elements. You can see how to create these in the following chapter (16.4 Visual Elements). Choose one and click on the add-button to start editing it.

Image Added

In this example there are four options, which are available and are defined in the json schema in the next chapter (16.4 Visual Elements). You can add as many visual elements as you like. For example, your narrative could look like this:

 

Image Added

As you can see from top to bottom there is first a jssor banner, then a newsletter element, followed by a voucher. After that, a YouTube video will be shown, then a brand visual should be displayed and finally the listing. You can define the order of these elements by clicking on the arrows to the right.

In the Contexts-tab of the Narrative you have to define when the narrative appears by adding a context parameter called campaign and the value {{var-currentNarrative-uniqueKey}}. This makes sure that this campaign we just created will be applied if the URL parameter is campaign=narrative-example is there.

Image Added

When you are done editing, you can save the narrative and then click Save & Test.

There is one more step you have to do before the narrative is active. You have to add a use-case to your narrative widget. The use-case is called Campaign Correlation Promoter and is located under:

CPO STRATEGIES > MARKETING OPTIMIZATION > LEVEL 1 - ALIGN MARCOM > ALIGNED PRODUCT PROMOTION WITH YOUR CAMPAIGNS

Image Added

It should have the word campaign in the request parameter. When this is set up, you can click on Save&Test and then switch to the test-view.

 

 

Add the following parameters to the Request.

Image AddedImage Added

Widget: The choiceID, you configured the use-case for (in this case narrative)

Language: Whichever language you want

Test mode: Test mode with live data

Context Parameters: campaign=narrative-example (narrative-example is the unique-key of the narrative)

Afterwards click Get Results and check the extra info.

Image Added

You should see the relevant JSON under the key cpo_journey_example-journey.

Image Added

When you are satisfied by the results, you can go to the publishing-menu and click publish all.