Knowledge Base > Installing on Lovable
Platform Guide

Installing on Lovable

Ask the Lovable AI to add your snippet, publish, and your site becomes visible to ChatGPT, Claude, and Gemini. No prerendering required.

Lovable builds fast, good-looking sites. What it doesn't do is tell AI engines who you are, what you sell, or why anyone should trust you. That's not a Lovable limitation exactly - it's just not what the platform was built for.

When someone asks ChatGPT "recommend a UX consultant for early-stage startups" or Gemini "who offers brand strategy for SaaS companies", your Lovable site doesn't answer that. AI engines don't read page copy - they query structured entity data. Lovable doesn't generate any.

StructuredAF adds the layer Lovable misses. Your complete business entity data, expertise, credentials, and services, in the format AI actually reads. And because it goes in your site's static head, it works without prerendering.

How It Works

The two-step flow

Everything starts in the StructuredAF app, then lands in your Lovable site's head.

Step 1

Generate in the app

Build your profile, add your offers, then click Generate Schema and Deploy. Your code snippet is ready in seconds.

Step 2

Add to Lovable

Ask the Lovable AI to add your snippet to the head of index.html, or edit the file directly. Publish. Done.

Setup Guide

Installation steps

The primary method uses Lovable's built-in AI chat - no file editing needed.

1

Copy your code snippet

In your StructuredAF dashboard, go to Add to Site and select Lovable from the platform list. If you haven't already, click Generate Schema and then Deploy. Copy the full code snippet shown. Need help getting to this stage? See our Getting Started guide.

2

Ask the Lovable AI to add it

In your Lovable project, open the chat panel. Type the following prompt, then paste your code snippet immediately after it:

Prompt to use

Add this code to the <head> section of index.html, before the closing </head> tag. Do not modify the code.

The "do not modify" instruction is important. Lovable's AI can sometimes reformat or adjust code - this keeps your schema intact.
Alternative: edit via GitHub

If you have GitHub sync connected, you can edit index.html directly in your repository and push the change. Lovable will sync it automatically. This is the most reliable method if you're comfortable using GitHub. See Lovable's documentation for setting up GitHub sync.

3

Verify the placement

Before publishing, open the Lovable file explorer and check that your code appears in index.html inside the <head> section. The AI occasionally places code in the wrong location - a quick check saves time later.

Look for type="application/ld+json" inside the head. If it's there, you're good to publish.
4

Publish

Click Publish in Lovable to push your changes live. The schema only takes effect once published - it won't show in the editor preview.

Verification

Check it's working

Once published, open your Lovable site in a browser, right-click anywhere and select View Page Source. Search for ld+json or structuredaf. If you can see the code block in your page source, it's working. If not, see our Troubleshooting guide.

What You Gain

What Lovable gives AI vs what StructuredAF adds

Lovable out of the box
Fast, well-designed site
Basic meta tags if prompted
No structured entity data
No business identity for AI
No credential or authority signals
Invisible to AI search engines
+ StructuredAF
Complete business entity schema
Services, offers and expertise structured for AI
Professional credentials and authority signals
Works from the static head - no prerendering
Readable by ChatGPT, Claude, Gemini and more
Updates when you regenerate in the app
Quick Answers

Common questions

What if the Lovable AI puts the code in the wrong place?

It happens occasionally. Always check the file explorer in Lovable after the AI makes changes - look for your schema block inside the <head> section of index.html. If it's landed in the wrong place, prompt the AI to move it, or use GitHub sync to edit the file directly. Our Troubleshooting guide covers this.

Does this fix Lovable's Google SEO problem?

No, and we'll be straight with you about that. The Google crawlability issue - where bots can't read your page content because it's rendered by JavaScript - is a separate problem that requires prerendering to fix properly.

What StructuredAF fixes is AI search visibility. That's a different layer entirely. Your structured entity data lives in the static head, which every bot reads regardless of how the page body renders. So even without prerendering, AI engines like ChatGPT, Claude, and Gemini can learn about your business and start recommending you.

My Lovable site only has one page - does that matter?

Not at all - it actually makes things simpler. One page means one install and you're fully covered. StructuredAF generates a comprehensive schema block that captures your entire business - services, credentials, expertise, offers - in a single snippet. Single-page Lovable sites are the perfect fit for this approach.

Do I need to update the snippet when my offers change?

Yes, but it's quick. Update your offers in the StructuredAF app, click Generate Schema and Deploy, then copy the new snippet. Ask the Lovable AI to replace the existing schema block in index.html with the new one and publish. Takes a few minutes. See Updating Your Schema for the full process.

What if I move away from Lovable later?

Your data lives in your StructuredAF account, not in Lovable. If you switch platforms, just install your snippet on the new site - or use the WordPress plugin if you move to WordPress. Nothing is lost. See our Switching Platforms guide.

Ready to make your Lovable site visible to AI?

One snippet in the head. Every AI search engine learns who you are.

Get Started
Need help? Get in touch