¿Cómo crear una llamada a la acción (CTA) en HubSpot?

Última actualización: December 28, 2016

Esta guía te enseñará cómo crear una CTA en HubSpot que sea atractiva, convincente y eficaz. Para obtener más información sobre porqué debes usar CTA en tu sitio web, blog y contenido de correo electrónico, y para conocer las mejores prácticas sobre el uso de CTA, dale un vistazo a nuestro artículo Mejores prácticas de las llamadas a la acción.

Instrucciones

Sigue estos pasos para aprender a crear una CTA eficaz.

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 la CTA

En el primer recuadro de la pestaña Información, escribe el nombre a tu CTA. Este no es el texto que aparecerá en la CTA; es solo el nombre interno que utilizarás para organizar tus CTA.

4. Seleccionar una campaña

En el menú desplegable, elige una campaña con la que deseas asociar la CTA. Para crear una nueva campaña, haz clic en el botón Añadir nueva....

5. Ingresar el enlace de la CTA

Ahora 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 ingresa la dirección en el recuadro Vincular URL que se encuentra a continuación.

Si decides vincular tu CTA a una de las páginas de tu sitio web alojadas en HubSpot, haz clic en la opción Tus páginas. Selecciona una página en el menú despegable Redirigir a la página. A partir de aquí, puedes elegir una página desplazándote o buscando en el menú desplegable. Una vez que selecciones una página, la dirección aparecerá automáticamente en el recuardo Vincular URL.

También tienes la opción de que la dirección URL vinculada a 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.

Si quieres vincular tu CTA a un archivo, puedes introducir la URL del archivo en el recuradro URL de destino. Puedes obtener la URL de un archivo en el Administrador de archivos. Lee este artículo para aprender a obtener la dirección URL de un archivo.

6. Seleccionar el tipo de botón

Ve a la pestaña Diseño en la parte superior de la ventana Crear una CTA. Selecciona el tipo de botón que prefieras. Si deseas diseñar tu botón utilizando las opciones que HubSpot te brinda en la herramienta, selecciona Personalizar botón. Si deseas utilizar una imagen personalizada para tu CTA, selecciona Imagen del botón. Este ejemplo te mostrará cómo crear un botón de CTA personalizado en la herramienta de diseño de CTA de HubSpot. Si deseas aprender cómo crear una CTA utilizando una imagen personalizada, lee esta guía.

7. Seleccionar el estilo del botón

Utilizando el menú desplegable, selecciona un estilo para tu botón.

8. Seleccionar un color de fondo

Elige un color de fondo para tu botón. Puedes escribir un código HTML de color o utilizar la paleta para encontrar un color. Una vez que lo hayas elegido, haz clic en el botón Finalizar. Mira el video breve a continuación para ver la forma de elegir un color.

9. Seleccionar el tamaño del botón

El tamaño del botón se ajusta automáticamente. Si deseas crear tu propio tamaño, desmarca la casilla, y ajusta el ancho y la altura de las cajas con las dimensiones de deseas.

Ajustar el ancho y la altura

Si deseas personalizar la altura y el largo, introduce las dimensiones que deseas.

10. Personalizar CSS en tu botón

Si deseas crear una CSS personalizada para tu botón, haz clic en el botón Personalizar CSS .

Crear una CSS personalizada

Se abrirá una nueva pestaña CSS, en ella puedes crear fácilmente una clase de CSS y escribir una CSS personalizada. Todos los cambios se actualizarán en tiempo real en la vista previa de la CTA. La CSS autogenerada, basada en el estilo de CTA seleccionado, aparecerá en la columna de la izquierda.

Si quisieras volver al diseño predeterminado por HubSpot, haz clic en el botón Restablecer a predeterminado. Se guardará tu diseño original.

Puedes añadir propiedades directamente al campo Personalizar CSS o escribir selectores CSS completos, como se muestra a continuación. Esto te permite personalizar efectos de activación y otros estados de la CTA. Para controlar por completo el estilo de tu CTA, debes utilizar el botón de estilo "Vinculo simple".

11. Escribir el texto de tu botón de CTA

En la caja de edición de Texto en la pestaña Diseño, escribe el texto de tu CTA. Utiliza los menús de Edición y Estilo para elegir el tipo de letra y el estilo del texto.

Ten en cuenta las Mejores prácticas de las llamadas a la acción a la hora de escribir el texto.

Más consejos para ayudarte a empezar:

  • Para tener varias líneas de texto, pulsa la tecla Intro en el teclado.
  • El texto de la CTA se utiliza automáticamente como el texto alternativo para tu botón (solo con estilos de botón predeterminados).
  • Si deseas agregar símbolos al texto, puedes usar HTML.

Mira el video a continuación para aprender a escribir el texto de tu CTA y a cambiar el tipo y el color de la letra.

12. Crear tu CTA

Cuando estés  listo para terminar de crear tu CTA, haz clic en el botón Crear CTA para completar tu sorprendente y maravillosa CTA.

13. Revisar tu nueva CTA

Ahora puedes ver tu CTA en el panel de CTA. Para cambiar el nombre de la CTA, solo debes haz clic en el nombre de la CTA o en el icono lápiz.

Aquí es también donde se puede editar, clonar, crear una variación de prueba o eliminar por completo la CTA. Estas opciones están disponibles bajo el icono de Configuración. Para revisar las características del panel de CTA, lee este artículo.

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: