Skip to main content

Using Lovable in a Website Test

  • Updated

Lovable allows you to publish responsive websites directly from prompts, and integrating Maze's tracking code enables you to conduct user testing and gather feedback on your live hosted Bolt website.

Maze lets you test your AI-generated sites with or without the snippet installed. If you want to iterate quickly, you can launch a test without it and still gain valuable insights through recordings. Installing the snippet only takes one extra prompt and enables quantitative data collection for deeper insights—choose the option that best fits your workflow. See here how to test without snippet.

Install the Maze tracking code on your website with Snippet-Based Testing

To enable Snippet-Based usability testing on your live website, you’ll need to install a unique code snippet that enables this feature to run on your website.

You’ll also be prompted to follow these steps from your draft maze if you haven’t added the code to your URL’s domain yet when creating a website testing block.

Learn how to install the Maze tracking code on your website

How to add tracking code to a website hosted on Lovable:

Once you have obtained your tracking code from Maze, follow these steps to add the snippet to your code in Lovable and use your website in a Website Test:

  • Create a website using Lovable
  • Click on the <> brackets above the preview of your website to view the source codeScreen Shot 2025-05-27 at 5.22.23 PM.png
  • Navigate to index.html to find the source code for your website
  • Paste the Maze tracking code in between the <head></head> tagsScreen Shot 2025-05-27 at 5.24.30 PM.png
  • Publish your website using the Publish button
  • Create a new maze and include a Website Test block
  • Paste URL into block and click Set up
Lovable only supports editing source code on a paid plan. If you are on a free plan, you can ask Lovable in the chatbox to add the snippet to the website by pasting in the snippet directly into the chat.

URL path changes

When setting up paths on a Website Test block, the URL needs to change between screens to register a new step in the path. Otherwise, you might see a message that states no clicks were detected when setting up expected paths. 

To solve for this, you can leverage the example prompt template below to ask the AI to build the site with URL path changes in mind:

This prototype needs to be compatible with Maze user testing. Please follow these requirements: Build me a multi-page website where when I click any links to navigate to a new location, the browser should go to a new page and the URL should change (not a single page application). Please also: 1. Use a shared layout or template so all pages pull in the same head section. 2. In that head, leave me a clear placeholder comment like: -- PLACE TO ADD MY MAZE SNIPPET -- so I only need to update the script in one spot, and it will automatically appear on all pages.

Still need help?

If you have any questions or concerns, please let our Support team know — we'll be happy to help!

 

Related articles