Añade llamadas a la acción (CTA) a tu contenido
Última actualización: octubre 21, 2024
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
Marketing Hub Starter , Pro , Enterprise |
Content Hub Starter , Pro , Enterprise |
Después de crear tu Llamada a la acción (CTA), puedes Agregar la CTA tanto a HubSpot como a páginas externas. Cuando configures tu CTA para páginas externas, deberás instalar el código de seguimiento de HubSpot . También puedes Agregar CTA a tus correos electrónicos de marketing de arrastrar y soltar .
La forma de añadir una CTA a una página depende del tipo de CTA que hayas creado:
- Si utilizas CTA incrustados, puedes añadir un máximo de 100 CTA incrustados por página. Los CTA incrustados pueden utilizarse de las siguientes formas:
- El módulo de llamadas a la acción por defecto en las páginas de HubSpot
- El módulo de botones por defecto en un correo electrónico de marketing
- Un fragmento de código en tu sitio web externo
- Si utilizas un banner adhesivo, una caja emergente o una llamada a la acción deslizante, puedes
- Active la CTA para que aparezca cuando un visitante haga clic en un botón.
-
- Seleccione uno o varios activadores de y, a continuación, establezca objetivos utilizando la URL del sitio web o la información de los visitantes. Una vez que se cumpla el primer criterio de activación, la CTA aparecerá en las páginas seleccionadas y para los visitantes especificados:
- Activar al desplazarse por la página
- Activar al salir
- Activar tras el tiempo transcurrido
- Activar tras inactividad
- Seleccione uno o varios activadores de y, a continuación, establezca objetivos utilizando la URL del sitio web o la información de los visitantes. Una vez que se cumpla el primer criterio de activación, la CTA aparecerá en las páginas seleccionadas y para los visitantes especificados:
Añade una CTA a tu contenido de HubSpot
En tus páginas de HubSpot, se instala automáticamente el código de seguimiento . En la mayoría de los desencadenantes de activación , la CTA aparecerá cuando se cumpla el primer desencadenante. Sin embargo, para utilizar una CTA incrustada o una CTA que se active cuando un visitante haga clic en un botón, tendrás que añadir manualmente la CTA.Agregar una CTA a una página de HubSpot
Puedes incrustar CTA en las páginas alojadas en HubSpot utilizando el módulo Llamada a la acción.
-
Ve al contenido en el que quieres añadir el enlace:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
- Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
- Clic en el nombre de tu contenido.
- En el Editor de contenidos, haz clic en el botón + Agregar de la barra lateral izquierda.
- En el Editor de la barra lateral, busca y haz clic en el módulo Llamada a la acción , y arrástralo hasta la posición en la página.
- En la sección CTA , haga clic en Seleccione.
Agregar un CTA a una publicación de blog HubSpot
- En tu cuenta de HubSpot, dirígete a Contenido > Blog.
- Clic en el nombre de tu publicación.
- En el Editor de contenido, haz clic en el módulo de texto enriquecido para personalizar su contenido.
- En la barra de herramientas de texto enriquecido, haga clic en Insertar > Llamada a la acción.
- En el panel derecho, haz clic en la pestaña CTAs .
- Selecciona una CTA para insertar, y luego haz clic en Insertar.
- En el panel izquierdo, haz clic en Aplicar cambios. La CTA seleccionada se mostrará ahora en su editor de texto enriquecido y en su vista previa.
Activa tu CTA al hacer clic en un botón en HubSpot
Puedes activar tu banner adhesivo, cuadro emergente o CTA deslizante cuando los visitantes hagan clic en un botón de una página. Para configurar este disparador utilizando un módulo de botón predeterminado en una página de HubSpot:-
Ve al contenido en el que quieres añadir el enlace:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
- Páginas de destino: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
- Clic en el nombre de
- En el panel izquierdo, en la pestaña Añadir , busque y seleccione el módulo de botonespor defecto. Haga clic y arrastre el módulo de botón a su página.
- En el panel izquierdo, haz clic en el menú desplegable Enlace a y selecciona CTA.
- Haz clic en el menú desplegable CTA y selecciona un CTA existente.
- Continúe configurando su módulo de botones.
Añade una CTA incrustada a tus correos electrónicos de marketing de arrastrar y soltar
Agregar CTAs incrustados a tus correos electrónicos de marketing de arrastrar y soltar y realizar un seguimiento de la eficacia de tu oferta CTA a través de múltiples puntos de contacto.
Para Agregar una CTA en el Editor de correo electrónico de arrastrar y soltar:
- En tu cuenta de HubSpot, dirígete a Marketing > Correos de marketing.
- Pasa el ratón por encima del correo electrónico al que quieras añadir la CTA y haz clic en Editar. O Crea un nuevo correo.
- En el panel izquierdo, haz clic y arrastra el módulo Botón al editor de correo electrónico.
- En el panel izquierdo, haz clic en el menú desplegable Enlazar con. A continuación, selecciona CTA.
- Bajo el campo CTA, haz clic en Seleccionar.
- En el panel derecho, selecciona una CTA para insertar y haz clic en Insertar.
Nota: sólo admite un único botón o una imagen al crear o seleccionar un CTA para tu correo electrónico. No se pueden utilizar CTA con varios elementos, como un botón y una imagen.
Personaliza los botones de un tema para activar tu CTA al pulsar el botón
Si estás utilizando un tema personalizado en HubSpot, es posible que tengas que personalizar el módulo de botones del tema para activar una CTA.
Si está editando un tema predeterminado, primero debe clonar . Los temas adquiridos en Asset Marketplace no pueden clonarse; se recomienda crear un tema hijo en su lugar.
Para personalizar el módulo de botones de su tema:
- En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
- En la parte superior izquierda, busque su módulo de botones .
- En el panel derecho, pase el ratón sobre Botón (grupo Campo) y haga clic en Editar.
- En Campos agrupados, pase el ratón por encima de URL (Dirección URL) y haga clic en Editar.
- Haga clic en el menú desplegable Tipos de URL admitidos. A continuación, seleccione la casilla CTA.
- En la parte superior derecha, haz clic en Publicar cambios. Después de publicar sus cambios, la opción CTA debería aparecer cuando utilice el módulo de botones temáticos en sus páginas.
Añade un CTA a tu contenido externo
Puedes añadir CTAs a tus páginas externas. Antes de utilizar un CTA de HubSpot en tu sitio web externo, debes instalar el código de seguimiento de HubSpot .
Después de instalar el Código de seguimiento, para la mayoría de los desencadenantes de activación de , la CTA aparecerá cuando se cumpla el primer desencadenante. Sin embargo, para utilizar una CTA incrustada o una CTA que se active cuando un visitante haga clic en un botón, tendrás que añadir manualmente la CTA.
Inserta una CTA en tu sitio web externo
Para añadir un CTA incrustado a tus páginas externas:
- En tu cuenta de HubSpot, dirígete a Marketing > CTA.
- En la parte superior izquierda, haz clic en el menú desplegable y selecciona CTA.
- Pasa el ratón por encima de una CTA y haz clic en Acciones > Incrustar.
- haz clic en copiar al portapapeles para copiar el código CTA a tu portapapeles.
- Navega hasta el sistema de gestión de contenidos (CMS) de tu sitio web externo.
- Pega el código de incrustación de la CTA en el HTML de tu página que no sea de HubSpot, donde quieras que aparezca la CTA.
- Obtén una vista previa de tu CTA en la página web para comprobar cómo se ve cuando está en directo. Si la CTA no se muestra correctamente, compruebe que su CMS externo no ha alterado el código.
- Cuando hayas terminado, publica tu página.
Por lo general, la edición de la CTA no afectará a su código de incrustación. Por ejemplo, la edición de la opción Abrir enlace en nueva pestaña no cambiará el atributo target="_blank"
del código incrustado.
El fragmento de código incrustado actúa como marcador de posición antes de que se muestre la versión iframe de la CTA. Esta versión renderizada del CTA reflejará el valor correcto de Abrir en nueva pestaña establecido en el editor.
Para abrir un enlace en la misma ventana del marcador de posición, los usuarios pueden cambiar manualmente la etiqueta de atributo de destino a target="_self"
.
Activa una CTA al hacer clic en un botón de tu sitio web externo
Antes de utilizar un CTA en su sitio web externo, debe instalar el código de seguimiento HubSpot. Para configurar su activador en una página externa:
- En tu cuenta de HubSpot, dirígete a Marketing > CTA.
- En la parte superior izquierda, haz clic en el menú desplegable y selecciona CTA.
- Pase el ratón por encima de una CTA y haga clic en Editar.
- En la parte superior, haz clic en la pestaña Segmentación.
- En la sección del botón Trigger on, haga clic en Fragmento de código.
- En el cuadro de diálogo, haz clic en Copiar.
- Pega las clases de incrustación en el botón de tu sitio web externo. Si no está seguro de cómo añadir clases CSS a los botones de su sitio, es posible que tenga que trabajar con su webmaster, departamento de TI o desarrollador.