# How an Event page works

Once created and tagged with an Agency, Events will automatically appear on that Agency page.&#x20;

It will also automatically create an **events list page**, which archives all past events posted on SF.gov.

If you have more than 3 upcoming events, you will automatically get a "See more events" button on the tagged Agency page.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2Fd61yKiHiz0coSyPBPkKK%2Fevents.png?alt=media&#x26;token=05292c41-b837-457d-9d11-aa401afbee1a" alt=""><figcaption></figcaption></figure>

Events can be listed as **online,** or **in-person** at an Address.

### Steps

Create an Event page. You'll have the following fields:

* Title
* Description
* Call to action
* Date time
* Cost
* Location
* Image
* Main body text
* Partner agencies
* Contact us
* Topics

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FjvGjaTaFQeNjRcrl8Rma%2FNew-Event-Wagtail-12-26-2024_04_47_PM.png?alt=media&#x26;token=0e05aec8-ae3f-487c-98fa-29611d44e159" alt=""><figcaption><p>Back end of an Event page</p></figcaption></figure>

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FhgZg2ZLQ5ahXOusmSHCR%2F10-Week-Pre-Apprenticeship-Program-in-Tech-Careers-SF-gov-12-26-2024_04_51_PM.png?alt=media&#x26;token=46dae926-e77c-46e1-8c14-6193f910ec71" alt=""><figcaption></figcaption></figure>
