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í.

Agregar un archivo JavaScript a HubSpot

Última actualización: noviembre 3, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Todos los productos y planes

Puedes alojar y editar archivos JavaScript en el gestor de diseño. Aprende a crear un archivo JavaScript y vincularlo 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. Puede que tengas que hacer clic en el icono de la carpeta folder para ampliar el menú.
  • En el cuadro de diálogo, haz clic en el menú desplegable ¿Qué te gustaría diseñar? y selecciona 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, haz clic en Cambiar y selecciona la carpeta a la que añadir el archivo.

design-manager-new-javascript-file

  • Haz clic en Crear
  • Escribe o pega tu JavaScript en el editor de código.
  • Si has activado ESLint, puedes ver cualquier advertencia o error de JavaScript haciendo clic 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 utilizando 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 > Copia la URL pública.

design-manager-add-javascript-file

Para añadir el archivo a todas tus páginas de HubSpot en un dominio:
  • En tu cuenta de HubSpot, haz clic en el icono de Configuración settings 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 de pie de página del sitio , pega la URL pública como valor de la fuente de la etiqueta script: 
<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->
  • Haz clic en Guardar

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

  • Busca el contenido que quieres utilizar:

    • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
    • Páginas de destino: En tu cuenta de HubSpot, dirígete a Marketing > Landing pages.
  • Pasa el ratón por encima de la página que quieras editar y haz clic en Editar.
  • En el editor de páginas, haz clic en el menú Configuración y selecciona Avanzada. .
  • En la sección Footer HTML del cuadro de diálogo, pega la URL pública como valor para la fuente de la etiqueta script:
<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->
  • En la parte superior derecha, haz clic en PublicarActualizar
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.