WordPress · WooCommerce · Shopware

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.

Lo que necesitas: tu clave de widget

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

Recomendado

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.

  1. 1
    Descargar el plugin
    Descarga el archivo ZIP: askvela-widget.zip (no lo descomprimas).
  2. 2
    Subir a WordPress
    En el panel de administración de WordPress: Plugins → Añadir nuevo → Subir plugin, selecciona el ZIP y haz clic en Instalar ahora.
  3. 3
    Activar el plugin
    Tras la instalación, haz clic en Activar plugin.
  4. 4
    Conectar con askVela
    En 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.
  5. 5
    Listo
    El 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.
Sin plugin

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>
Opción A · mediante plugin (lo más fácil)

Instala un plugin de snippets gratuito como WPCode o «Insert Headers and Footers» y añade el snippet en la sección Footer.

Opción B · en el tema

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.

Tienda

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í:

  1. 1
    Obtener los valores en el plugin
    En WordPress, en askVela (menú izquierdo), encuentras la URL de consulta y el secreto (ambos se generan automáticamente).
  2. 2
    Introducirlos en askVela
    En el panel de askVela, en Ajustes, pégalos en «URL de consulta de tu tienda» y «Secreto de firma» y guarda.
  3. 3
    Listo
    Cuando 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.
Otra plataforma

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:

Google Tag Manager (cualquier plataforma)

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.

Shopware 6 · Tema

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).

Solución de problemas

¿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