Lewati ke konten utama

Integrating Web Widget in Perfect10 Pro

This guide explains how to connect your AI Agent to your website using the Web Chat Widget.

Prerequisites​

  • Logged in to your Perfect10 Pro account.
  • Have an active AI Agent.

    If not, follow the Creating an AI Agent guide.

  • Have HTML edit access to your website.

Access the Integration page here:
https://perfect10.id/integration

Steps to Integrate the Web Widget​

1. Open the Integration Page​

  • Use your browser to visit the link above.
  • You will see two options: API Key and Web Widget.

2. Configure the Widget​

  • Select the Agent you want to integrate.
    Example: VeggieShop Assistant
  • Enter the API Key linked to the selected agent.
    • Ensure the API Key allows your website domain.
  • Use the Preview Widget button to test before embedding.

3. Copy the Snippet​

  • The system will generate a script similar to:
<script
  src="https://demo.perfect10.id/widget.js"
  data-agent-id="88"
  data-api-key="as"
  defer>
</script>