# Event Program Layout

{% hint style="info" %}
Live Demo: <https://campaign.codenation.com/event_program_layout>
{% endhint %}

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FMRBEirOTmisrpUKhOxnI%2Fevent-program-layout.gif?alt=media&#x26;token=b4586ad9-3efb-4ad5-9d9a-8f2c4f2cfbfe" alt=""><figcaption><p>Event Program Layout Preview</p></figcaption></figure>

## How to add an event program layout to any page?

1. Create a new basic page.
2. Create a new basic subpage to the page created in step 1 to store information about each day in the event.
   * To update the name that appears in the tab (e.g. "Day 1" or "Day 2") you can update the headline of the subpage.
   * To update the content/activities that shows inside of each tab you can add content to the content field for the subpage. E.g.

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FmLY4xPVwFTLYQuJG8luj%2Fimage.png?alt=media&#x26;token=fe83efd5-7aff-41df-bce7-0eb8eb3ecc71" alt="" width="563"><figcaption></figcaption></figure>

3. Navigate to the page you would like to display the program.
4. On that page add the tag "`Admin Program:[page_slug]`".
   * &#x20;Where "\[page\_slug]" is the slug of the page created in step 1.