Paso a paso
- Abre la página en el editor y haz clic en Editar.
- Haz clic en Añadir bloque (o en un punto +) donde quieras el widget y elige Código.
- Haz clic en el lápiz del bloque, borra el texto de ejemplo y pega el código. Deja el modo en HTML.
- Haz clic fuera del bloque y luego en Guardar.
Qué planes lo permiten
Squarespace solo ejecuta iframes y scripts en los bloques de código con los planes Core, Plus y Advanced. Con el plan Basic, el bloque se queda vacío. Si tu web está en Basic, un enlace de texto o un botón hacia la herramienta en Clooock es la alternativa más sencilla.
Que encaje con el diseño
Las plantillas de Squarespace usan mucho espacio en blanco. Una cuenta atrás sin fondo y en negro suele encajar mejor que un bloque de color: elige negro sin fondo en la frase, o pon el color de tu marca en la parte c= del código. En el editor Fluid Engine puedes arrastrar el bloque para ajustar ancho y alto, y el widget se adapta.
En el móvil
Fluid Engine guarda una maquetación aparte para móviles. Pasa el editor a la vista móvil y revisa allí el bloque de código: dale una altura que encaje en una pantalla estrecha, algo menor que en el ordenador para una cuenta atrás. Los números se encogen para caber a lo ancho, y los textos de debajo solo desaparecen si el bloque queda muy pequeño.