# Location on Event page

* Find the Location component in the back end of your Event page.
* Click the plus sign icon (+) under Location to open the menu of options.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2Ftl37FjTwJYwH5V40zVLm%2FScreenshot%202024-12-30%20at%2011.37.37%E2%80%AFAM.png?alt=media&#x26;token=cb2977d9-f2e7-496b-8d93-2287cffb1c36" alt="" width="375"><figcaption></figcaption></figure>

## In-person location

Click **In person** if you have a physical location for your event.&#x20;

Click Choose an address. Follow the instructions on [address](https://sfdigitalservices.gitbook.io/karl-sf.gov-editor-help-center/using-karl-the-cms/components/address "mention") to add.

You will automatically get a Google map and a link to get directions for your address.&#x20;

You will need an exact address with zip code to display the Google Map image.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FMzVl7AtTN8MpBKJuEdhC%2Flocation.png?alt=media&#x26;token=13b556d7-5eec-435d-9a13-0428d56f6bd2" alt=""><figcaption></figcaption></figure>

## Online location

Check the online box if your event is held virtually.&#x20;

Add a signup link in the Call to action section near the top of the page.&#x20;

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2Fk5dcTn0Y7HXn1ViiURUl%2Fonline%20location.png?alt=media&#x26;token=f0ed56e7-d189-43c3-b6b7-c5cbe06e01fc" alt="" width="539"><figcaption></figcaption></figure>

{% hint style="info" %}
You can add both in-person and online options if you have a hybrid event.&#x20;
{% endhint %}

Once you've added the event location (and the call the action button, if you have one), it will appear in the gray sidebar on the right side.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FmxHSjFBnk26BYH0M776y%2FFogust-Parade-SF-gov-12-30-2024_12_06_PM.png?alt=media&#x26;token=0832518f-9d1a-4a23-9262-8aaef34b3070" alt="" width="563"><figcaption></figcaption></figure>
