Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Agregar HTML, CSS y JavaScript personalizados

Squarespace te ayuda a construir un sitio sin necesidad de tener experiencia en programación o diseño. Cuando agregas un bloque, en realidad estás añadiendo HTML al sitio sin tener que escribir el código. Del mismo modo, cuando se realizan cambios en el Style Editor (Editor de Estilos), estás haciendo cambios automáticamente en el CSS del sitio. La plataforma Squarespace es potente y flexible y se puede resolver la mayoría de los problemas de diseño con el Style Editor (Editor de Estilos) o cambiando a una plantilla diferente.

Para personalizar aún más el estilo del sitio y mejorar determinadas partes del sitio web, puedes utilizar un código personalizado. Es muy recomendable que tengas conocimiento de codificación antes de agregar un código personalizado. Algunos cambios en la codificación entrarán en conflicto con el código predeterminado de la plantilla y pueden causar problemas en el futuro, ya que nuestros desarrolladores hacer mejoras continuas a la plataforma.

Some options for adding code are Premium features available in the current Website Business plan and higher:

  • Available in: Business and Commerce plans
  • Available in: Personal plan for websites active before December 1, 2017
  • Not available in: Personal plan for websites active after December 1, 2017
  • Trial: You can use Premium features during a trial.

To learn more, visit Premium features.

Nota: Agregar un código al sitio es una modificación avanzada que no está dentro del alcance de la ayuda de Squarespace.

Agregar código

There are several methods for adding HTML, CSS, and JavaScript to a Squarespace site.

These features are available on all plans:

These Premium features are available in the current Website Business plan and higher:

Estas son las formas recomendadas para insertar código personalizado:

  • Adding HTML - Code Block 
  • Hacer cambios de estilo CSS - Editor CSS
  • Insertar JavaScript - Inyección de Código
  • Mostrar código como texto sin formato: Bloque de Código con la opción Display Source (Mostrar fuente) activada.

Mira el siguiente video para más ejemplos del uso de código en el sitio. Este vídeo es un fragmento de nuestros Próximos pasos con Squarespace Series.

Agregar CSS o JavaScript a Bloques de Código

El Bloque de Código y la Inyección de Código sólo permiten HTML, pero se puede añadir CSS o JavaScript agregando antes y después del código las siguientes etiquetas:

  • CSS - <style></style>
  • JavaScript - <script></script>

Developer Mode (Modo de Desarrollador)

If you’re an advanced user, the Squarespace Developer Platform gives complete access to the underlying code of your site's template. This platform was designed for developers and design agencies to modify our existing templates and even create templates from scratch.

La Plataforma del Desarrollador es lo mejor para los desarrolladores avanzados, por lo general aquellos que crean sitios web personalizados para los demás. Ten en cuenta que los cambios de la Inyección de Código que realices en la Plataforma de Desarrollo desaparecerán si alguna vez desactivas el Developer Mode (Modo de Desarrollador).

Note: The Developer Platform is a Premium feature, available in the current Website Business plan and higher.

Más ayuda

Para obtener más ayuda, consulta Preguntas frecuentes sobre el código personalizado.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 43 de 74
Agregar HTML, CSS y JavaScript personalizados