Skip to main content
Agrega código personalizado a una sola página o a todas las páginas de tu sitio web. Si quieres editar el código subyacente de tus páginas, consulta Acceder al Editor de Código.
Importante: Ten cuidado al agregar código personalizado a tu sitio. Si estás agregando código de un tercero, asegúrate de confiar en esa fuente; su código personalizado podría tener consecuencias negativas.

​
Agregar código personalizado a una sola página

​
Configuración de página

  1. En Website, ve a la página de sitio web o landing page que quieres editar.
  2. Junto a la página, haz clic en el botón Customize.
  3. En el creador de páginas, haz clic en la pestaña Settings. Código Personalizado1
  4. Haz clic en la sección Custom Code.
  5. Agrega tu Custom CSS o Custom JavaScript en el panel. Código Personalizado2
  6. Haz clic en Save.
Nota: No incluyas las etiquetas <style> o <script> en las secciones de Custom CSS o Custom JavaScript dentro de Settings de la página.

​
Bloque de código personalizado

Agregar código personalizado en un bloque puede ser útil para insertar contenido en tu página, como un widget de reserva de calendario.
  1. Desde el Dashboard, abre Website.
  2. Ubica la Website Page o Landing Page que quieres editar y haz clic en el Page Title.
  3. En el creador de páginas, abre una Sección.
  4. Haz clic en Add block. Agregar Bloque
  5. Haz clic en Custom Code. Agregar Bloque2
  6. Agrega tu CSS o Javascript personalizado en el campo Code.
  7. Agrega configuraciones adicionales para el Background y Layout del bloque, así como cualquier configuración de Animations y Time reveal.
  8. Haz clic en Save.
Nota: En un Bloque de Código Personalizado, necesitarás usar las etiquetas <style> (para CSS) y <script> (para JavaScript) para que tu código personalizado funcione.

​
Agregar código personalizado a todas las páginas

Agregar código personalizado a todas las páginas puede ser útil, por ejemplo para agregar un aviso de cookies, fuentes personalizadas, analítica, o más en tu sitio web.
  1. Desde el Dashboard, abre Settings.
  2. En Site settings, haz clic en Site details.
  3. En Page scripts, ingresa tu código personalizado en el campo Header Page Scripts.
  4. Haz clic en Save.
Nota: El código personalizado agregado en el campo Header Page Scripts se incluirá en la etiqueta <head> de todas las páginas de tu sitio web, excepto las páginas de checkout de Oferta y las páginas de upsell. Para agregar código de seguimiento a las páginas de checkout, consulta Agregar un código de seguimiento JavaScript a las páginas de checkout.