Inicio Rápido
Haz que AI Anywhere funcione en tu sitio en solo 2 pasos.
¿Listo para agregar asistencia de texto inteligente a su sitio web? Puede usar su Asistente de dos maneras. Esta guía se centra en incrustar el Asistente en su sitio; la opción de la Página del Asistente se resume a continuación.
Dos opciones
- Página de Ayuda (sin código): Cada asistente obtiene un enlace compartible de la Página del Asistente al instante. En el panel de control, abre tu Asistente (haz clic en el nombre del asistente o en Editar). En la página de edición o detalle del asistente, haz clic en el botón "Página del Asistente" para abrir la página en una nueva pestaña o copiar el enlace para compartir. No se requiere fragmento ni integración.
- Incrustar en tu sitio: Agrega el fragmento de integración a tu sitio web para que el botón del Asistente aparezca junto a tus áreas de texto. Sigue los pasos a continuación.
Obtén tu código de integración
Después de crear tu Ayuda en el panel de AI Anywhere, puedes generar un fragmento listo para usar. Este fragmento contiene todo lo necesario para conectar tu sitio a AI Anywhere.
Tu fragmento consta de dos partes:
<!-- 1. Cargar el script del Asistente en tu -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 2. Cómo funciona el Asistente -->
<span data-helper-anchor data-helper-token="your-helper-token"></span>Añadir a tu Sitio Web
Abre el archivo HTML de tu sitio web (o plantilla) y localiza el <head> sección. Pega tu fragmento justo antes del cierre </head> etiqueta.
Aquí tienes un ejemplo de configuración completa de una página:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Sitio Web</title>
<!-- Incrustar el Script del Asistente -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
</head>
<body>
<form>
<textarea id="notes" placeholder="Tu Mensaje:"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
</form>
</body>
</html>Resumen
You've successfully integrated AI Anywhere into your website! Here's what you've accomplished:
- Paso 1: Copiaste tu fragmento de Helper desde el panel de AI Anywhere
- Paso 2: Pasted the snippet into your site's
<head>sección y se añadió el ancla del Asistente a tus campos de formulario
Después de guardar y actualizar tu página, deberías ver el botón de Helper aparecer junto a tus áreas de texto y campos de entrada. El Helper proporcionará asistencia inteligente basada en tus ejemplos ideales y palabras clave configuradas.
Próximos pasos
- Personaliza la apariencia y el comportamiento del Asistente en el Configuración sección
- Dirigir a campos de formulario específicos usando Selectores
- Aprenda sobre opciones avanzadas en nuestra Parámetros de incrustación y fragmentos guía
