---
canonical: https://amplience.com/developers/docs/user-guides/produce-content/create/story/
title: Story example
description: Discover how you can quickly create story content flexibly with Dynamic Content, using a content type that's already configured with a content palette.
audience: Business User
image: https://cdn.media.amplience.net/i/ampproduct/create-content-button-hub-demo-bootha?w=1200&h=630
image_width: 1200
image_height: 630
date_published: 2025-08-08
date_modified: 2025-09-04
---

# 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](https://amplience.com/developers/docs/next-gen-content-authoring/optimize-forms/#use-flexible-authoring) with content palettes
- [Real-time visualization](https://amplience.com/developers/docs/user-guides/produce-content/visualize/) for viewing how content will look when it's live
- [Tab and grid layouts](https://amplience.com/developers/docs/next-gen-content-authoring/optimize-forms/#organize-layouts) for an optimized authoring experience

## Start the story

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**.

![Start creating new content](https://cdn.media.amplience.net/i/ampproduct/create-content-button-hub-demo-bootha?w=1880&fmt=png 'Start creating new content')

> **Tip: What is a content type?**
> For information about content types and who creates them, see the [Overview for creating content](https://amplience.com/developers/docs/user-guides/produce-content/overview/).

## Adding a top banner

With our chosen content type open, we can add content. Notice, we can pick from a **palette** of options to add content.

> **Info: 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](https://amplience.com/developers/docs/next-gen-content-authoring/optimize-forms/#use-flexible-authoring).

We'll add an advanced banner.

![Content authoring experience showing a content palette](https://cdn.media.amplience.net/i/ampproduct/create-story-content-palette-choose?w=1880&fmt=png 'Content authoring experience showing a content palette')

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](https://amplience.com/developers/docs/next-gen-content-authoring/optimize-forms/#organize-layouts).

First we've added the banner image:

![Story banner top image](https://cdn.media.amplience.net/i/ampproduct/create-story-image-tab?w=1880&fmt=png 'Story banner top image')

Next, we'll use the **Overlay** tab to add the banner text:

![Story banner top image](https://cdn.media.amplience.net/i/ampproduct/create-story-overlay-text?w=1880&fmt=png 'Story banner top image')

> **Tip: Visualize the content**
> The [visualization](https://amplience.com/developers/docs/user-guides/produce-content/visualize/) on the right, shows how the content will look on different devices when it's live

## Adding unique editorial content

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.

> **Tip: Working with unique and reusable 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 block

We'll pick the "Rich text" option to add a text block.

![Selecting to add a text block](https://cdn.media.amplience.net/i/ampproduct/create-story-text-block?w=1880&fmt=png 'Selecting to add a text block')

We've pasted our content into the text block, and it displays in the visualization:

![Story editorial text](https://cdn.media.amplience.net/i/ampproduct/create-story-text-added?w=1880&fmt=png 'Story editorial text')

### Image and text side-by-side

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:

![Story single use split block option](https://cdn.media.amplience.net/i/ampproduct/create-story-split-block-option?w=1880&fmt=png 'Story single use split block option')

The split block lets us pick what type of content we want, we'll select to add an image:

![Story add image to split block](https://cdn.media.amplience.net/i/ampproduct/create-story-split-block-image?w=1880&fmt=png 'Story add image to split block')

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.

![Story image added to split block](https://cdn.media.amplience.net/i/ampproduct/create-story-block-image-added?w=1880&fmt=png 'Story image added to split block')

To complete the split block with text about the sofa, we'll pick a text type from the palette:

![Story choose to add text to split block](https://cdn.media.amplience.net/i/ampproduct/create-story-choose-block-text?w=1880&fmt=png 'Story choose to add text to split block')

Now we can enter some unique text about the sofa - this text will not be reused anywhere else.

![Unique text about the sofa](https://cdn.media.amplience.net/i/ampproduct/create-story-text-about-sofa?w=1880&fmt=png 'Unique text about the sofa')

We can check how the image and text display using the visualization.

![Story editorial text](https://cdn.media.amplience.net/i/ampproduct/create-story-split-block-complete?w=1880&fmt=png 'Story editorial text')

## Expand the story

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 detail

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.

![Story editorial text - use natural wood](https://cdn.media.amplience.net/i/ampproduct/create-story-text-use-wood?w=1880&fmt=png 'Story editorial text - use natural wood')

### Add a product list

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:

![Story card list to shop the look](https://cdn.media.amplience.net/i/ampproduct/create-story-you-might-also-like?w=1880&fmt=png 'Story card list to shop the look')
