Integrar askVela en WordPress
Así llevas el chat en vivo y el soporte con IA de askVela a tu tienda WordPress o WooCommerce – con nuestro plugin en menos de 2 minutos o mediante un snippet de código. Para Shopware encontrarás la integración manual más abajo.
La encuentras en el panel de askVela en Ajustes → Widget. Tiene este aspecto: wk_…. ¿Aún no tienes cuenta? Crear una gratis · Iniciar sesión
Método 1: con nuestro plugin
El plugin de askVela integra el widget automáticamente en todas las páginas de tu tienda – solo tienes que introducir tu clave de widget.
- 1Descargar el pluginDescarga el archivo ZIP: askvela-widget.zip (no lo descomprimas).
- 2Subir a WordPressEn el panel de administración de WordPress: Plugins → Añadir nuevo → Subir plugin, selecciona el ZIP y haz clic en Instalar ahora.
- 3Activar el pluginTras la instalación, haz clic en Activar plugin.
- 4Conectar con askVelaEn askVela (menú izquierdo), haz clic en «Conectar con askVela» y confirma en tu cuenta de askVela – la clave de widget y (en WooCommerce) la consulta de pedidos se configuran automáticamente. También puedes introducir la clave de widget manualmente.
- 5ListoEl widget de chat aparece al instante en tu tienda. Si usas un plugin de caché (WP Rocket, LiteSpeed, W3 Total Cache …), vacía la caché una vez.
Método 2: mediante snippet de código
Funciona con cualquier tema de WordPress. Sustituye wk_dein_widget_key por tu clave real y añade el snippet para que se cargue en todas las páginas:
<script>
(function (w, d) {
w.VelaConfig = {
appUrl: "https://askvela.pro",
widgetKey: "wk_dein_widget_key"
};
var s = d.createElement("script");
s.src = w.VelaConfig.appUrl + "/widget.js";
s.async = true;
d.head.appendChild(s);
})(window, document);
</script>Instala un plugin de snippets gratuito como WPCode o «Insert Headers and Footers» y añade el snippet en la sección Footer.
Apariencia → Editor de archivos del tema → footer.php, añade el snippet justo antes de </body>. Mejor en un tema hijo, para que las actualizaciones no lo sobrescriban.
WooCommerce
En cuanto el plugin o el snippet está activo, el widget funciona automáticamente en todas las páginas – incluidas las fichas de producto, el carrito y la caja. Con nuestro plugin se añaden dos cosas automáticamente:
- Productos – integrados: La conexión en un clic también configura la sincronización de productos – askVela importa tu catálogo (nombre, descripción, atributos, precio, stock) directamente desde WooCommerce. La importación se inicia en el panel en Productos. (Como alternativa, Productos → Escanear lee la URL pública de la tienda.)
- Pedidos y datos de clientes – integrados: Desde la versión 1.1 del plugin, este ofrece una consulta de pedidos segura y firmada con HMAC. Así el soporte con IA encuentra el estado de los pedidos y los datos de los clientes – sin ningún código propio.
Activar la consulta de pedidos
Lo más fácil es mediante «Conectar con askVela» (ver Método 1) – la consulta se configura entonces automáticamente. Manualmente se hace así:
- 1Obtener los valores en el pluginEn WordPress, en askVela (menú izquierdo), encuentras la URL de consulta y el secreto (ambos se generan automáticamente).
- 2Introducirlos en askVelaEn el panel de askVela, en Ajustes, pégalos en «URL de consulta de tu tienda» y «Secreto de firma» y guarda.
- 3ListoCuando un cliente pregunta por su pedido, askVela recupera los datos firmados desde tu tienda. Para acciones como cancelaciones (p. ej. «cancela mi pedido») está además la documentación para desarrolladores.
Shopware (y otros sistemas)
Para Shopware (todavía) no tenemos un plugin de 1 clic – pero la integración funciona igual de bien con el snippet de arriba. Dos vías fiables:
En GTM, crea una etiqueta de tipo HTML personalizado con el snippet y actívala en todas las páginas. Funciona para Shopware, TYPO3, Webflow y muchos más.
En el tema de la tienda, añade el snippet en Resources/views/storefront/base.html.twig antes de la etiqueta de cierre </body> (bloque base_body_inner).
¿El widget no aparece?
- ¿Comprobaste la clave de widget? Debe copiarse exactamente desde el panel (sin espacios).
- Vacía la caché. Los plugins de caché/optimización (WP Rocket, LiteSpeed, Cloudflare) a menudo siguen mostrando la página antigua – vacía la caché una vez.
- Intégralo solo una vez. El plugin y el snippet a la vez provocan un widget duplicado – usa solo una vía.
- Tema y bloqueador de anuncios. Algunos temas muy raros no llaman a
wp_footer; un bloqueador de anuncios en el navegador también puede ocultar el widget.
El aspecto, el color y el saludo del widget los ajustas en cualquier momento en el panel en Ajustes → Widget.
¿Aún no tienes un espacio de askVela?
Listo en pocos minutos – con clave de widget, soporte con IA y chat en vivo incluidos.
Empezar gratis