Volver a integraciones
WordPress / WooCommerce · 5 pasos

Integra Clara en WordPress en menos de 5 minutos

Clara es compatible con WordPress y WooCommerce mediante un fragmento de código que puedes insertar en el tema o en un bloque HTML personalizado.

Tutorial paso a paso

La forma más simple es pegar el snippet en el pie del tema o en un bloque HTML que cargue en todas las páginas.

1

Abre el editor de WordPress

Entra en Apariencia y localiza el editor del tema o el bloque HTML donde cargas scripts globales.

2

Elige la ubicación correcta

Usa el footer, el encabezado o un bloque personalizado que se cargue en todo el sitio.

3

Pega el snippet de Clara

Inserta el fragmento de código antes de cerrar el body o en la zona de scripts del tema.

4

Guarda y vacía la caché

Si usas plugin de caché, limpia la caché para que el widget se vea de inmediato.

5

Comprueba la web pública

Abre tu home y verifica que el chat aparece y se abre correctamente.

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>