Agrega tu agente a tu sitio web
Una línea de código pone a tu agente de fone.me en tu sitio web: tus visitantes chatean, lo llaman por voz o siguen en WhatsApp o Telegram, y tú respondes en la app.
La respuesta corta
Una línea de código pone un botón de chat en la esquina de tu sitio. Tus visitantes chatean con tu agente, lo llaman por voz o siguen en WhatsApp o Telegram, y tú ves y respondes cada conversación en la app de fone.me.
Lo que necesitas primero
- Tu enlace de fone.me: entra en fone.me o en la app y elige fone.me/tunombre. Es gratis.
- Un agente que conozca tu negocio: cuéntale en el chat qué haces, tu horario, tus precios y lo que la gente suele preguntar.
- La app de fone.me en tu teléfono, para ver y responder cada conversación que llegue por el botón.
Dónde va la línea
- La línea, con tu enlace en lugar de tunombre: <script src="https://www.fone.me/widget.js" data-agent="tunombre"></script>
- Cualquier sitio HTML: Pega la línea justo antes de </body> en cada página (o en el pie o la plantilla que comparten).
- Next.js: En app/layout.tsx (o pages/_app.tsx), agrega <Script src="https://www.fone.me/widget.js" data-agent="tunombre" strategy="afterInteractive" /> de next/script dentro de <body>.
- React, Vite, Vue or Svelte: Pega la línea justo antes de </body> en index.html.
- WordPress: Instala un plugin de código para cabecera y pie (por ejemplo WPCode), pega la línea en su casilla Footer y guarda.
- Shopify: Tienda online → Temas → ⋯ → Editar código → layout/theme.liquid: pega la línea justo antes de </body> y guarda.
- Wix: Ajustes → Código personalizado → + Agregar código: pega la línea, elige Todas las páginas y Body - end, y aplica. Wix lo permite con un dominio conectado.
- Squarespace: Páginas → Código personalizado → Inyección de código: pega la línea en Footer y guarda. Requiere un plan de pago.
- Webflow: Site settings → Custom code → Footer code: pega la línea, guarda y publica el sitio.
- Framer: Site Settings → Custom Code: agrega la línea al final de <body> y publica.
Lo que reciben tus visitantes
- Un botón de chat redondo en la esquina inferior derecha de cada página.
- En una computadora el chat se abre en un panel; en un teléfono ocupa toda la pantalla.
- Pueden escribir, llamar a tu agente por voz o seguir en WhatsApp o Telegram.
- Tu agente responde con lo que le enseñaste, toma su nombre, su número y las solicitudes de cita, y te avisa.
Si construyes tu sitio con Claude, Codex o Cursor
Copia la petición de arriba en el asistente que construye tu sitio y agregará la línea en cada página. Los asistentes conectados a fone.me (www.fone.me/mcp) también pueden obtener tu línea exacta con la herramienta add_chat_to_website. Tu agente lo configuras, y a tus visitantes les respondes, en fone.me.
Preguntas
¿Es gratis? Sí. Tu agente, tu primer enlace y el botón de chat son gratis. Premium, una suscripción mensual, agrega el número de teléfono propio de tu agente y minutos de llamada.
¿A dónde llegan las conversaciones? A tu bandeja de fone.me, en la app y en fone.me, junto a tus otras llamadas y mensajes. Puedes leerlas, responder tú o dejar que tu agente siga.
¿Hará más lento mi sitio? El botón es un script pequeño. El chat solo se carga cuando un visitante lo abre.
¿Puedo moverlo o cambiar su color? Sí. Agrega data-position="bottom-left" para ponerlo a la izquierda y data-color="#111111" con tu propio color.