I am having the hardest time trying to embed my AI agent into the wix website. I wanted to make sure that it’s member login and the most secure. The embed Mindstudio video says the API is the safest way but doesn’t teach you how to do it that way. It teaches you the more unstable way.
Can you provide a step-by-step on how I can embed my AI agent into my site. I want to have a paywall in front of it, but I also want to make sure that the customer every time they log in we’ll see past runs.
Hi @RacCaz,
Thanks for the post! I put together a quick walkthrough below. I’m still new to Wix myself, so if anyone else has tips or suggestions, feel free to jump in.
Prerequisites:
Signed URLs require each user to have their own UID, so we’ll use Wix’s built-in Members Area:
signedUrl.web.jsagentId with your own// backend/signedUrl.web.js
import wixSecretsBackend from 'wix-secrets-backend';
import { members } from 'wix-members.v2';
import { webMethod, Permissions } from 'wix-web-module';
import { fetch } from 'wix-fetch';
export const generateSignedAccessUrl = webMethod(
Permissions.SiteMember,
async () => {
// 1) Identify current member
const member = await members.getCurrentMember({ fieldsets: ['FULL'] });
const userId = member._id;
// 2) Fetch your secret
const apiKey = await wixSecretsBackend.getSecret('MINDSTUDIO_API_KEY');
// 3) Call MindStudio
const resp = await fetch(
'https://api.mindstudio.ai/developer/v2/generate-signed-access-url',
{
method: 'POST',
headers: {
Authorization: `Bearer ${apiKey}`,
'Content-Type': 'application/json'
},
body: JSON.stringify({
agentId: 'PASTE YOUR AGENT ID HERE',
userId
})
}
);
if (!resp.ok) {
const errText = await resp.text();
throw new Error(`Signing failed: ${errText}`);
}
const { url } = await resp.json();
return url;
}
);
You can find the Agent ID in the Signed URLs or in the Metadata section of your Agent settings
agentHtml
// Filename: Embedded AI Agent.js
import wixUsers from 'wix-users';
import { generateSignedAccessUrl } from 'backend/signedUrl';
$w.onReady(async () => {
console.log('🛠️ onReady fired');
// 1) Ensure user is logged in
const user = wixUsers.currentUser;
console.log('loggedIn?', user.loggedIn);
if (!user.loggedIn) {
await wixUsers.promptLogin();
return;
}
// 2) Fetch the signed URL
let signedUrl;
try {
signedUrl = await generateSignedAccessUrl();
console.log('✅ Got signed URL:', signedUrl);
} catch (err) {
console.error('❌ Couldn’t fetch signed URL:', err);
return;
}
// 3) Push it into the embed-as-site src
console.log('🔗 Setting #agentHtml.src to signed URL');
try {
$w('#agentHtml').src = signedUrl;
console.log('✅ .src assignment succeeded');
} catch (e) {
console.error('🔥 .src assignment failed:', e);
}
});
This is just a starter example, so feel free to tweak any of the steps
@Alex_MindStudio thank you so much this was a tough one and that so far looks like it works. I appreciate this detailed description!
@Alex_MindStudio Hi! My agent is on WIX. I was just checking the mobile version and it’s coming up strange. Can you help me show the agent in full instead of just a short piece? I attached an image so you can see what I am seeing on mobile.
@Alex_MindStudio -Checking in here, is there a way to see this in mobile version?
Hi @RacCaz,
Thanks for the follow-up!
I’m not a Wix expert, so it might be worth checking with others too, but here’s what I found:
Wix has a Mobile Editor you can open by clicking the button shown in your screenshot. From there, you can drag the embed window to a larger vertical size for a better display:
You can also adjust the HTML to make the iframe more responsive
Hope this helps!
@Alex_MindStudio Thank you I will try it!
@Alex_MindStudio has there been a change? I finished my WIX site and now adding my agent onto my new site and it does not work. It worked before and not it’s not working. I copied and pasted the same exact items on the one it worked on. I even went through the instructions you sent again and still nothing. Can you please help!
Hi @RacCaz,
Are you embedding a different agent or did you move workspaces? Please confirm your backend web module code.
Thanks,
I just moved my same agent to a new wix site. The first site I was just trying to see if I could get the embed to work (it did with Alex’s directions). Then I had someone design a WIX website for my business, they finished and gave it to me. When I went in to create a new page to embed the same agent I tested on the first site it did not work.
Alex, is this the approach you would use for a user to be able to not only uniquely log in but also recall previous runs or questions to come back to them later?
Hi @hrollo,
That’s right. There are two ways to embed your agents:
Just in case, here are a couple of useful resources on embedding:
Is there a way to set up the login with a signed URL so in MindStudio people can save their progress and return back later? Or would I need some kind of database layer to do that?
Can you point me to any resources?
The idea would be, they sign in or create an account on my website, they go through gates in the agent one by one but can save their replies and come back later to pick up where they left off or change responses.
Thank you
Holly Rollo
CEO & Principal, Surge Strategies
Find a time to schedule a call
Hi @hrollo,
You don’t need a database or any extra setup for this. Once you embed the agent using the Signed URL approach, the agent automatically tracks each user and keeps their runs separate.
Users can then come back, see their previous runs, and pick up from the latest step that was processed.
As for editing past replies, you can add a block to display their previous answers, but if you want them to actually change an answer, they’d need to restart the workflow.
Do you have a video or documentation to show me how to set this up?
Thank you
Holly Rollo
CEO & Principal, Surge Strategies
Find a time to schedule a call
Hi @hrollo,
There’s no extra setup for this behavior. Once you embed an agent, users can come back and pick up from their latest step after selecting the run in the History tab.
As for letting someone edit a specific earlier answer, there isn’t a standalone guide for that one, since it’s a custom setup rather than a built-in feature. I’ve shared more details on this workaround in Slack, but let me know if you’d like to clarify any part of it.
