Skip to main content

AI Visibility Engine Integration for Lovable Sites

Written by Sebastiaan Jooste

If you have a Lovable site, there is a chance your site may not be fully visible to AI bots like ChatGPT, Perplexity, Gemini, and Claude.

This often happens because many Lovable sites rely heavily on JavaScript-rendered content. If important content on your site is loaded through JavaScript, some AI crawlers may struggle to read, understand, and index it properly. As a result, your products, collections, blogs, and key site content may not be fully consumed or cited by large language models.

This can negatively affect your performance across AEO, GEO, SEO, and AI visibility.

Alli AI has developed an AI Visibility Engine that helps solve this problem by prerendering your website and serving an HTML version of your site to AI bots when they crawl it. This makes your content easier for LLM crawlers to access, understand, and cite.

By providing a clean, crawlable HTML version of your Lovable site, the AI Visibility Engine can also help speed up the crawling process, allowing AI bots to discover and consume more pages across your site.

To integrate your Lovable site with Alli AI’s AI Visibility Engine, we recommend using the Edge integration method. This setup uses Cloudflare or AWS CloudFront service workers to deliver the prerendered HTML version of your site to AI crawlers.

The final step usually involves switching your nameservers to Cloudflare to complete the integration.

Here is an Article on how to complete the AI Visibility Edge Integration: https://help.alliai.com/en/articles/15787799-ai-visibility-engine-edge-integration-using-cloudflare-workers

Once the Cloudflare setup is complete, the nameservers need to be updated.

For a Lovable site, the nameserver steps depend on where the domain was purchased.

Updating Nameservers for a Lovable Site

A Lovable site does not have nameservers inside the site builder itself. Nameservers are updated where the domain was purchased, or through the DNS provider managing the domain.

Lovable custom domains are available on paid plans, and your project must be published before the custom domain can serve the site.

Step 1: Connect the Domain in Lovable

In Lovable, go to:

Project → Settings → Domains

Then:

  1. Click Connect domain

  2. Enter your domain or subdomain

  3. Follow the domain setup steps

  4. Lovable will provide the required DNS records

For domains purchased outside Lovable, the www version is not added automatically. Add it separately if you want both yourdomain.com and www.yourdomain.com to work.

Step 2: Add the Domain to Cloudflare

If using Cloudflare for an Edge integration:

  1. Add the domain to Cloudflare

  2. Let Cloudflare scan the current DNS records

  3. Confirm important records were copied over, including email, TXT records, and subdomains

Step 3: Add the Lovable DNS Records

In Cloudflare, go to:

DNS → Records

Add the records provided by Lovable.

These may include:

  • A record

  • TXT verification record

  • CNAME record, especially if using Cloudflare or another proxy/CDN

Lovable says there should be no AAAA record for the domain you are connecting because it can interfere with setup.

Step 4: Update Nameservers at the Registrar

Log in to the account where the domain was purchased.

Go to:

Domain Settings → Nameservers

Then:

  1. Choose Custom Nameservers

  2. Remove the current nameservers

  3. Add the two Cloudflare nameservers

  4. Save changes

Step 5: Verify the Site

After propagation, go back to Lovable and wait for the domain to show as Live. Lovable says DNS changes can take up to 72 hours, although most updates go live within a few hours.

Then test:

Also confirm:

  • HTTPS works

  • Email still works

  • Google Search Console verification still works

  • Subdomains still work

Summary

For a Lovable site, connect the domain in Lovable first, add the required DNS records in Cloudflare, then update the nameservers at the domain registrar to point to Cloudflare.

Did this answer your question?