Services, projects, blog posts, open roles, testimonials and tools live in Framer’s CMS. Add an item and its detail
page, its card on the overview page and its links appear by themselves.
Open it from the top-left menu → CMS. The left panel lists the collections; Fields shows the fields of the
selected collection.
| Collection |
Items |
Feeds |
| Services |
8 |
/services, one page per service, the services on Home |
| Projects |
8 |
/projects (grid and list), one page per project, the projects on Home |
| Blog |
12 |
/blog, one page per post, the posts on Home and under each article |
| Careers |
12 |
/careers, one page per role, the roles on About |
| Testimonials |
6 |
The testimonial slider on Home |
| Tools |
38 |
The tools listed under each service |
Every item has a Status: Live items are published, Draft items are not. Use Draft to prepare an item before
it goes online. The order of the items in the list is the order on the site — drag the handle on the left to reorder.
| Field |
Type |
Shown |
| Service Title |
Text |
Title everywhere |
| Slug |
Slug |
The address: /services/<slug> |
| Short Description |
Text |
Accordion and service page intro |
| Image 01, Image 02 |
Image |
The two images of the service |
| Tools |
Multi-reference → Tools |
The tools list |
| Action Link |
Link |
The call-to-action button of the service page (a booking link, for example) |
| What We Offer, Key Benefits |
Formatted text |
The two lists on the service page |
| Weekly Price, Weekly Feature 1–4 |
Text |
The pricing card, Weekly tab |
| Monthly Price, Monthly Feature 1–4 |
Text |
The pricing card, Monthly tab |
| Field |
Type |
Shown |
| Project Title |
Text |
Title everywhere |
| Slug |
Slug |
/projects/<slug> |
| Industry, Year |
Text |
Project facts |
| Short Description |
Text |
Cards and project page intro |
| Main Image |
Image |
Cards and the large image of the project page |
| Services |
Multi-reference → Services |
The services listed on the card and the project page |
| Overview, Process, Result |
Formatted text |
The three chapters of the case study |
| Image 01–04 |
Image |
The images between the chapters |
| Field |
Type |
Shown |
| Post Title |
Text |
Title everywhere |
| Slug |
Slug |
/blog/<slug> |
| Category |
Option |
Label on cards and the article; “More Blog” shows posts of the same category |
| Date |
Date |
Publication date |
| Post Image |
Image |
Cards and article header |
| Excerpt |
Text |
The summary on cards |
| Content |
Formatted text |
The article |
| Field |
Type |
Shown |
| Job Title |
Text |
Title everywhere |
| Slug |
Slug |
/careers/<slug> |
| Job Type |
Option |
Remote, Full Time, Part Time… |
| Short Description |
Text |
Accordion and role page intro |
| Key Responsibilities, Requirements, Perks and Benefits |
Formatted text |
The three lists of the role page |
| Field |
Type |
Shown |
| Client Name, Company |
Text |
Under the quote |
| Client Image, Company Logo |
Image |
Avatar and logo |
| Service |
Reference → Services |
The service the client used |
| Quotes |
Text |
The quote |
| Field |
Type |
| Tool Name |
Text |
| Link |
Link |
- Select the collection, then + (top left of the table).
- Fill in every field. The Slug becomes the address — lower case, words joined by
-.
- For references (a project’s services, a service’s tools), pick existing items; add a missing tool to Tools
first.
- Set the Status to Live and publish the site.
The item’s page uses the collection’s detail page design (in Pages, under /projects, /services, /blog or /careers).
Change that design once and every item follows.
Category (Blog) and Job Type (Careers) are option fields: open the field in Fields to add, rename or
remove an option. Renaming an option renames it on every item.
The team on About, the values, the numbers and the chart, the home hero and the contact details are regular
content on the pages: select the text or image on the canvas and edit it.
