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

Edita el tamaño de una CTA

Última actualización: enero 19, 2023

Requisitos

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

Ajusta el tamaño de tu CTA usando las opciones de cambio de tamaño incorporadas y CSS personalizada. 

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > CTAs.
  • Coloca el cursor sobre una CTA existente y haz clic en el menú desplegable Acciones y luego selecciona Editar.
  • En el panel deslizante, haz clic en Opciones avanzadas.

  • Desmarca la casilla de comprobación Definir tamaño automáticamente, luego ingresa los valores de tamaño en los campos Relleno horizontal y Relleno vertical.
  • Haz clic en Siguiente >
  • Haz clic en Guardar y luego en Finalizar

Para que la CTA llene todo el ancho de su contenedor o módulo, después de haber diseñado la CTA de botón personalizada:

  • Desmarca la casilla de comprobación Definir tamaño automáticamente 
  • En el campo CSS personalizado, escribe tu CSS personalizada.
  • Ajusta el ancho a width: 100%;
  • Haz clic en Siguiente >
  • Haz clic en Guardar y luego en Finalizar.

Si estás incrustando una CTA de imagen en un sitio que no pertenece a HubSpot, es posible que debas aplicar declaraciones CSS adicionales (como width: 100%;) dentro de tu hoja de estilo para que la CTA de imagen sea adaptable.

¿Qué es la optimización de retina?

La optimización de retina hace que la imagen de CTA sea más nítida cuando se observa en las páginas del sitio y en correos electrónicos, si tus destinatarios ven la CTA en las versiones modernas de Apple Mail y el correo de iOS; esto no es compatible con los servicios de Outlook o correo electrónico web como Gmail.  

La optimización de retina es compatible cuando carga una imagen que tiene, al menos, el doble del tamaño necesario para la CTA, de manera similar a cómo funciona el soporte de retina para todas las imágenes en Internet. Si estás creando una CTA que será de 400 px por 100 px, la imagen cargada debe ser de 800 px por 200 px para ser compatible con una visualización de densidad de 2x píxeles. Las CTA son compatibles con una versión de 4x, en este caso, la carga de una imagen de 1600 px por 400 px. La CTA se visualizará automáticamente en el sitio web con un atributo srcset que sirve para las versiones de 1x, 2x, 3x y 4x, donde esté disponible. 

Si la imagen se carga con el tamaño en que se visualizará la CTA (p. ej., una imagen de 400 px por 100 px cargada para una CTA de 400 px por 100 px), no será compatible con la característica de retina.

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.