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: septiembre 29, 2022

Requisitos

Todos los productos y planes

Puedes alojar y editar archivos JavaScript en el gestor de diseño. Aprenda a crear un archivo JavaScript y a vincularlo a una plantilla o a un 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, haga clic en Archivo > Nuevo archivo. Es posible que tenga que hacer clic en elicono de la carpeta  para ampliar el menú.
  • En el cuadro de diálogo, haga clic en el menú desplegable ¿Qué desea construir hoy? y seleccione JavaScript.

design-manager-new-file-javascript
  • Haz clic en Siguiente.
  • En el campo Nombre de archivo , introduzca un nombre para su archivo JavaScript.
  • Para actualizar la ubicación del archivo, en la sección Ubicación del archivo , haga clic en Cambiar y seleccione la carpeta a la que desea añadir el archivo.

design-manager-new-javascript-file

  • Haz clic en Crear
  • Escriba o pegue su JavaScript en el editor de código.
  • 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 buscador de la izquierda, haga clic en la plantilla que desea actualizar.
  • En el inspector de la derecha, haga 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.

Incluir 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 añadir el archivo a todas sus 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.
  • Haga clic en el menú desplegable Elegir un dominio para editar su configuración y seleccione el dominio al que desea añadir el archivo JavaScript. Puede seleccionar Configuración predeterminada para todos los dominios si desea 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, pegue la URL pública como valor de la fuente de la etiqueta de 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.