Skip to main content

Step 2: Create

Amplience imageAmplience image

In Step 1 you created the content type for the banner. In this step you'll use that content type to create some content.

Create a banner
Link copied!

  • From the "Content" tab in the Dynamic Content app choose "Create content". The "Choose a content type" window is displayed.

Choosing a content type with which to create content

  • Choose the banner you created in the previous step. Hover over the banner icon and press the "+" button. The content form opens ready for you to add some banner content.

The banner content form

  • Enter the headline and strapline. You can use whatever text you'd like.

Add the background image
Link copied!

  • Add the background image. Hover over the box labelled "image" and click the "+" icon. The asset library browser opens allowing you to choose an image from your Content Hub account. We've set the styling for the banner text to be white text, so choose an image with a dark background.

Choosing an image from the asset library

Display the visualization
Link copied!

  • If you added a visualization when you registered the banner content type an eye icon is shown at the top right of the content form. Click this icon to show the visualization.

The banner realtime visualization

  • Add the call to action URL and label. The realtime visualization will update to show your changes as you type.

  • Click the Save button at the top of the window.

Add a delivery key
Link copied!

To retrieve content from the CMS you can use the content item id, or a delivery key. Delivery keys are strings of up to 150 characters that can contain alphanumeric characters, "-" and "_", and "/" as long as it is not included at the start or end of the key.

For this tutorial you'll add a delivery key which is will be used to retrieve the banner content from the CMS in the consume step.

To add the delivery key:

  • Choose "Delivery key" from the "Save" menu in the content form.
  • Enter the key to use for the banner. We've set up the banner code to use banner-example but you can use a different key if you want, you'll just need to remember to update the code in the final step to include the key you entered.

Adding a delivery key for the banner

  • Click "Save" to save the delivery key. A message is displayed when the delivery key is successfully saved.

The delivery key has been assigned to the banner

You've now created your banner and added a delivery key to make it easier to retrieve from the CMS. In the publish content step you'll publish the content ready for it to be retrieved from the CMS.