Tutorial paso a paso

En PrestaShop es importante guardar cambios y limpiar caché para que el widget aparezca de inmediato en el front office.

Abre el back office

Entra en el panel de administración de PrestaShop y localiza la configuración del tema o de módulos.

Elige el punto de inserción

Usa un módulo de HTML personalizado, el footer del tema o la zona de hooks disponible.

Pega el snippet de Clara

Inserta el fragmento de código en la sección global para que cargue en toda la tienda.

Guarda la configuración

Publica los cambios para dejar activo el chat en la tienda.

Borra la caché

Vacía caché de PrestaShop y cualquier caché externa que use tu tienda.

Comprueba el front office

Abre la web pública y valida que el widget se ve correctamente.

Haz una prueba real

Escribe una pregunta frecuente para confirmar que Clara responde en tu tienda.

Snippet de instalación:

<script>
  (function(w,d,s,o,f,js,fjs){
    w['ClaraWidget']=o;w[o]=w[o]||function(){
    (w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;
    fjs.parentNode.insertBefore(js,fjs);
  }(window,document,'script','clara','https://claraassistant.com/clara/widget.js'));

  clara('init', {
    tenantId: 'TU_TENANT_SLUG'
  });
</script>

Integra Clara en PrestaShop en menos de 5 minutos