Magdagdag ng ElevenLabs voice FAQ widget sa isang pahina ng website

Maaaring magtanong nang pasalita ang mga bisita gamit ang ElevenLabs widget. Para ito sa namamahala sa pahina at agent. Sinusundan nito ang limitadong pampublikong FAQ mula setup hanggang live na pagsusuri, saka access, conversation records at paggamit. Batay ito sa dokumentasyong sinuri noong Oktubre 20, 2026. Hindi gumawa ng agent, nag-embed ng widget o tumawag para sa test ang BIG CHANGE.

Ang malaking pagbabago

• Ano: May dokumentadong website widget ang ElevenLabs para sa pampublikong ElevenAgents agent; voice ang default na mode.
• Paano: Naglo-load ang pahina ng custom element gamit ang nakikitang agent ID. Kinokontrol ng hostname allowlist kung aling pinagmumulang site ang makakakonekta.
• Bakit mahalaga: Masusuri ng may-ari ang pasalitang tulong sa isang pahina, ngunit dapat munang aprubahan ang impormasyon, abiso at posibleng bayarin. Hindi kinikilala ng hostname allowlist ang indibidwal na bisita.

Maghanda ng pampublikong FAQ at maliit na test

Kailangan ang pahintulot sa pamamahala ng isang agent at pag-edit at paglalathala ng isang pahina. Maghanda ng HTTPS page, browser na may gumaganang mikropono at taong aapruba ng FAQ at makikinig. Dapat suportahan ng publishing tool ang custom element at script; gamitin ang kasalukuyang paraan nito para sa custom HTML. Karaniwang HTML embed ng provider ang halimbawa, hindi gabay para sa bawat platform.

Isulat ang ilang aprubadong pampublikong katotohanan at contact ng tao para sa labas ng saklaw. Pumili ng isang nasasagot na tanong at isang dapat tanggihan o idulog sa tao. Huwag isama ang customer records, pribadong patakaran, account details at API secrets. Italaga ang mag-aapruba ng boses at abiso. Tiyaking pinapayagan ng voice at account terms ang gamit; walang pangkalahatang komersiyal na karapatan sa lahat ng boses na itinatakda rito.

Bago mag-voice test, suriin ang aktuwal na plan, natitirang credits, pay-as-you-go setting at model costs. Ayon sa ElevenLabs, libre ang paggawa ng agent ngunit gumagamit ng allowance ang connected voice calls at maaaring hiwalay ang LLM charges. Maaaring mas mahaba ang koneksiyon kaysa pagsasalita. Kumuha muna ng spending approval para sa dashboard at live calls. Ang limitasyon sa bawat tawag ay hindi buwanang spending cap.

I-configure ang hiwalay na agent

1. Gumawa ng hiwalay na pampublikong FAQ agent sa ElevenLabs dashboard. Gumamit ng aprubadong blank o template at suriin ang namana nitong knowledge at tools. Alisin ang pribadong kaalaman, booking, CRM, webhook at ibang hindi kailangan. Itakda ang layunin at hangganan mula sa aprubadong facts, idagdag ang human contact at awtorisadong voice at language. Huwag gawing public ang dating private agent sa pag-off ng authentication.
2. Sa Channels → Widget → Interface, piliin ang voice interface at suriin ang teksto at terms para sa bisita. Tinatawag din ng manual na tab na Widget ang bahagi nito; tingnan ang saved controls. Kailangan ng embed ang pampublikong agent na naka-off ang authentication, na inilalagay ng manual sa Advanced. Nakikita ang agent ID sa page source; hindi ito secret. Huwag ilagay ang API keys at personal o visitor-specific data sa markup at widget overrides.
3. Sa tab na Security ng agent, idagdag ang eksaktong site hostname sa Allowlist, i-save at basahing muli. Ayon sa ElevenLabs, eksakto ang pagtugma, hanggang sampu, at hiwalay ang bawat subdomain. Magdagdag lamang ng local test hostname kung kailangan. Nililimitahan nito ang pinagmumulan ng koneksiyon, hindi ina-authenticate ang nagsasalita.
4. Suriin ang transcript retention at audio saving, at aprubahan ang angkop na abiso at consent. Maaaring magpakita ng terms bago tumawag, ngunit hindi nilulutas ng screen at browser microphone permission ang legal na obligasyon ng site. Sa Advanced → Call limits, itakda at i-save ang angkop na Max conversation duration. Nakadokumento ang default na 600 segundo at saklaw na 60–7,200 segundo. Basahing muli ang saved privacy, duration at access bago ang bayad na test.

Ilagay ang embed sa isang draft page

Ilagay ang code sa page body sa suportadong custom HTML o script function. Palitan ang YOUR_PUBLIC_AGENT_ID ng ID ng hiwalay na agent. Limitahan muna sa isang aprubadong pahina.

<elevenlabs-convai agent-id="YOUR_PUBLIC_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>

Ito ang kasalukuyang opisyal na widget embed. Ang script URL ay walang nakapirming version; itala ang inilagay at tingnan muli ang manual sa maintenance. Sa draft preview, tiyaking iisa lang at hindi nakatakip sa mahalagang controls. Kung may Content Security Policy, ipasuri ang eksaktong blocked requests at gumawa ng makitid at aprubadong pagbabago. Hindi setup step ang pag-off ng policy o malawak na wildcard.

Suriin muna ang agent, saka ang live na daloy

Pagkatapos ng cost at privacy review, itanong ang nasasagot at labas-sa-saklaw na tanong sa dashboard voice test. Ihambing sa facts at human referral. Ayusin at ulitin kung hindi ligtas o walang batayan ang sagot. Dashboard path lang ang napatutunayan nito, hindi website embed.

Ipasuri sa may-ari ang content, notice, placement at test bago ilathala. Sa live page sa allowlisted hostname, buksan ang widget, sadyang payagan ang mikropono, itanong ang parehong dalawa, makinig at tapusin ang tawag. Tiyaking patay ang mic indicator at gumagana sa phone-sized view. Ihambing ang sinabi sa aprubadong sagot; hindi patunay ng katotohanan ang matatas na pagsasalita. Itala ang oras at agent para sa usage investigation. Test ito ng mambabasa, hindi obserbasyon ng BIG CHANGE.

Buksan ang Call history kung nag-iwan ng record ang retention setting, at ihambing ang usapan sa dalawang tanong. Sa Analytics, i-filter ang agent at maikling panahon para sa dami, tagal at gastos. Hindi nito matutukoy nang mag-isa kung aling tawag ang may singil. Kung binubura ng aprubadong policy ang records, panatilihin lang ang minimum na awtorisadong obserbasyon at tingnan ang aggregate usage. Huwag habaan ang retention para rito. Hindi patunay ng libreng tawag ang kawalan ng record.

Kung pumalya ang test

Kung walang widget, ihambing ang talagang published markup sa dokumentadong embed, hanapin ang dobleng element o script at tiyak na browser o CSP error. Kung hindi makakonekta, basahin ang public authentication, eksaktong hostname, mic permission, credits at dashboard error. Kung voice ang problema, tingnan ang mikropono, browser permission, secure context at available call record. Tapusin ang hindi tiyak na session at suriin ang usage bago magbayad para sa panibagong subok.

Kung nag-iimbento o lumalabas sa FAQ, alisin ang embed habang inaayos ang facts at instructions. Ulitin ang parehong dashboard at live questions bago ibalik. Kung lampas sa apruba ang usage, alisin at suriin ang filtered analytics at billing, saka duration at rollout. Inaalis nito ang bagong tawag sa pahinang ito lamang; hindi patunay na natapos ang aktibong tawag o wala nang access mula sa ibang pinayagang host.

Para sa lokal na gawang browser voice app, ang aming OpenAI Realtime guide ay ibang gawain. Hosted public ElevenLabs widget ang gamit dito. May nakalistang attribute na signed-url sa ibang bahagi ng manual, ngunit public agent ang tahasang kailangan sa basic embed. Hindi sapat ang attribute para sa isang nasubok na private-widget recipe.

Mga sanggunian at karagdagang babasahin

• Pag-customize ng ElevenLabs widget: public agent requirement, interface controls at kasalukuyang embed. Walang fixed version ang script URL.
• Pagpapatunay ng agent: eksaktong hostname, hanggang sampu at kaibahan sa pagkilala sa bawat user.
• Daloy ng usapan at mga kontrol sa pagkapribado: duration, retention at audio saving.
• ElevenAgents panimulang gabay, Analytics at gabay sa gastos: dashboard tests, history, aggregate usage at batayan ng singil. Account terms ang batayan ng tunay na allowance at bill.