# What to know before you start section - Cost and Things to know

The **What to know before you start** section appears in a gray box under the Description. **Cost** and **Things to know** are 2 optional fields within **What to know**.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FPTOUQVnCoG5pdepE1O7N%2FReport-blocked-driveway-or-illegal-parking-SF-gov-01-10-2025_01_32_PM.png?alt=media&#x26;token=a3fdb03e-2f51-40fc-8309-f24ab60b119a" alt="" width="485"><figcaption><p>Example of a What to know section</p></figcaption></figure>

### Cost on a Transaction page

See [cost](https://sfdigitalservices.gitbook.io/karl-sf.gov-editor-help-center/using-karl-the-cms/components/cost "mention")

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FrfLPv7AjcJlpbLX2nWwC%2FReport-blocked-driveway-or-illegal-parking-SF-gov-01-10-2025_01_34_PM.png?alt=media&#x26;token=76f428ac-9efb-41e6-a409-beb6c9c11c25" alt="" width="295"><figcaption></figcaption></figure>

### Things to know

People should be able to decide whether they want this service, from this section.

You can include things like:

* Eligibility
* Application deadline
* Response time
* Grant amount
* Program start and end date
* What's new

We recommend keeping it brief and no more than 2 items, if you can.&#x20;

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FfgHbvdXI2kqkzOxkBMXq%2Fthing%20to%20know.png?alt=media&#x26;token=10028696-59b0-48ed-a820-7e7d8864e253" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2Fkk7bDCA6v6FZdZUQ9vbp%2FReport-blocked-driveway-or-illegal-parking-SF-gov-01-10-2025_01_41_PM.png?alt=media&#x26;token=bf154b73-cbeb-48ff-b35e-725c20b26e24" alt=""><figcaption></figcaption></figure>
