Strella docs
GuidesDeveloper
Strella docs
GuidesDeveloper
Welcome to StrellaChangelog
Run your first studyHow AI helps you in StrellaGlossary
The Build screenStart with the study setup chatSet up your study detailsWrite research objectivesBuild your screenerBuild your question guideBest practicesAdd survey questions to your interviewAdd a stimulus to your interviewHost a prototype and add it to your interviewAdd a card sortAdd a tree testRandomize sections (A/B variants)Conditional sectionsVersion historyUse the build assistantPreview your interviewUpload an existing discussion guideImport from another study
How the AI moderator worksVoice, language & behaviorRecording modesCustom dictionary & pronunciationCustomize the participant experienceWhat the AI moderator can't do
How recruitment worksSchedule moderated interviewsHire from a participant panelBring your own participantsManage share links & redirectsPass data with URL parametersControl access & schedulingSet quotasApprove, reject & invitePay participants you recruitedReport a participantWatch the funnel
Publish your studyEdit a study after launch
Get oriented in ResultsBring in interviews you ran elsewhereReview a single interviewBrowse analysisCode responsesSee how participants complete on-screen tasksSee how participants sorted your cardsSee how participants use your Figma prototypeUse Strella's AI chatAI chat best practices
Build & share a reportCreate & share a highlight reel
Teammates, organizations & workspacesDelete projectsProject defaultsBilling & creditsConnect FigmaAPI, MCP & AI assistantsParticipant data accessMedia links and who can open themActivity logs
Step typesScreener question typesRecording settingsParticipant statuses & funnel stagesSupported languagesVoice optionsBrowser & device requirements
MCP serverConnect an AI clientTools & skills referenceUse cases & example promptsWhat's newSecurity & privacyFAQ & troubleshooting
Build a studyHost a prototype and add it to your interview
Build a study

Host a prototype and add it to your interview

Publish an HTML prototype built with an AI tool such as Claude, v0, Lovable, or Bolt to the public web, then show it to participants during the interview.

Strella shows a prototype to participants from a public web address. It does not host prototype files. A prototype you built as HTML, for example with Claude, v0, Figma Make, Lovable, or Bolt, needs a public URL first. Publish it with a free web host, then add that URL to your question guide as an embed, or as a website if the host does not let its pages load inside another page.

What you need

  • Your prototype as one or more HTML files. Most AI builders export a single index.html, sometimes with a folder of assets. Keep the files together in one folder.
  • A free account with a web host. The steps below cover four common choices.

Publish your prototype

Each host takes your HTML and returns a public URL. Netlify Drop is the fastest for a single prototype because it needs no project setup.

Check the URL

Open the URL in a private browser window. The prototype loads without a sign-in prompt. If it asks you to log in, the site is private. Make it public in the host's settings, then check again.

Add the prototype to your interview

Once you have a working public URL, add it to your question guide as a media block. Use the Embed type so the prototype loads inside the call window and stays in front of the participant the whole time they work. The media block holds the prototype and keeps it on screen for the questions and tasks inside it.

  1. Add an Embed media block
    In your question guide, click Add element and choose Embed from the Usability group.
  2. Paste the URL
    Paste your public prototype URL into the media block. Static sites published to Netlify, Vercel, GitHub Pages, and Cloudflare Pages allow this by default, so an embed loads for the hosts above.
  3. Add a task
    Nest a task under the media block so participants work with the prototype while it stays in view.

For the full media-block options, see Add a stimulus to your interview.

Embed loads the prototype inside the call window, so it works only when the host lets the page load inside another page. If the prototype does not appear as an embed, add it as a Website instead. A Website opens the prototype in a new browser tab: the participant screen-shares that tab, works through the task, and returns to the call when they are done.

Related

Add a stimulus to your interview
Show an image, video, website, embed, or Figma prototype during the interview.
See how participants use your Figma prototype
Review click paths and screen metrics after the interview.

Add a stimulus to your interview

Show participants an image, a video, a website, an embed, a written concept, or a Figma prototype during the interview. A stimulus usually pairs with a task or open question.

Add a card sort

A card sort asks participants to drag a set of cards into groups, so you learn how they naturally organize your ideas, features, or content.

On this page

What you needPublish your prototypeCheck the URLAdd the prototype to your interviewRelated