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

Última actualización: December 28, 2016

Si deseas 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 aprender a crear una CTA con una imagen personalizada. Para aprender a utilizar uno de los estilos de botón de CTA de HubSpot, haz clic aquí.

Contenido > Llamadas a la acción

Desde tu Panel, ve a Contenido y, luego, selecciona la herramienta Llamadas a la acción .

2. Seleccionar "Crear una CTA"

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

3. Nombrar tu CTA

Escribe el nombre de tu 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, ve a la pestaña Diseño. Selecciona Imagen de botón que se encuentra a la derecha.

5. Elegir la imagen

Este sería un buen momento para crear una imagen si no lo has hecho ya. Una vez que tu imagen esté lista, selecciona la imagen que deseas para tu CTA, haz clic en el botón Elegir imagen.

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 alternativo para la imagen

En el campo Texto alternativo, escribe el texto alternativo (el texto que aparecerá si la imagen no está disponible) para tu CTA. Recuerda que el texto debe ser claro y conciso, igual que el texto de la CTA, para que la oferta sea obvia para el usuario.

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, puedes cambiar la altura y el ancho utilizando los botones de cambio de tamaño. Haz clic en los botones "menos" para hacer la imagen más pequeña o en los botones "más" para hacerla más grande. Si quieres volver al tamaño original de la imagen, haz clic en el botón Original.

8. Ingresar el enlace de la CTA

Vuelve a la pestaña Información. Decide si deseas vincular tu 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  Vincular a. Si decides vincularla a una dirección web, simplemente escribe la dirección en el recuadro URL de enlace que se encuentra a continuación.

Si deseas vincular tu CTA a una de tus páginas alojadas en HubSpot, haz clic en el botón Tus páginas en el menú despegable Vincular a. Desde aquí puedes elegir una página fácilmente desplazándote o buscando en el menú desplegable.

También tienes la opción de que la dirección URL de tu CTA se abra en una ventana distinta, después de hacer clic en la CTA. Para ello, marca la casilla que se encuentra junto a Abrir en una nueva ventana. Esta función generalmente se utiliza cuando tu CTA se vincula a una página que no está en el mismo dominio.

9. Crear tu CTA

Ya estás listo para terminar de crear tu CTA. Haz clic en el botón Crear CTA para completar tu maravillosa y espectacular CTA.

10. Revisar tu nueva CTA

Ahora serás capaz de previsualizar tu CTA en el panel de CTA. Aquí también es donde puedes editar, clonar, crear una variación de prueba o eliminar tu CTA. Para ello, haz clic en el icono de Configuración.

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: