---
canonical: https://amplience.com/developers/docs/start/build-banner/
title: Build a Banner tutorial
description: A step-by-step tutorial for getting started with Amplience Dynamic Content, showing how to model, create, publish and consume a banner content type.
how_to:
  name: "Build a Banner with Amplience Dynamic Content"
  description: "A step-by-step guide through the basic development steps needed to get started with Dynamic Content, using a simple banner as an example."
  total_time: "PT30M"
  steps:
    - name: "Model: Create a content type schema"
      text: "Create a content type schema for the banner using the schema editor, then register it as a content type in Dynamic Content."
    - name: "Create: Add banner content"
      text: "Use the banner content type to create a content item, add a background image, and assign a delivery key."
    - name: "Publish: Publish the banner"
      text: "Publish the banner content so it can be retrieved from the Content Delivery API."
    - name: "Consume: Retrieve and render the banner"
      text: "Use the Content Delivery SDK to retrieve the published banner by delivery key and render it in the browser."
audience: Developer
date_published: 2022-08-25
date_modified: 2023-11-09
image: https://cdn.media.amplience.net/i/ampproduct/step2-create-content-4?w=1200&h=630
image_width: 1200
image_height: 630
---
 
# Build a Banner tutorial

A step-by-step guide through the basic development steps you'll need to get started with Dynamic Content. Using the example of a simple banner, we show you how to create a content type, use that content type to add some content, consume the content from the CMS using our Content Delivery SDK, and render it on a page. You can always [sign up for a Free Trial](https://amplience.com/developer-trial/) to explore these steps further.

## Get going in a few steps

## Use the interactive sandbox

You don't need to create your own project from scratch, we've provided interactive sandboxes for you with a code for each of the popular frameworks. Copy your chosen `delivery key` and paste it in the appropriate code segment in the sandbox below. 

| Sector |  Delivery Key               |
| ------ | --------------------------- |
| Retail | ```banner-example-retail``` |
| Travel | ```banner-example-grocery```|
| Grocery| ```banner-example-travel``` |