Story content example
Publishing regular, engaging content helps attract visitors to your site and boost search engine performance. Dynamic Content gives authors the flexibility to create rich, varied content, such as stories, news and blog posts from a range of layouts and content types, while still ensuring consistency with your style and layout guidelines.
This example walks through creating content for a story, and demonstrates features that your developers can configure for you, such as:
- Flexible authoring with content palettes
- Real-time visualization for viewing how content will look when its live
- Tab and grid layouts for an optimized authoring experience
Start the storyLink copied!
For this example, our brief is to add and arrange content for a story article. In Dynamic Content, we start by clicking "Create" in the library and then selecting a content type.
For information about content types and who creates them, see the Overview for creating content.
Adding a top bannerLink copied!
With our chosen content type open, we can add content. Notice, we can pick from a palette of options to add content.
::: Palette options
The options shown in a palette are configured by developers.
- If there are more than 3 options (like our example), the palette has a single “Pick an item” button
- If there are 3 or fewer options, each has its own button
Learn more about content palettes.
:::
We'll add an advanced banner.
The advanced banner includes fields for both an image and overlay text, organized into two tabs to make it easier to manage details about the image. Ask your developers about organizing form layouts.
First we've added the banner image:
Next, we'll use the Overlay tab to add the banner text:
The visualization on the right, shows how the content will look on different devices when it's live
Adding unique editorial contentLink copied!
Next we need some editorial content. This content will be unique to this story article and won't be used anywhere else, so it makes sense for it to be created within this content item rather than as separate linked content.
Content palettes support both inline and linked content, giving a balance of control and flexibility:
- Inline content keeps unique content self-contained, helping reduce single use items in the library, and is ideal for simple, standalone content
- Linked content makes it easy to reuse content across multiple experiences, ensuring consistency and saving time
Ask your developers about using content palettes.
Simple text blockLink copied!
We'll pick the "Rich text" option to add a text block.
We've pasted our content into the text block, and it displays in the visualization:
Image and text side-by-sideLink copied!
To promote a sofa in the latest collection, we’ll add an image of it alongside some related text. To do this we'll pick a different option from the palette - the single use split block:
The split block lets us pick what type of content we want, we'll select to add an image:
We've used the image field to add an image from our Assets library. Note, a validation message makes it clear that our split block requires at least two items.
To complete the split block with text about the sofa, we'll pick a text type from the palette:
Now we can enter some unique text about the sofa - this text will not be reused anywhere else.
We can check how the image and text display using the visualization.
Expand the storyLink copied!
The content type that we're using to create our story allows us flexibility to continue building up the story however we want, while still making sure we keep within our in house guidelines.
Add more detailLink copied!
Our story could use more information, so we’ll add more text. Since this content is specific to this story, we’ll add it as inline text.
Add a product listLink copied!
Finally, we'll add a 'You might also like' product list by picking the "card list" option in our palette, the same way as we've done before.
The card list allows us to select product content that already exists in our library:
