# What Is Editable In Tina

## What Is Editable In Tina

**Files:** `src/content/`, `src/config/`, `src/i18n/`, `tina/` · **Skill level:** Beginner

Keep `npm run dev` running, open `http://localhost:4321/admin/`, and click **Enter Edit Mode**. You need no account and no password. Open the menu at the top left, then pick an entry, a language folder, and a file. [Tina](../tina/) has the full guide. Everything below exists in English, French, and Arabic, and an edit changes one language.

### Where Each Page Is Edited
The last column lists the sections you can change for that page only, in the page's own form. Every other section on the page comes from **Section defaults**.

| Address | Entry in `/admin/` | The page's own blocks |
| ------- | ------------------ | --------------------- |
| `/` | **Home pages**, `-index` | Hero, logo strip, company, services, benefits, process, testimonial, impact, calculator, coverage, why us, FAQ, blog, call to action |
| `/home-two/` | **Home pages**, `home-two` | Hero, company, comparison, benefits, impact, process, services, projects, careers band, blog, call to action |
| `/home-three/` | **Home pages**, `home-three` | Hero, logo strip, statement, bento, mission, feature slider, impact, testimonial, blog, contact band |
| `/home-four/` | **Home pages**, `home-four` | Hero, tabs, charge speed, pricing, projects, FAQ, call to action |
| `/about/` | **About page** | About intro, mission, values, impact, why us, testimonial, call to action |
| `/services/` | **Services**, the listing page | Services, benefits, testimonial, call to action |
| `/services/{slug}/` | **Services**, one file per service | Call to action |
| `/projects/` | **Projects**, the listing page | Call to action |
| `/projects/{slug}/` | **Projects**, one file per project | Call to action |
| `/pricing/` | **Pricing** | Pricing, benefits, FAQ, call to action |
| `/calculator/` | **Calculator** | Calculator, FAQ, call to action |
| `/team/` | **Team** | Team, call to action |
| `/careers/` | **Careers**, the listing page | Benefits, careers list, call to action |
| `/careers/{slug}/` | **Careers**, one file per job | None. The form holds the job and its text |
| `/faq/` | **FAQ** | FAQ, call to action |
| `/contact/` | **Contact page** | Contact, coverage, call to action |
| `/blog/` | **Blog**, the listing page | None |
| `/blog/{slug}/` | **Blog**, one file per post | None |
| `/blog/category/...`, `/blog/tag/...` | Built from each post's categories and tags | None |
| `/privacy-policy/`, `/terms-conditions/`, `/components/` | **Other pages** | Call to action |
| 404 | **Interface labels**, under **Not Found** | None |

Use **Create New** to add a service, project, job, post, or other page. **Authors** and **Testimonials** hold the people and quotes the pages show. A new entry with only a title won't break the site, and it builds. Its card or page shows what you filled in, and images and other fields stay empty until you add them, so fill them in before you publish.

### Sections
**Section defaults** holds the shared content of each section, in each language. A change there shows on every page that uses the section, unless the page has filled in its own block.

| Section | Where it appears |
| ------- | ---------------- |
| **Hero section** | All four homepages |
| **Logo strip section** | `/`, `/home-three/` |
| **Company section** | `/`, `/home-two/` |
| **Services section** | `/`, `/home-two/`, `/services/` |
| **Benefits section** | `/`, `/home-two/`, `/services/`, `/pricing/`, `/careers/` |
| **Process section** | `/`, `/home-two/` |
| **Testimonial section** | `/`, `/home-three/`, `/home-four/`, `/about/`, `/services/` |
| **Impact section** | `/`, `/home-two/`, `/home-three/`, `/about/` |
| **Projects section** | `/home-two/`, `/home-four/` |
| **Coverage section** | `/`, `/contact/` |
| **Comparison section**, **Careers band section** | `/home-two/` |
| **Statement section**, **Bento section**, **Feature slider section**, **Contact band section** | `/home-three/` |
| **Tabs section**, **Charge speed section** | `/home-four/` |
| **Why us section** | `/`, `/about/` |
| **Faq section** | `/`, `/home-four/`, `/pricing/`, `/calculator/`, `/faq/` |
| **Blog section** | `/`, `/home-two/`, `/home-three/` |
| **Cta section** | Most pages, above the footer |
| **Pricing section** | `/pricing/`, `/home-four/` |
| **Calculator section** | `/calculator/`, `/` |
| **Contact section two** | `/contact/` |
| **About intro section**, **Values section** | `/about/` |
| **Mission section** | `/about/`, `/home-three/` |
| **Team section** | `/team/` |
| **Careers list section** | `/careers/` |
| **Cookie consent** | The cookie banner on every page |
| **Monitoring panel** | The `<MonitoringPanel />` shortcode |

The project grid on `/projects/` has no section file: it reads **Projects** and its listing page.

### Site-Wide Content
- **Site settings** (`config.toml`): **Site** (name, address, logo), **Seo** (including **Robots Txt**, **Ai**, **Local Business**, and **Sitemap**), **Settings**, **Opengraph**, and **Head** for analytics tags. **Settings** holds the forms, **Newsletter**, **Smooth Scroll**, **Animation**, **Cookie Consent**, **Page Actions**, **Copyright**, **Theme Credit**, **Multilingual**, **Contact Info**, the mobile menu panel (**Header Offcanvas**), the header button (**Navigation Button**), and **Announcement Bar**.
- **Header and footer layouts:** **Settings > Header** is `classic`, `transparent`, `floating`, or `promo`. **Settings > Footer** is `wordmark`, `newsletter`, `cta`, or `contact`, with its band, photo, and postcode settings. A page can choose its own with **Header Layout**, **Footer Layout**, and **Announcement strip text** in its form.
- **Menus**, one file per language: **Header Primary** with dropdowns and mega menus, and the footer's **Footer Secondary** and **Footer Privacy**. See [Menus](../../customization/menus/).
- **Social links:** your profiles.
- **Interface labels**, one file per language: buttons, form messages, the 404 page, footer text, and the AI labels.

### If You Clear A Field
A field you never filled uses the text from **Section defaults**. A field you clear is saved empty, which hides that text or image on that page. Tina can't bring the default back by itself. To restore it, copy the text back from **Section defaults**, or remove the empty line from the file.

<Aside type="caution">
  Clicking text in the preview opens the file the text comes from. If that is a
  section default, your edit changes every page that uses it.
</Aside>

### What The Preview Doesn't Update
The preview doesn't update the header and menus, or values from **Site settings**, while you type. They update when you save. Some **Site settings** also need `npm run dev` restarted, and the comment in the field says so.

Click-to-edit doesn't reach the header and menus, values from **Site settings**, images with no alt field, or categories and tags. Use their forms.

### What Stays In Code
- Which sections a page has, and their order: the route in `src/pages/[...lang]/`. You can hide a section with its **Enable** field.
- New sections and new page layouts. Then run `npm run tina:generate` so the editor offers them.
- Colors and type scale (`src/styles/theme.css`) and fonts (`src/config/fonts.json`).
- The list of languages: see [Internationalization](../../customization/internationalization/).
- The source of the **Components** demo page, which uses raw HTML, so its body is edited as source code.

### Versions And Testing
This edition is tested on Astro 7.4.2 and Node 22, with `tinacms` 3.15.1, `@tinacms/cli` 4.0.4, and `@tinacms/astro` 0.8.0. They are pinned in `package.json`. The live preview uses experimental features of `@tinacms/astro`, so test it before you upgrade.

Online editing has not been run against a live Tina Cloud project. Try one save on a copy of your site before you rely on it. See [Tina](../tina/).

### Do It With AI
```text
I use the Tina edition. Tell me where to edit [TEXT OR SETTING] at /admin/: the sidebar entry, the
file, and the field. If it comes from Section defaults, say which pages will change, and how to
change it on one page only. Don't change any files.
```