Qué vas a lograr
Al completar esta guía, el widget de chat de tu asistente aparecerá en tu sitio WordPress para que tus visitantes puedan interactuar con él.
Antes de empezar
- Necesitas acceso de administrador a tu sitio WordPress.
- Tu asistente debe estar creado y configurado en Lectico.
- Necesitas una API key activa. Si no tienes una, ve a API Keys en el sidebar izquierdo y crea una nueva.
Cómo acceder al snippet
Desde el sidebar izquierdo, haz clic en Asistentes. Haz clic en la tarjeta de tu asistente. Selecciona la pestaña Instalación. En el grid de plataformas, selecciona WordPress.
Preparar tu WordPress
Para insertar el código del widget en WordPress necesitas un plugin de fragmentos de código. Si ya tienes uno instalado, puedes saltar este paso.
Opción A: Code Snippets (recomendado)
Instala el plugin
En tu panel de WordPress, ve a Plugins > Añadir nuevo. Busca Code Snippets. Haz clic en Instalar ahora y luego en Activar.
Crea un nuevo snippet
En el menú lateral de WordPress, haz clic en Snippets > Add New. Dale un nombre al snippet (por ejemplo, "Lectico Chat Widget").
Pega el código
Copia el snippet que aparece en la pestaña Instalación de Lectico y pégalo en el editor del snippet en WordPress.
Code Snippets incluye <?php automáticamente. No lo agregues al principio del código.
Activa el snippet
Haz clic en Save Changes and Activate.
Opción B: WPCode
Instala el plugin
En tu panel de WordPress, ve a Plugins > Añadir nuevo. Busca WPCode. Haz clic en Instalar ahora y luego en Activar.
Crea un nuevo snippet
En el menú lateral de WordPress, haz clic en Code Snippets > Add Snippet. Selecciona Add Your Custom Code (New Snippet).
Configura el snippet
Selecciona PHP Snippet como tipo de código. Pega el snippet de Lectico en el editor. Activa el toggle de estado y haz clic en Save Snippet.
Opción C: functions.php (para desarrolladores)
Esta opción requiere editar archivos de tu tema de WordPress. Si no estás seguro de cómo hacerlo, te recomendamos usar un plugin.
Pega el código en el archivo functions.php de tu child theme (tema hijo). No uses el tema principal, ya que las actualizaciones del tema sobreescribirían tus cambios.
Filtrar por páginas (opcional)
Lectico te permite elegir en qué páginas aparece el chat:
- Filtrar por ruta: El chat solo aparecerá en páginas cuya URL contenga una ruta específica (por ejemplo,
/ventas/). Déjalo vacío para que aparezca en todo el sitio. - Páginas específicas: Filtra por IDs de página de WordPress. Introduce los IDs separados por coma.
Verificar la instalación
- Abre tu sitio web en una ventana de incógnito (Ctrl+Shift+N en Windows o Cmd+Shift+N en Mac).
- Deberías ver el botón del chat en la esquina inferior derecha de la página.
- Haz clic en el botón para abrir el chat y envía un mensaje de prueba.
Solución de problemas
- Verifica que el snippet está activo en tu plugin de fragmentos de código.
- Abre la consola del navegador (F12) y busca errores en rojo.
- Verifica que el dominio de tu WordPress está en los dominios permitidos de tu API key. Para comprobarlo, ve a API Keys en el sidebar izquierdo de Lectico y revisa la configuración de orígenes.