Cómo crear una llamada a la acción (CTA) con una imagen personalizada

Última actualización: January 24, 2018

Si quieres crear tu propia CTA en lugar de utilizar uno de los estilos de HubSpot, puedes hacerlo usando programas como Sketch, Adobe Photoshop o Microsoft Paint.

Instrucciones

Sigue estos pasos para crear una CTA con una imagen personalizada. Haz clic aquí para descubrir cómo utilizar uno de los estilos para botones de CTA de HubSpot.

1. Contenido > Llamadas a la Acción

Desde el panel, dirígete a Contenido y selecciona la herramienta Llamadas a la Acción.

2. Seleccionar Crear CTA

Selecciona el botón Crear CTA, que se encuentra en el lado derecho de la página.

3. Asignar un nombre a la CTA

Escribe el nombre de la CTA en el campo Nombre de la pestaña Información. Este no es el texto que aparecerá en la CTA; es solo el nombre interno que utilizarás para organizar tus CTA.

4. Seleccionar el tipo de botón

Para crear un botón con una imagen personalizada, dirígete a la pestaña Diseño. Selecciona Botón con Imagen a la derecha.

5. Elegir la imagen

Si aún no has creado una imagen, este es el momento indicado. Cuando lo hayas hecho, haz clic en el botón Elegir Imagen y selecciona la imagen que deseas para la CTA.

Tienes varias opciones para elegir una imagen. Puedes seleccionar una imagen desde el Administrador de Archivos, utilizar una dirección URL personalizada, cargar un archivo, usar un archivo de Dropbox o Google Drive, o arrastrar un archivo al rectángulo de puntos que se encuentra en la parte inferior de la pantalla.

Una vez que hayas seleccionado una imagen, haz clic en el botón Usar Imagen, que se encuentra en la parte inferior de la ventana.

6. Elegir el texto alt para la imagen

En el campo Texto Alt, escribe el texto alt (es decir, el texto que aparecerá si la imagen no se encuentra disponible) para la CTA. Recuerda que, al igual que el texto de la CTA, debe ser claro y conciso, para que el usuario comprenda la oferta.

7. Ajustar el tamaño de la imagen

El tamaño de la imagen está predeterminado por el tamaño original de la imagen personalizada, pero puedes modificar la altura y el ancho con los botones de cambio de tamaño. Haz clic en el botón con el símbolo menos (-) para reducir el tamaño de la imagen o en el botón con el símbolo más (+) para agrandarlo. Si quieres volver al tamaño original de la imagen, haz clic en el botón Original.

8. Introducir el enlace de la CTA

Regresa a la pestaña Información. Elige enlazar la CTA a una dirección web o a una de las páginas de tu sitio web. Haz tu selección en el menú despegable Enlazar a. Si decides enlazarla a una dirección web, introduce la dirección en la casilla Enlazar URL a continuación.

Si eliges enlazar la CTA a una de las páginas de tu sitio web alojadas en HubSpot, haz clic en la opción Tus Páginas del menú desplegable Enlazar a. Aquí podrás elegir una página desplazándote o buscando en el menú desplegable.

También puedes elegir que la dirección URL enlazada a la CTA se abra en otra ventana. Para seleccionar esta opción, marca la casilla que se encuentra junto a Abrir en Nueva Ventana. Esta característica generalmente se utiliza cuando la CTA se enlaza a una página que no pertenece al mismo dominio.

9. Crear la CTA

Ya estás listo para terminar de crear la CTA. Haz clic en el botón Crear CTA  para finalizar tu CTA sensacional.

10. Revisar la nueva CTA

Ahora podrás realizar una vista previa de la CTA en el Panel de CTA. Aquí también podrás editar, clonar, crear una variante de prueba o eliminar por completo la CTA. Para hacerlo, haz clic en el símbolo del engranaje.

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: