El problema de los eventos que se esconde en tus proyectos anteriores de Squarespace

Seguramente, entre tu lista de clientes hay alguna empresa que tenga un problema relacionado con los eventos.

Es posible que el cliente no lo denomine así. Puede que organice talleres, clases, retiros, cursos de formación, paseos fotográficos, catas, eventos para socios, reuniones de temporada o sesiones en directo. Es posible que ya disponga de una solución alternativa: Acuity, Eventbrite, Luma, una página de productos en Squarespace, un formulario o un proceso manual.

Puede que la configuración incluso esté funcionando.

Pero si el negocio depende de reunir a gente en una fecha y una hora concretas, es muy probable que la página web esté soportando una carga mayor de la que se había previsto inicialmente.

Eso es lo que más me llamó la atención tras una conversación reciente con Kelsey, de Week of the Website, sobre «Eventually», su nueva herramienta de venta de entradas para eventos destinada a Squarespace.

Durante años, los proyectos de Squarespace relacionados con eventos se han encontrado en una situación intermedia bastante confusa.

Acuity funciona cuando se trata, básicamente, de una cita. Una persona reserva una hora. Quizá un grupo pequeño reserve una clase. El proceso es bastante sencillo.

Eventbrite y Luma resultan útiles cuando se quiere dar a conocer un evento al público. Son útiles cuando parte del trabajo consiste, ante todo, en ayudar a personas desconocidas a encontrar el evento.

Sin embargo, muchos clientes de Squarespace se encuentran a medio camino entre esos dos mundos.

Ya tienen una página web. Ya tienen una marca. Ya tienen un público. No pretenden que Eventbrite sea el eje central de la experiencia de sus clientes. Necesitan su propia página web para respaldar la forma en que su negocio reúne a la gente.

Eso es el «eslabón perdido».

Acuity es para concertar citas.

Eventbrite sirve para descubrir cosas.

«Eventually» está pensado para aquellos clientes que quieran organizar eventos a través de su propia página web de Squarespace.

Normalmente, un cliente no viene y dice: «Necesito infraestructura para un evento de marca».

Un cliente dice:

«El mes que viene vamos a organizar un taller».

O bien: «Queremos impartir esta clase todos los viernes».

O bien: «Tenemos que saber quién va a venir».

O bien: «Estamos usando Acuity, pero nos resulta un poco raro».

O bien: «Estamos utilizando Eventbrite, pero no encaja con nuestro estilo».

Ese es el momento de prestar atención.

La cuestión no se limita a la venta de entradas. Se trata de la relación entre el evento y el resto del negocio.

Si el evento es secundario, casi cualquier cosa puede servir. Pero cuando los eventos pasan a formar parte de la forma en que la empresa genera ingresos, imparte formación, reúne a gente, lanza productos o crea comunidad, la página web tiene que hacer algo más que remitir a la gente a otro sitio.

Tiene que reflejar la experiencia.

El evento debe dar la sensación de formar parte de la marca, no de ser un desvío. Debe recopilar la información adecuada. Debe respetar la capacidad. Debe ayudar al cliente a organizar el evento sin tener que recurrir a otra solución improvisada que suponga una carga adicional para el negocio.

Ese es el patrón de cliente que, en última instancia, facilita la comprensión.

No todos los clientes de Squarespace lo necesitan. Es muy probable que la mayoría no lo necesite.

Pero los clientes que sí lo necesitan no son difíciles de identificar una vez que sabes en qué fijarte.

Su oferta tiene lugar en una fecha y una hora concretas. Sus ingresos dependen de que la gente acuda. Su comunidad se forma en torno a experiencias compartidas. Su página web no se limita a presentar información, sino que ayuda a coordinar la participación.

Kelsey utilizó la expresión «vendedores centrados en el calendario».

Se trata de empresas en las que el calendario no es solo una herramienta administrativa. El calendario forma parte del modelo de negocio.

En cuanto detectas ese patrón, los proyectos anteriores empiezan a verse de otra manera.

Es posible que la fotógrafa que ahora organiza paseos fotográficos no necesite una nueva página web, pero quizá sí necesite un proceso de inscripción más fluido.

Puede que la panadería que imparte clases de decoración no necesite un rediseño, pero quizá sí necesite distintos tipos de entradas, datos de los asistentes y control del aforo.

Es posible que el espacio de coworking con una programación habitual no necesite otra página de inicio, pero quizá sí requiera un calendario de eventos más claro y una experiencia de pago más sencilla.

Es posible que el consultor que imparte cursos presenciales de pago no necesite una nueva marca, pero quizá sí necesite una forma más eficaz de gestionar la asistencia híbrida.

Esa es una razón mucho más natural para volver a ponerse en contacto que «solo para saber cómo estás».

No le estás recordando al cliente que existes. Le estás recordando algo relacionado con el negocio y aportas una posibilidad útil a la relación.

«He descubierto una nueva forma de gestionar la venta de entradas para eventos directamente a través de Squarespace, y eso me ha hecho pensar en tus talleres».

Es un buen correo electrónico.

Es específico. Es relacional. Está vinculado a algo que el cliente ya está haciendo. Y da pie a una conversación centrada en el servicio, no en la presión.

Muchos diseñadores piensan que el crecimiento consiste en encontrar una nueva fuente de clientes potenciales. A veces es así. Pero gran parte del crecimiento también proviene de descubrir una nueva dimensión de servicio dentro de las relaciones que ya existen.

Es posible que un cliente para el que creaste una página web hace dos años haya cambiado. Puede que el público sea más amplio. Puede que las ofertas sean más centradas en la experiencia. Puede que las operaciones sean más complicadas. Puede que la página web original siga teniendo buen aspecto, pero es posible que ahora la empresa necesite que la página haga algo que nunca antes se le había pedido.

Ahí es donde un diseñador puede volver a ser útil.

Al fin y al cabo, ofrece a los diseñadores de Squarespace una nueva solución a un problema ya conocido.

No es el problema de la cita.

No se trata del problema de la detección de eventos públicos.

El problema de las reuniones de marca.

El cliente ya cuenta con personal. El cliente ya tiene presencia en Internet. El cliente ya tiene actividades programadas en su calendario.

Ahora la cuestión es si la página web puede dar respuesta adecuadamente a esa parte del negocio.

Esa es la pregunta que plantearía a mis propios clientes.

• ¿Quién está reuniendo a la gente?

• ¿Quién organiza los eventos periódicos?

• ¿Quién utiliza Acuity para algo que en realidad no es una cita?

• ¿Quién envía a la gente a Eventbrite cuando el evento debería parecer parte de su propia página web?

• ¿Quién tiene un negocio que ahora gira más en torno a clases, talleres o experiencias comunitarias que cuando se creó la página web?

No todas las personas de esa lista lo necesitarán con el tiempo.

Pero este ejercicio te ayudará a ver tu trabajo anterior desde otra perspectiva.

Una página web no está terminada solo porque el proyecto haya concluido. Forma parte de un negocio en constante evolución. El negocio no deja de cambiar. El cliente sigue aprendiendo. La oferta sigue evolucionando. La audiencia sigue creciendo.

De vez en cuando, una nueva herramienta permite llevar esa misma relación a un nuevo nivel.

Eso es lo que veo aquí.

«Eventually» no es simplemente otra herramienta de venta de entradas para eventos de Squarespace.

Es un motivo para volver a fijarnos en aquellos clientes cuyos negocios se basan en la organización de eventos.

Y para los diseñadores que estén prestando atención, esa puede ser la mayor oportunidad.

Relacionado

Para ver la comparación táctica, lee: «Acuity vs. Eventually: cuando la programación de clases no es suficiente».

También puedes explorar más complementos y herramientas de Squarespace para ampliar las posibilidades de la plataforma.

Reseña de Kleemt: secciones y bloques de Squpace ya preparados sin necesidad de programar

El problema suele aparecer cuando la página está a punto de cargarse.

El texto funciona. La línea de la marca está clara. La estructura de la web tiene sentido. La página no necesita un rediseño completo.

Pero hay una sección que todavía me parece demasiado sencilla.

La sección de testimonios necesita más peso. Los testimonios deben tener una mejor maquetación. El mapa parece genérico. Las imágenes de «antes y después» necesitan una interacción más fluida. Algún elemento de la página debe dar la sensación de estar más cuidado que la versión predeterminada de Squarespace.

Ahí es donde Kleemt se vuelve interesante.

Kleemt es una herramienta de Squarespace que te permite añadir secciones y bloques ya preparados directamente en el editor de Squarespace. No lo consideraría un sustituto de Squarespace ni un sustituto de un buen criterio de diseño. Es más útil que eso: una forma de seguir avanzando en la creación de la página cuando esta ya funciona, pero aún hay una sección que necesita un toque de diseño.

Squarespace te proporciona la página.

Kleemt te ofrece más secciones acabadas con las que trabajar.

¿Qué es Kleemt?

Kleemt es una biblioteca de secciones y bloques sin código para Squarespace.

En lugar de partir de una sección nativa de Squarespace, buscar un fragmento de código o pedirle a un desarrollador que cree algo sencillo, puedes añadir una sección prediseñada de Kleemt y personalizarla desde el editor.

Esto es importante porque muchos proyectos de Squarespace no se atascan en el gran nivel estratégico. La propuesta es clara. El orden de las páginas tiene sentido. El contenido ya está, en su mayor parte. Lo que ralentiza el proyecto suele ser algo más pequeño y molesto.

Es necesario que la fila de logotipos se pueda desplazar.

La sección de comparativas debería tener un aspecto más limpio.

La sección de pruebas necesita más protagonismo.

Un descanso visual debe parecer más personalizado.

Un cliente quiere «solo un poco más» de una sección que Squarespace puede crear técnicamente, pero no exactamente de la forma que requiere la página.

Ese es precisamente el vacío que Kleemt está tratando de cubrir.

La versión nativa de Squarespace suele ser suficiente

Yo no añadiría Kleemt a todas las páginas web de Squarespace.

Squarespace ya te ofrece una base sólida. Puedes crear páginas con texto, imágenes, botones, galerías, formularios, productos, listas, vídeos y diseños sin tener que tocar el código. Para muchas páginas web, la versión nativa de Squarespace es suficiente.

Y cuando ya sea suficiente, lo dejaría estar.

No es necesario añadir una herramienta solo porque ya exista otra. Si la sección nativa tiene buen aspecto, funciona en dispositivos móviles y ofrece al cliente lo que necesita, no hay ningún problema que resolver.

La pregunta más acertada es: ¿qué ocurre cuando la sección nativa está cerca, pero no lo suficiente?

Ahí es donde el proyecto puede empezar a resultar más pesado de lo que debería.

Dónde Squarespace empieza a parecer limitado

La frase que esperaría oír es:

«Solo quiero que esta sección se vea mejor».

Parece sencillo. Normalmente lo es, al menos en la mente del cliente.

Pero dentro de un proyecto de Squarespace, esa solicitud puede llevarte por cinco caminos diferentes. Puedes conformarte con la versión nativa. Puedes empezar a escribir CSS. Puedes buscar un complemento. Puedes pedirle a la IA un fragmento de código. Puedes recurrir a un desarrollador. Puedes perder demasiado tiempo intentando adaptar una sección predeterminada a un diseño para el que en realidad no fue concebida.

Nada de eso es dramático, pero supone un lastre.

La página no requería un diseño totalmente personalizado. El cliente no solicitó ninguna interacción excesivamente específica. La sección solo tenía que presentar mejor el contenido.

Esa es la pared original.

No es que Squarespace sea malo.

Porque todos los creadores de páginas web tienen sus ventajas.

Un pequeño cambio en el diseño se convierte en una tarea de programación

Esta es la parte a la que Kleemt realmente está respondiendo.

Una pequeña solicitud visual puede convertirse en una tarea de programación en un abrir y cerrar de ojos. La versión de escritorio se ve bien, pero la de móvil falla. El espaciado cambia en la tableta. El botón se ajusta de forma extraña. El recorte de la imagen parece incorrecto. La sección funciona en una plantilla, pero no en otra. Arreglas una cosa y, sin querer, cambias otra.

Eso está bien cuando el requisito justifica la creación de código.

Pero no todas las mejoras de diseño merecen un ciclo de desarrollo reducido.

A veces, el proyecto solo necesita un punto de partida mejor. Una sección que ya cuente con la estructura básica de lo que estás intentando crear. Un diseño que ya refleje el patrón. Un bloque que te permita volver a la página en lugar de abrirte un nuevo callejón sin salida.

Por eso es importante aquí el concepto de «sin código».

No es que esté en contra del código. Es que está en contra de hacer que las cosas pequeñas sean más pesadas de lo necesario.

El bucle de fragmentos de IA

La inteligencia artificial ha hecho que esto resulte aún más tentador.

Puedes pedirle a ChatGPT un fragmento de código de Squarespace y, a veces, funciona. Otras veces, casi funciona.

Y es en ese «casi» donde se nos escapa el tiempo.

Pegas el fragmento de código. La sección se ve bien en el ordenador, pero se estropea en el móvil. Pides que lo arreglen. Te dan un código nuevo. Lo pegas de nuevo. Ahora el espaciado está mejor, pero el botón se ha desplazado. Vuelves a pedirlo. Ahora ha cambiado otra cosa.

Para cuando por fin funciona, la solicitud original ya no parece tan insignificante.

Eso no significa que la IA no sirva para nada. Simplemente significa que el código «copiar y pegar» no siempre es la mejor interfaz para el trabajo de diseño visual.

Kleemt resulta interesante porque acerca el trabajo al lugar donde realmente se desarrolla el diseño. En lugar de salir de Squarespace para generar un fragmento de código, pegarlo de nuevo y solucionar los problemas que surjan, puedes añadir una sección diseñada y ajustarla en su contexto.

Ese es un proceso de trabajo más claro para este tipo de problema.

Para qué sirve Kleemt y qué sensaciones produce

Kleemt funciona mejor cuando la página ya tiene sentido.

No sirve para salvar una estrategia deficiente. No sirve para convertir mágicamente un contenido malo en algo persuasivo. No sirve para sustituir el trabajo de decidir qué debe decir la página.

Está ahí para el momento que viene después.

Ese momento en el que sabes cuál es la función de esa sección, pero la versión original te parece demasiado sosa.

Podría tratarse de una sección de testimonios, una franja con el logotipo, un mapa, un diseño con opiniones de clientes, una sección comparativa, un bloque de «antes y después» o un salto visual más llamativo entre las distintas partes de la página.

El valor no radica únicamente en que la sección tenga un aspecto más pulido.

Lo importante es que puedas seguir adelante.

Eso es importante durante un desarrollo real. El impulso es frágil. Cada vez que una pequeña sección se convierte en un problema técnico independiente, todo el proyecto se complica. Kleemt te ofrece otra alternativa: añade la sección, dale forma y sigue desarrollando.

¿Qué diferencia a Kleemt?

La distinción más clara es la siguiente:

Kleemt se centra más en añadir secciones y bloques ya preparados.

SquareKicker te permite tener un mayor control sobre el diseño de los elementos ya existentes en Squarespace.

Spark se centra más en mejoras visuales rápidas y personalizaciones con un solo clic.

Hay cierto solapamiento. Todas estas herramientas forman parte del mismo ámbito general: conseguir que las páginas de Squarespace parezcan menos «de serie» sin tener que crear todo desde cero.

Pero la cuestión de la compra es otra.

Si quieres personalizar y controlar el sistema de diseño con mayor profundidad en toda la web, SquareKicker puede ser la mejor opción.

Si lo que buscas son efectos rápidos, mejoras visuales y personalizaciones sencillas, el complemento Spark puede ser suficiente.

Si necesitas un plugin, un fragmento de código, una plantilla o un componente concreto, es posible que Ghost Plugins sea el mejor sitio donde buscarlo.

Si quieres una sección o un bloque ya terminado que dé la sensación de estar bien diseñado, Kleemt es la primera opción que yo barajaría.

Esa es la diferencia.

Alternativas a Kleemt

Hay varias formas de resolver el problema de que «esto parece demasiado nativo» en Squarespace.

Utiliza la función nativa de Squarespace cuando la sección predeterminada ya funcione. Esta sigue siendo la solución más sencilla cuando el diseño no requiere nada más.

Utiliza SquareKicker cuando quieras tener un mayor control sobre el diseño sin necesidad de programar. Es la opción más adecuada cuando quieras aplicar secciones, espaciados, estilos, animaciones y comportamientos visuales ya existentes a todo el sitio web.

Utiliza el complemento Spark cuando quieras realizar mejoras visuales rápidas sin tener que profundizar demasiado en el control del diseño personalizado.

Utiliza los complementos de Ghost cuando necesites un complemento, un fragmento de código, una plantilla o un componente específico para resolver un problema concreto.

Utiliza CSS personalizado o código personalizado cuando el requisito sea lo suficientemente específico como para justificar su creación y mantenimiento.

Utiliza Kleemt cuando la página esté casi terminada, pero la sección deba tener un aspecto más pulido que la opción predeterminada.

Este último punto es importante. Kleemt no tiene por qué sustituir al resto de herramientas para resultar útil.

Solo tiene que resolver bien su problema concreto.

¿Para quién es ideal Kleemt?

Kleemt es la mejor opción para los diseñadores, desarrolladores y propietarios de sitios web de Squarespace que desean mejorar sus secciones sin que cada mejora visual se convierta en una tarea técnica.

Resulta especialmente útil cuando una página necesita:

• Una sección de demostraciones más sólida

• Un diseño mejorado para los testimonios

• Una franja con el logotipo más pulida

• Un mapa que parece hecho a medida

• Una zona de comparación más clara

• Una interacción «antes y después»

• Un cambio visual más interesante

• Una sección que se aleja un poco del estilo predeterminado de Squarespace

El punto en común es que no es necesario volver a generar la página.

Es necesario elevar ese tramo.

Ese es el momento Kleemt.

Para quién no es adecuado Kleemt

Kleemt no es la solución para todos los problemas de diseño de Squarespace.

Si la sección nativa ya funciona, utilízala.

Si necesitas un control exhaustivo sobre el diseño de toda la web, te recomendaría echar un vistazo a SquareKicker.

Si quieres crear efectos visuales rápidos, puede que Spark te baste.

Si necesitas una función concreta, quizá te convenga más utilizar Ghost Plugins u otro complemento específico.

Si el cliente necesita algo muy personalizado, es posible que el código siga siendo la solución adecuada.

Eso no es una debilidad. Es simplemente la categoría.

Lo bueno de Kleemt es que ofrece una opción intermedia para aquellos proyectos que no requieren un desarrollo a medida, pero que tampoco quedan del todo completos solo con la plataforma nativa de Squarespace.

Veredicto final: ¿Merece la pena Kleemt?

Vale la pena echarle un vistazo a Kleemt si tu página de Squarespace ya funciona, pero hay una o dos secciones que necesitas que tengan un aspecto más pulido, más personalizado o que resulten más útiles sin que ello suponga tener que programar.

Esa es la forma más sencilla de entenderlo.

Utiliza Squarespace nativo cuando los bloques predeterminados sean suficientes.

Utiliza código personalizado cuando la situación lo requiera.

Utiliza SquareKicker cuando quieras tener un mayor control sobre el diseño.

Utiliza Spark cuando quieras realizar mejoras visuales rápidas.

Utiliza «Kleemt» cuando la sección ya tenga sentido, pero haya que pulirla un poco.

La prueba de decisión es sencilla:

¿Necesita la página una nueva estrategia, una nueva estructura o un diseño más acertado?

Si hace falta una nueva estrategia, da un paso atrás.

Si es necesario cambiar la estructura, rediseña la sección.

Si la sección tiene sentido pero sigue pareciendo demasiado sencilla, Kleemt podría ser la herramienta adecuada.

A veces, la página web no necesita más código.

A veces solo hace falta un toque de diseño mejor.

Kleemt es una herramienta sin código dirigida a los usuarios de Squarespace que desean crear secciones con un acabado más pulido sin tener que crear todo desde cero.

En lugar de buscar un fragmento de código, contratar a un desarrollador o intentar adaptar a la fuerza una sección nativa de Squarespace a un diseño para el que en realidad no está pensada, Kleemt te ofrece secciones ya preparadas que puedes añadir a una página y personalizar.

Esto lo hace especialmente útil para los diseñadores y propietarios de sitios web que ya se sienten cómodos creando sitios en Squarespace, pero que de vez en cuando se topan con el mismo problema:

La página funciona, pero le falta una sección mejor.

No es una página web completamente nueva.

No es una construcción totalmente a medida.

Simplemente una forma mejor de mostrar el contenido.

¿Qué problema resuelve Kleemt?

Muchos de los problemas de diseño de Squarespace no son, en realidad, problemas de desarrollo.

Son problemas de bloques y secciones.

No siempre hace falta código personalizado. No siempre hace falta rediseñar toda la página. No siempre hace falta recurrir a un desarrollador.

A veces se necesita un diseño más impactante para los testimonios. O una sección de logotipos mejorada. O un bloque de comparación más útil. O una galería más limpia. O un elemento visual más pulido entre dos partes importantes de la página.

Esa es la carencia que Kleemt está tratando de subsanar.

Es para esos momentos en los que el editor nativo de Squarespace es suficiente para crear la página, pero no lo bastante flexible como para crear la sección que realmente quieres.

La versión nativa de Squarespace suele ser suficiente

Para que quede claro, no todas las páginas de Squarespace necesitan Kleemt.

Squarespace ya te ofrece una base sólida. Puedes crear páginas con texto, imágenes, botones, galerías, formularios, productos, listas y diseños sin tener que tocar el código. Para muchos proyectos, eso es suficiente.

No es necesario añadir una herramienta solo porque ya exista otra.

Si la sección nativa funciona, tiene buen aspecto y el cliente está contento con ella, déjala tal cual.

La cuestión no es si Squarespace puede crear buenas páginas.

Sí, puede.

La pregunta es: ¿qué ocurre cuando la página necesita un bloque o una sección que parezca más personalizada de lo que permiten las opciones predeterminadas?

Cuando la versión estándar de Squarespace empieza a resultar limitada

La frase que esperaría oír es:

«Solo quiero que esta sección se vea mejor».

Parece sencillo, pero puede convertirse rápidamente en un problema de desarrollo.

Un cliente solicita una sección de ejemplos más interesante, un diseño más atractivo, un mapa que dé la sensación de estar personalizado, un área de comparación más pulida o un bloque que resulte más sofisticado que la versión predeterminada de Squarespace.

Ninguna de estas peticiones parece muy ambiciosa.

Sin embargo, dentro de un proyecto de Squarespace, a menudo se plantean varias opciones: conformarse con la versión nativa, buscar un fragmento de código, comprar un complemento aparte, pedirle ayuda a un desarrollador, utilizar CSS personalizado o dedicar demasiado tiempo a adaptar la sección predeterminada a algo para lo que realmente no fue diseñada.

Esa es la pared original.

La idea de diseño no es descabellada. Puede que la web no necesite un desarrollo a medida. Pero el bloque o la sección requieren más de lo que ofrece Squarespace de serie.

Un pequeño cambio en el diseño se convierte en una tarea de programación

Aquí es donde el proyecto empieza a volverse más complicado de lo que debería.

El diseñador no tiene que rediseñar toda la web. No tiene que crear una aplicación a medida. No tiene que convertir una pequeña mejora visual en un proyecto técnico.

Solo necesitan encontrar una forma mejor de hacer que esa sección funcione.

Por eso es importante el concepto de «sin código».

No es que el código sea malo.

El código resulta útil cuando el requisito es lo suficientemente específico como para justificarlo.

Pero si cada sección pulida requiere CSS, fragmentos de código, pruebas y resolución de problemas, el proyecto empieza a parecer más pesado que la solicitud.

La idea de diseño no siempre tiene por qué convertirse en una tarea de programación.

El bucle de fragmentos de IA forma parte del problema

La inteligencia artificial ha hecho que esto resulte más interesante.

Puedes pedirle a ChatGPT o a otra herramienta de IA un fragmento de código de Squarespace. A veces funciona. Otras veces, casi funciona.

Y es en ese «casi» donde se nos escapa el tiempo.

Pegas el fragmento de código. La sección se ve bien en el ordenador, pero en el móvil no se muestra correctamente. El espaciado no es el adecuado. El botón está en el lugar equivocado. Pides que lo arreglen. Vuelves a pegarlo. Ahora ha cambiado otra cosa.

Media hora después, sigues ajustando los márgenes para un cambio en el diseño que debería haberte llevado dos minutos.

Eso no significa que la IA sea inútil.

Esto significa que copiar y pegar código no siempre es la mejor forma de trabajar en el diseño.

Lo interesante de Kleemt es que propone un flujo de trabajo diferente. En lugar de buscar un fragmento de código en otro sitio, pegarlo en Squarespace, depurarlo y repetir el ciclo, puedes añadir y editar la sección más cerca del lugar donde realmente se encuentra el diseño.

Eso es algo muy distinto.

Cómo es utilizar Kleemt

La mejor forma de entender Kleemt es como una biblioteca de secciones y bloques para Squarespace.

Añades una sección, eliges entre los diseños disponibles de Kleemt y, a continuación, personalizas el diseño. La ventaja no es solo que las secciones tengan mejor aspecto que un bloque predeterminado. La ventaja es que puedes seguir avanzando.

Eso es importante durante una compilación real.

Un pequeño problema de diseño puede interrumpir todo el desarrollo de un proyecto. Dejas de diseñar, empiezas a buscar, pruebas un fragmento de código, corriges un error, compruebas el resultado en el móvil, ajustas el espaciado y, de repente, una pequeña modificación visual se ha apoderado de toda la sesión.

Kleemt te ofrece otra opción.

Añade la sección. Ajústala. Sigue trabajando en ello.

Ese es el atractivo.

¿Qué diferencia a Kleemt?

La principal diferencia es que Kleemt no se limita a dar un nuevo estilo a lo que ya existe.

Se trata de añadir secciones y bloques ya preparados que den la sensación de estar bien diseñados.

Esa distinción es importante.

Si quieres tener un mayor control sobre el diseño de una página web de Squarespace, SquareKicker puede ser una opción más adecuada.

Si lo que buscas son efectos visuales rápidos y mejoras de estilo con un solo clic, es posible que el complemento Spark sea suficiente.

Si necesitas un plugin, un fragmento de código, una plantilla o un componente muy específico, es posible que Ghost Plugins sea el mejor sitio donde buscar.

Kleemt resulta más eficaz cuando la página ya tiene sentido, pero hay una sección que necesita parecer más acabada.

Esa es su especialidad.

Alternativas a Kleemt

Hay varias formas de hacer que una página web de Squarespace parezca menos «nativa».

SquareKicker resulta útil cuando se desea un mayor control sobre el diseño de toda la web sin necesidad de programar. Se trata más bien de una herramienta de control de diseño generalizada que permite personalizar el estilo de los elementos existentes de Squarespace, ajustar los diseños, crear efectos y llevar el sistema visual un paso más allá.

El plugin Spark resulta útil cuando se desean mejoras visuales rápidas, efectos y actualizaciones de estilo. Se trata más bien de aportar un toque de refinamiento y personalización sin tener que profundizar en una compilación personalizada.

Kleemt resulta útil cuando se quiere una sección o un bloque con un acabado pulido que ya parezca diseñado, sin que la idea se convierta en una tarea de desarrollo a medida.

El CSS personalizado resulta útil cuando los requisitos son lo suficientemente específicos como para justificar la redacción y el mantenimiento del código.

Eso significa que Kleemt no sustituye a todas las demás opciones.

Resuelve un tipo concreto de problema.

La página está a punto de cerrarse.

Esa sección no lo es.

¿Para quién es ideal Kleemt?

Kleemt es la mejor opción para los diseñadores, desarrolladores y propietarios de sitios web de Squarespace que quieran avanzar más rápido sin tener que crear desde cero cada sección que parezca personalizada.

Resulta especialmente útil cuando una página necesita:

• Una sección de demostraciones más sólida

• Un diseño mejorado para los testimonios

• Una franja con el logotipo más pulida

• Un mapa que parece hecho a medida

• Una sección de comparativas

• Una interacción «antes y después»

• Un cambio visual más interesante

• Una sección que se aleja un poco del estilo predeterminado de Squarespace

No es necesario reconstruir el sitio web.

Es necesario elevar ese tramo.

Ese es el momento en el que merece la pena fijarse en Kleemt.

Para quién no es adecuado Kleemt

Kleemt no es la solución para todos los problemas de diseño de Squarespace.

Si la sección nativa de Squarespace ya cumple su función, utiliza la sección nativa.

Si el cliente necesita un control exhaustivo sobre el diseño de todo el sitio web, SquareKicker podría ser la mejor opción.

Si el cliente necesita efectos de estilo rápidos, Spark puede ser suficiente.

Si el cliente necesita una función muy concreta, quizá sea mejor recurrir a Ghost Plugins, un plugin específico o un fragmento de código.

Si el cliente necesita una experiencia interactiva totalmente personalizada, el desarrollo a medida puede seguir siendo la mejor opción.

La cuestión no es que Kleemt sustituya a todas las demás opciones.

La cuestión es que muchos proyectos de Squarespace no necesitan todas las demás opciones.

Necesitan un bloqueo mejor.

O una sección mejor.

Veredicto final: ¿Merece la pena Kleemt?

Vale la pena echarle un vistazo a Kleemt si tu página de Squarespace ya funciona, pero hay una o dos secciones que necesitas que tengan un aspecto más pulido, más personalizado o que resulten más útiles sin que ello suponga tener que programar.

Esa es la mejor forma de entenderlo.

No sustituye a Squarespace. No sustituye a un diseño bien pensado. No sustituye al desarrollo a medida cuando este es realmente necesario.

Es un término medio.

La prueba de decisión sencilla es la siguiente:

¿Necesita la página una nueva estrategia, una nueva estructura o un diseño más acertado?

Si la página necesita una nueva estrategia, da un paso atrás y replantéate su diseño.

Si la página necesita una nueva estructura, rediseña la sección.

Si la sección ya tiene sentido pero resulta demasiado sosa, Kleemt puede ser la herramienta adecuada.

A veces, la página web no necesita más código.

A veces solo hace falta un toque de diseño mejor.

Cómo publicar y alternar anuncios de patrocinadores en Squarespace sin AdSense

La pregunta suele surgir cuando el primer anuncio patrocinado ya está en marcha.

Tu cliente dispone de un espacio en la tabla de clasificación. O bien un espacio publicitario tipo MPU. O un banner de patrocinador en una barra lateral, un directorio, un artículo o una página de recursos.

Colocar un banner en Squarespace es muy sencillo.

El problema surge cuando el cliente quiere publicar más de un anuncio en el mismo espacio. No quiere AdSense. No quiere unirse a una red publicitaria. Quiere publicar sus propios anuncios patrocinados, alternar banners, realizar un seguimiento del rendimiento y gestionar los espacios publicitarios que ya vende.

Eso es otro problema.

Llegados a este punto, la pregunta ya no es: «¿Puede Squarespace mostrar un anuncio?».

Sí, puede.

La pregunta más acertada es: «¿Podemos gestionar los anuncios de patrocinadores en Squarespace sin que cada campaña suponga una modificación manual de la página web?».

Esto no tiene nada que ver con AdSense

Hay dos tipos muy distintos de publicidad en sitios web.

La primera es la publicidad a través de redes publicitarias. Se trata del mundo de AdSense, los anuncios programáticos, los anuncios automáticos y las redes de terceros que se encargan de llenar el espacio publicitario por ti.

La segunda opción es la publicidad directa de patrocinadores. Se da cuando tu cliente vende espacio publicitario directamente a un patrocinador, anunciante, proveedor, socio o empresa local.

Este artículo trata sobre el segundo.

Un patrocinador compra un espacio en el banner superior. Un anunciante compra un espacio en el MPU. Una empresa local compra un banner rotativo. Un colaborador paga por aparecer en una sección de recursos. El propietario del sitio web ya cuenta con la relación, el espacio publicitario y la audiencia.

No buscan una red publicitaria para cubrir el espacio vacío.

Están buscando una forma de publicar los anuncios que ya han vendido.

Cuando basta con un solo banner de patrocinador

Si el cliente tiene un patrocinador, un banner, un enlace y una página, una configuración básica de Squarespace podría ser suficiente.

Puedes añadir un bloque de imagen, un botón, un bloque de código o un bloque incrustado. Puedes enlazar la imagen a la página web del patrocinador. Puedes añadir una pequeña etiqueta que diga «Patrocinado por». Puedes eliminar o sustituir el anuncio cuando finalice la campaña.

Eso funciona cuando la ubicación es sencilla y fácil de recordar.

La configuración manual suele ser adecuada cuando:

• Solo hay un patrocinador

• El anuncio aparece en un solo lugar

• No es necesario que la campaña se vaya alternando

• Nadie necesita informes de rendimiento

• Es fácil llevar un control de las fechas de inicio y fin

• La relación con el patrocinador es informal

• El cliente no está vendiendo varios espacios publicitarios

No hace falta añadir un sistema cuando un solo bloque resuelve el problema.

Cuando es necesario alternar varios anuncios en un mismo espacio publicitario

La configuración cambia cuando el cliente desea incluir más de un anuncio de patrocinador en el mismo espacio.

Quizá vendan un espacio publicitario para la tabla de clasificación en la parte superior de la página, pero dos patrocinadores quieran compartir ese espacio. Quizá tengan un espacio publicitario tipo MPU en la barra lateral y quieran que aparezca un banner diferente cada vez que se actualice la página. Quizá vendan varios espacios publicitarios para patrocinadores en un directorio, un centro de recursos o una publicación especializada.

Ahora, el espacio publicitario ya no es solo una imagen estática.

Es el inventario.

El cliente necesita saber qué anuncios están activos, dónde se emiten, cuándo empiezan, cuándo terminan y si el patrocinador ha obtenido lo que ha pagado.

Ahí es donde un bloque de imagen normal de Squarespace empieza a resultar limitado.

El bloque puede mostrar el anuncio.

No se encarga de gestionar la campaña.

La opción de bloque de código «DIY»

Puedes alternar los anuncios en Squarespace utilizando código personalizado.

Un desarrollador puede crear un script sencillo que recorra una lista de imágenes y enlaces. El anuncio puede cambiar cada pocos segundos, o puede cargarse un banner diferente cuando se actualice la página.

Para una instalación muy pequeña, eso puede ser suficiente.

La versión «hazlo tú mismo» podría incluir:

• Un bloque de código o un bloque incrustado de Squarespace

• Una lista de las URL de las imágenes de los patrocinadores

• Una lista de enlaces de patrocinadores

• Un script que muestra un anuncio al azar

• Actualizaciones manuales cuando cambian los patrocinadores

Eso puede funcionar cuando el cliente se maneja bien con el código y la campaña no requiere mucha gestión.

Pero la versión «hazlo tú mismo» tiene sus limitaciones.

Alguien tiene que actualizar el código cada vez que cambia un anuncio. Alguien tiene que asegurarse de que el patrocinador correcto esté activo. Alguien tiene que recordar las fechas de inicio y finalización. Alguien tiene que comprobar los enlaces. Alguien tiene que encargarse del seguimiento si el patrocinador pregunta cómo ha funcionado el anuncio.

La rotación es solo una parte del problema.

La gestión es lo que siempre vuelve a salir a colación.

Cuando la configuración manual empieza a fallar

El primer patrocinador es fácil.

El segundo patrocinador es donde el sistema empieza a hacerse notar.

Un cliente puede empezar con una tabla de clasificación o una ubicación en MPU. Después, otro anunciante quiere sumarse. Luego, alguien pide reservar un mes concreto. A continuación, un patrocinador envía material publicitario nuevo. Después, alguien quiere estadísticas de clics. Y, por último, un banner antiguo permanece activo demasiado tiempo porque nadie se ha acordado de retirarlo.

Nada de esto es nada del otro mundo. Solo son un montón de pequeñas obligaciones.

¿Ha pagado el patrocinador?

¿Qué banner está aprobado?

¿Qué espacio publicitario compraron?

¿Ya está en marcha la campaña?

¿Debería alternarse con otro anuncio?

¿Cuándo se acaba esto?

¿El patrocinador solicitó que se presentara un informe?

¿Pueden renovarlo?

Por eso, los anuncios directos de patrocinadores resultan frustrantes cuando se configura una página web de forma manual. El trabajo no es tan complicado como para parecer un gran proyecto, pero es lo suficientemente importante como para que olvidarse de algo suponga un verdadero problema.

Lo que realmente requiere la gestión de anuncios de patrocinadores

Un anuncio patrocinado tiene un ciclo de vida.

Hay que venderlo, presentarlo, aprobarlo, programarlo, exponerlo, ir rotándolo, hacer un seguimiento, darlo por finalizado y, a veces, elaborar informes al respecto.

Puede que el anuncio visible no sea más que un banner. Pero, una vez que alguien paga por ese banner, su ubicación conlleva una promesa.

Es posible que el patrocinador necesite saber lo siguiente:

• Dónde aparecerá el anuncio

• ¿Qué tamaño o formato debo enviar?

• Cuando comience la campaña

• Cuando termine la campaña

• Si las prácticas se realizan de forma rotativa con otros patrocinadores

• Si la colocación es exclusiva

• Cuántos clics o impresiones recibió

• Si podrán renovarlo

• ¿Qué otras prácticas hay disponibles?

Esa es la diferencia entre poner un anuncio en una página y llevar a cabo un programa de publicidad patrocinada.

Una de ellas es una modificación de la página web.

La otra es una pequeña empresa de publicidad.

El papel de Ad Manager

Ad Manager resulta útil cuando una página web de Squarespace necesita publicar anuncios directos de patrocinadores sin tener que unirse a una red publicitaria.

Está dirigido a aquellos clientes que ya venden, o quieren vender, sus propios espacios publicitarios. Las listas de líderes, los espacios publicitarios tipo MPU, los banners en la barra lateral, los anuncios en directorios, las tarjetas de patrocinador, las promociones en páginas de recursos, los espacios publicitarios en boletines informativos y otros anuncios directos pueden plantear el mismo tipo de problema de gestión.

Si el cliente solo necesita un anuncio estático, es posible que no necesite Ad Manager.

Pero si necesitan alternar varios banners en el mismo espacio publicitario, programar campañas, realizar un seguimiento del rendimiento y gestionar las ubicaciones de los patrocinadores sin tener que editar manualmente la página web cada vez, Ad Manager cobra mucha más relevancia.

La cuestión no es que todas las páginas de Squarespace necesiten una gestión de anuncios.

La mayoría no lo hace.

La cuestión es que una web que vende anuncios de patrocinadores privados acaba necesitando algo mejor que correos electrónicos dispersos, bloques de imágenes, hojas de cálculo, recordatorios del calendario y la propia memoria.

Configuración manual de Squarespace frente a Ad Manager

Utiliza una configuración manual de Squarespace cuando el anuncio sea sencillo.

Utiliza Ad Manager cuando el espacio publicitario se haya convertido en algo que el cliente vende y gestiona.

Utiliza una configuración de Squarespace «hazlo tú mismo» cuando…	Utiliza Ad Manager cuando…
Solo necesitas un banner estático del patrocinador.	Necesitas varios banners que se vayan alternando en el mismo espacio publicitario.
Te sientes cómodo editando código o bloques de imágenes manualmente.	Tu cliente quiere una forma más sencilla de gestionar los anuncios de patrocinadores.
Nadie necesita un seguimiento del rendimiento.	Los patrocinadores buscan clics, impresiones o visibilidad de la campaña.
Las fechas de la campaña son fáciles de recordar.	Necesitas una planificación, fechas de inicio, fechas de finalización o gestión de campañas.
El propietario de la web no pone a la venta espacio publicitario de forma habitual.	El cliente comercializa espacios publicitarios en la tabla de clasificación, MPU, barra lateral, directorio o patrocinados.
El anuncio es una publicación puntual.	El espacio publicitario se ha convertido en parte del negocio.

La pregunta clave es sencilla:

¿Se trata solo de un banner de un patrocinador o es un espacio publicitario que vende el cliente?

Un banner de patrocinador puede ser sencillo.

Para que un espacio publicitario sea vendible, se necesita un sistema.

Cómo pueden los diseñadores de Squarespace utilizar esto con sus clientes

Para los diseñadores de Squarespace, esta distinción resulta muy útil.

Es posible que un cliente no solicite la «difusión de anuncios». Quizás no conozca ese término. Es posible que simplemente diga:

«¿Podemos hacer que se alternen dos banners en este espacio?»

«¿Pueden los patrocinadores ver cuántos clics han recibido?»

«¿Pueden las empresas pagar para aparecer aquí?»

«¿Podemos publicar anuncios diferentes en el mismo espacio?»

No se trata solo de peticiones de diseño.

Son solicitudes relacionadas con la gestión de anuncios.

Es posible que el cliente ya esté vendiendo atención sin disponer de un método claro para gestionar lo que ha vendido. Esto supone una oportunidad para ayudarle a planificar bien el proceso antes de que la situación se complique.

Si el cliente necesita una imagen de patrocinador, que sea sencilla.

Si el cliente vende espacios en la tabla de clasificación, espacios MPU, anuncios en directorios, anuncios en la barra lateral o banners rotativos de patrocinadores, quizá sea el momento de tratar ese espacio publicitario como si fuera inventario.

La prueba de la decisión sencilla

Pregunta esto:

¿El cliente necesita mostrar un solo anuncio o gestionar varios anuncios de patrocinadores?

Si necesitan mostrar un anuncio, puede que baste con un bloque normal de Squarespace.

Si necesitan alternar, programar, realizar un seguimiento y gestionar las ubicaciones de los patrocinadores, una herramienta como Ad Manager es la opción más sencilla.

Esto es especialmente cierto cuando el cliente quiere publicar sus propios anuncios sin AdSense ni una red publicitaria.

Porque la cuestión no es si Squarespace puede mostrar un banner.

Sí, puede.

El problema es si el cliente dispone de un método fiable para gestionar los anuncios patrocinados que ya está vendiendo.

Cuando la respuesta es «sí», el sitio web ha ido más allá de la simple colocación de anuncios estáticos.

Se ha convertido en inventario de patrocinadores.