Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Design Manager

Agregar un archivo JavaScript a HubSpot

Última actualización: junio 15, 2022

En Beta

Requisitos

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Marketing Hub Básico (versión anterior)

Puedes alojar y editar archivos JavaScript en el administrador de diseño. Descubre cómo crear un archivo JavaScript y enlazarlo a una plantilla o dominio.


Crear un archivo JavaScript

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • En el menú de la barra lateral izquierda, haz clic en Archivo > Nuevo archivo. Es posible que debas hacer clic en el ícono de la  carpeta de la carpeta para ampliar el menú. 
  • En el cuadro de diálogo, haz clic en el menú desplegable ¿Qué te gustaría construir hoy? y selecciona JavaScript.

design-manager-new-file-javascript
  • Haz clic en Siguiente.
  • En el campo Nombre de archivo, escribe un nombre para tu archivo JavaScript. 
  • Para actualizar la ubicación del archivo, en la sección Ubicación del archivo , haz clic en Cambiar y selecciona la carpeta para agregar el archivo.

design-manager-new-javascript-file

  • Haz clic en Crear
  • Escribe o pega tu código JavaScript en el editor de códigos. 
  • Si activaste ESLint, puedes ver advertencias o errores de JavaScript haciendo clic en el interruptor para activar el interruptor Mostrar salida.

    design-manager-javascript-show-output
  • En la parte superior derecha, haz clic en Publicar cambios para finalizar los cambios.

Adjuntar un archivo JavaScript a una plantilla

  • En el visor de la izquierda, haz clic en la plantilla que deseas actualizar.
  • En el inspector de la derecha, haz clic en la pestaña Editar.
  • En la sección de archivos JavaScript enlazados, haz clic en el menú desplegable Agregar y selecciona tu archivo JavaScript.

 

  • En la parte superior derecha, haz clic en Publicar cambios para finalizar los cambios.

Incluye un archivo JavaScript en las páginas de HubSpot

Puedes incluir tu archivo JavaScript en todas las páginas de un dominio alojado en HubSpot o en páginas individuales usando la URL pública.

Para acceder a la URL pública del archivo:

  • En el menú de la barra lateral izquierda, selecciona tu archivo JavaScript.
  • Haz clic en Acciones > Copiar URL pública.

design-manager-add-javascript-file

Para agregar el archivo a todas tus páginas de HubSpot en un dominio:
  • En tu cuenta de HubSpot, haz clic en el settings símbolo de configuración, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Sitio web > Páginas.
  • Haz clic en el menú desplegable Elige un dominio para editar su configuración y selecciona el dominio al que agregar el archivo JavaScript. Puedes seleccionar Configuración predeterminada para todos los dominios si deseas que el archivo JavaScript se aplique a todos los dominios conectados. 
  • En la sección HTML del pie de página del sitio, pega la URL pública como valor para la fuente de la etiqueta del script: 
<!-- start Main.js Do Not Remove -->
<script src='inserta la URL pública de tu archivo aquí'></script>
<!---End Main.js-->
  • Haz clic en Guardar

O, para agregar el archivo a una página individual:

  • En tu cuenta de HubSpot, navega a Marketing > Sitio Web > Páginas del sitio web o Páginas de destino.
  • Coloca el cursor sobre la página que deseas editar y luego haz clic en Editar.
  • En el editor de páginas, haz clic en la pestaña Configuración.
  • Haz clic en Opciones avanzadas.
  • En la sección HTML del pie de página, pega la URL pública como el valor de la fuente de la etiqueta script:
<!-- start Main.js Do Not Remove -->
<script src='inserta la URL pública de tu archivo aquí'></script>
<!---End Main.js-->
  • Para publicar tus cambios en la página en vivo, en la parte superior derecha, haz clic en Actualizar.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.