WAButton

Módulo HTML Content

Botón de WhatsApp para OpenCart

Añade un widget de chat de WhatsApp a OpenCart en minutos. Cualifica visitantes, enruta conversaciones y mantén tu tema rápido.

Crea mi botón gratis

Configuración en 4 min Destino: HTML Content module → Content Bottom on every layout

Instalación paso a paso para OpenCart

Sigue estos pasos para incrustar WAButton en tu sitio OpenCart. Sin desarrollo complejo ni cuotas de app.

  1. 1

    Instala un módulo HTML Content

    En el panel de administración de OpenCart ve a Extensions → Extensions, elige el tipo Modules, busca HTML Content, haz clic en Install y después en el icono de más (+) para añadir una nueva instancia.

    Consejo: HTML Content es un módulo multiinstancia. Ponle a esta instancia el nombre WAButton para encontrarla después en los layouts.

  2. 2

    Pega en la vista de código fuente y guarda

    Abre el módulo. Deja el encabezado vacío. Haz clic en el botón source / HTML (</>) de Description, pega el snippet, haz clic de nuevo en </> para que el editor conserve las etiquetas script, cambia Status a Enabled y haz clic en Save.

    Consejo: Si pegas en el editor visual, el CKEditor de OpenCart elimina <script>. Alterna siempre la vista de código fuente antes y después de pegar. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Asígnalo a todos los layouts que uses

    Ve a Design → Layouts. Edita Home, Default, Product, Category y cualquier otro layout que use tu tienda. Añade el módulo HTML Content de WAButton a Content Bottom en cada uno y haz clic en Save.

    Consejo: Si lo asignas solo a Home, el botón no aparece en las páginas de producto ni de categoría. Content Bottom es la posición base que muestran todos los layouts por defecto.

Por qué dueños de tiendas y agencias eligen WAButton para OpenCart

Sin extensión de marketplace

El módulo HTML Content de OpenCart viene integrado. No necesitas una extensión de pago para 'añadir JS a las páginas'.

Las actualizaciones del tema no lo borran

Un módulo asignado en Design → Layouts sobrevive a los cambios de tema. Editar footer.twig, en cambio, no sobrevive.

Todas las rutas de la tienda

Asigna el mismo módulo a Home, Default, Product y Category para que el botón no aparezca solo en Home.

Preguntas frecuentes

El script desapareció después de guardar el módulo. ¿Por qué?

El editor visual elimina <script>. Edita el módulo de nuevo, haz clic en el botón source / HTML (</>), pega, haz clic en </> por segunda vez y luego en Save.

¿Puedo pegarlo en footer.twig en su lugar?

Sí, desde Design → Theme Editor → tu tema → common → footer.twig, justo antes de las etiquetas de cierre. Las actualizaciones y los cambios de tema borrarán esa edición. El módulo HTML Content es la opción más segura.

Herramientas gratuitas relacionadas

Utilidades gratuitas de WhatsApp para impulsar la conversión de tu tienda.

Más guías de instalación

Ya tienes los visitantes. Dales .

Conseguir más tráfico cuesta tiempo y dinero. Un botón de WhatsApp te ayuda a ganarte a más de las personas que ya te visitan, mientras siguen interesadas.

Crea mi botón gratis Prueba el creador en directo

Una línea de código. Sin tarjeta de crédito. Sin esperas.