Framer code component · v1.0

Make your Framer website readable to AI and Google

Smart Schema turns your business details into computer code (JSON) that Google and AI can read. Fill it in once and it updates every time you publish

What you see and input

Smart Schema v1.0

This component will be
hidden on the live site.

Café

Click to add details

Business Type

Café

Name

Bean There Café

Monday

7am-3pm

Instagram URL

instagram.com/beanthere

What Google and AI sees

application/ld+json

{

  “@context”: “https://schema.org”,

  “@type”: “CafeOrCoffeeShop”,

  “name”: “Bean There Café”,

  “telephone”: “03 5550 1234”,

  “priceRange”: “$$”,

  “address”: { “@type”: “PostalAddress”, … },

  “openingHoursSpecification”: [ … ],

  “sameAs”: [ “https://instagram.com/…” ]

}

How it works

How it works

Three steps, then just publish

Three steps, then just publish

Add it once, fill it in, and then publish

Add it once, fill it in, and then publish

1

Drop it into your layout

Drop it into your layout

Add Smart Schema to your Framer website, no set up required

Add Smart Schema to your Framer website, no set up required

2

Fill in your details

Fill in
your details

Fill in your details

Add details about your business like opening hours or logos

Add details about your business like opening hours or logos

3

Simply just publish

Simply just
publish

Simply just publish

Simply publish your site and Google or AI can understand your website

Simply publish your site and Google or AI can understand your website

Types of businesses

Twenty business types, and room for more.

Pick a type and the component shows only the fields that apply: a cuisine and menu for a café, an area served for a plumber, a job title for a freelancer.

Local business

Restaurant

Café

Bar or pub

Bakery

Shop

Hair salon

Beauty salon

Spa

Gym

Dentist

Medical clinic

Law firm

Accountant

Real estate agent

Plumber

Electrician

Builder

Company

Person or freelancer

Any schema.org type

Output Example

Exactly what Google reads.

Empty fields are left out, so there are no blank values

Days with the same hours are grouped together

Times like 11am–10pm and split shifts are understood

Text is escaped so it can’t break the page

bean-there-cafe.json

{

  “@context”: “https://schema.org”,

  “@type”: “CafeOrCoffeeShop”,

  “name”: “Bean There Café”,

  “url”: “https://beanthere.example.com/“,

  “telephone”: “03 5550 1234”,

  “priceRange”: “$$”,

  “servesCuisine”: “Coffee, Brunch”,

  “hasMenu”: “https://beanthere.example.com/menu”,

  “address”: {

    “@type”: “PostalAddress”,

    “streetAddress”: “42 Crema Street”,

    “addressLocality”: “Fitzroy”,

    “addressRegion”: “VIC”,

    “postalCode”: “3065”

  },

  “geo”: { “latitude”: -37.7986, “longitude”: 144.9784 },

  “openingHoursSpecification”: [{

    “dayOfWeek”: [“Monday”, “Tuesday”, “Wednesday”, …],

    “opens”: “07:00”,

    “closes”: “15:00”

  }]

}

Built for real sites

Small details that save you a support email.

Invisible to visitors

On the live site it’s a 0×0 box holding the script. Only you see it, on the canvas.

CMS-ready

Bind every property to a CMS field, so a template updates its schema from one entry.

Warnings on the canvas

Missing a name or address, or typed hours it can’t read? The canvas card tells you before you publish.

Forgiving opening hours

11:00-22:00, 11am–10pm, split shifts, Open 24 hours and Closed all work.

Extra JSON when you need it

Add any schema.org property the fields don’t cover. It’s merged in last.

Follows Google’s rules

No self-published review stars or FAQ markup, which Google ignores or has retired.

Pricing

Pricing

One component. Every business site you build.

One component. Every business site you build.

Smart Schema

One-time

$7 USD

The Smart Schema code component

20 business types plus any schema.org type

Updates for every v1 release

FAQ

Questions, answered.

Something else on your mind? Ask before you buy.

Will Google show rich results for my site?

Does it slow the site down?

How do I check it’s working?

Which business types are supported?

Add business schema to your next Framer site.

Create a free website with Framer, the website builder loved by startups, designers and agencies.