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

Administrador de diseño | Preguntas frecuentes

Última actualización: julio 15, 2020

Requisitos

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

Encuentra rápidamente respuestas e información general sobre la herramienta del administrador de diseño. en HubSpot. Este recurso también incluye enlaces a más recursos para los diseñadores que trabajan en el CMS.

¿Dónde puedo obtener más información acerca de diseñar en HubSpot?

Para obtener más información sobre cómo diseñar en HubSpot, echa un vistazo a la Certificación de diseño de HubSpot Academy y a laDocumentación del CMS de HubSpot

La Certificación de Diseño es una certificación gratuita que incluye capacitación de video y práctica de diseño. 

La documentación del CMS de HubSpot incluye:

¿Existe un recurso de HubSpot que puedo usar para resolver problemas con el código de diseño personalizado o HubL?

El mejor recurso para interactuar con la comunidad de diseñadores de HubSpot es el Foro de diseño de HubSpot. Este foro está monitorizado por diseñadores de HubSpot y usuarios de HubSpot con experiencia en diseño.

Para las preguntas sobre el desarrollo de API de HubSpot, echa un vistazo al Foro de desarrolladores

¿Cómo puedo obtener acceso FTP a HubSpot?

HubSpot admite FTP en TLS/SSL para transferir archivos al Administrador de archivos, además de transferir plantillas, hojas de estilo y archivos JS al Administrador de diseño 

Sin embargo, FTP se está convirtiendo el 27 de mayo de 2020 en un subconjunto de HubSpot CLI. Más información sobre este anuncio.

¿Puedo editar un grupo global para una sola plantilla?

Si bien los módulos globales pueden volver a convertirse en un módulo local, en este momento, los grupos globales no. Puedes clonar los grupos globales y agregarlos a esa plantilla. 

¿Qué versión de bootstrap usa el Creador de plantillas de HubSpot?

El editor de diseño de HubSpot utiliza un sistema de cuadrículas de 12 columnas basado en Bootstrap 2.x para permitir a los diseñadores de plantillas crear con rapidez  páginas web con capacidad de respuesta dentro de la plataforma de contenido de HubSpot.

¿Puedo usar mi propia cuadrícula con capacidad de respuesta con las plantillas de HubSpot?

Todos los diseños de arrastrar y soltar de HubSpot automáticamente incluyen layout.css para que tengan módulos con capacidad de respuesta. Si quieres usar una cuadrícula con capacidad de respuesta diferente o personalizada, como Bootstrap 3, deberías anular la CSS en layout.css o usar plantillas codificadas, donde no se adjunta el archivo layout.css.

¿Cómo puedo reestructurar mi post y diseño de listas?

Los módulos de contenido de Blog te permiten editar el marcado del post y el diseño de la lista para controlar dónde se presentan los distintos elementos de un elemento de publicación. 

¿Puedo volver a la versión anterior de una plantilla?

Todos los diseños de plantillas, archivos codificados y páginas tienen un historial de revisiones que te permite volver a cualquier versión de una plantilla o un elemento de contenido. Para las plantillas o archivos codificados, haz clic en Acciones > Ver revisiones para acceder al historial de revisiones. 

Administrador de diseño v2:

¿Cuál es la diferencia entre "widget" y "módulo" cuando se hace referencia a campos de módulo?

El marco de módulo v1 hace referencia a campos del módulo que usan {{ widget.field }}. Los campos del módulo de referencia del marco v2 que usan {{ module.field }}.

Sin embargo, usar {{ widget.field }} en el marco v2 seguirá funcionando como se esperaba. No es necesario actualizar tus módulos personalizados para hacer referencia a "módulo ".

¿Cómo puedo adjuntar archivos JS y CSS sin "get_public_template_url"?

En lugar de usar "get_public_template_url" para acceder a archivos JavaScript y CSS, estos archivos ahora pueden estar adjuntos directamente al editor de la barra lateral del módulo en la sección Archivos enlazadosLos archivos CSS y JS incluidos aquí se cargarán automáticamente en las páginas usando el módulo.

¿Cómo puedo agregar los módulos HTML o HubL personalizados a mi plantilla?

Se eliminaron los módulos HTML y HubL. Estos módulos proporcionaron una forma rápida de los desarrolladores para agregar fragmentos de HTML y HubL a una plantilla. Sin embargo, pueden hacer que las plantillas sean difíciles de entender y editar. Para crear plantillas más predecibles y alcanzables, estos módulos se eliminaron a favor de mantener todo el código dentro del contexto de módulos personalizados.

Si necesitas agregar HTML a nivel de página en un sitio web, el módulo HTML se puede descargar en el mercado de HubSpot.

¿Cómo puedo usar Plugins JS con mi módulo personalizado?

Si usas un script de terceros, conectarás el archivo de script a la sección Archivos enlazados en el editor del módulo. Luego puedes activar el plugin en la sección JS del editor de códigos. Si necesitas pasar parámetros al plugin, puedes usar atributos de datos en la sección HTML + HubL del editor para almacenar estos valores.

Cuando aumenté el nivel, me preguntó dónde me gustaría usar este módulo. ¿Cuál es la diferencia entre estas opciones?

Si usas un módulo personalizado en un correo electrónico, las secciones CSS y JS no aparecerán en el editor porque las hojas de estilo y el JavaScript no se admiten en la mayoría de los clientes de correo electrónico. Para los módulos de correo electrónico, todavía puedes incluir estilos necesarios en <style>etiquetas.

Si usas un módulo en tus páginas o publicaciones del blog, aparecerán las secciones JS y CSS como se esperaba.upgrade-design-manager-modules

¿Existen cambios en la manera en que los módulos en la v2 del Administrador de diseño están codificados?

Los módulos en la v2 del Administrador de diseño están envueltos en etiquetas <div>, pero los módulos en el viejo administrador de diseño fueron envueltos en etiquetas <span>. Este cambio solo afectará tu módulo si estás haciendo referencia al rango de módulos en una hoja de estilo. Por ejemplo, la siguiente declaración no se aplicará en el nuevo Administrador de diseño:

{% raw %}
span #hs_cos_wrapper_widget_5038393204 {
Color: blue;
}
{% endraw %}

Puedes reemplazar la etiqueta <span> con una etiqueta <div>. Sin embargo, no se recomienda depender de las interacciones predeterminadas de HubSpot para escribir tu CSS. Es mejor usar clases CSS personalizadas, como “my-custom-module”, en su lugar.

Recibo un error de "Módulos anidados" al actualizar mi módulo. ¿Cómo puedo resolver esto y publicar el módulo?

Más información sobre cómo identificar y resolver un error de módulo anidadoPara los módulos anidados utilizados en una serie de plantillas, es mejor primero clonar el módulo para evitar que el contenido de la página se pierda. Luego, resolver los errores en el módulo clonado y usar ese clon en tus plantillas en el futuro.

¿Cómo puedo agregar un grupo global a mi módulo?

En lugar de usar {%, include %} en tu módulo personalizado para agregar un grupo global, puedes agregar un campo de menú a tu módulo o editar el contenido global de los módulos. 

¿Puedo usar mis módulos personalizados de v1 en el nuevo administrador de diseño?

Sí, tu puede editar todos los módulos antiguos en el editor de módulo. Verás advertencias de validación y sugerencias para cualquier código que no esté admitido en el marco del módulo v2, pero podrás seguir editando y usar estos módulos en HubSpot.

Si bien puedes mantener todos tus módulos personalizados existentes, no podrás crear nuevos módulos usando el viejo marco. Si clonas un módulo preexistente, el módulo clonado se creará en el nuevo marco del módulo.

 
 
/es/cos-general/design-manager-frequently-asked-questions