Última actualización: enero 20, 2023
Utiliza la herramienta de llamadas a la acción (CTA) para crear banners o ventanas emergentes para añadir a tus páginas de HubSpot y atraer a nuevos visitantes. A continuación, dirija el tráfico dirigiendo a los visitantes a páginas específicas, enlaces de reunión o URLs externas
Diseñe su CTA emergente
En el editor de CTA emergente, personalice el diseño de su CTA emergente para atraer a los visitantes
- En tu cuenta de HubSpot, navega a Marketing > Lead Capture > Pop-up CTAs.
- En la parte superior derecha, haga clic en Crear.
- Puede crear un nuevo flujo de trabajo desde cero o a partir de una plantilla:
- Para crear un nuevo CTA emergente a partir de una plantilla, en el panel derecho, haz clic en Plantillas de HubSpot. A continuación, seleccione una plantilla que se ajuste a sus objetivos.
- Para crear un nuevo CTA emergente desde cero, en el panel derecho, haga clic en Empezar desdecero. A continuación, seleccione Banner adhesivo o Caja emergente.
- Banner adhesivo: un banner permanente fijado en la parte superior o inferior de su página. El banner permanecerá mientras los visitantes se desplazan por su página.
- Cuadro emergente: un cuadro emergente que aparece en un horario establecido.
- En el panel de la izquierda, desde la pestaña Añadir , añada elementos y edite el diseño de su CTA emergente:
- Para añadir más contenido a su CTA emergente, haga clic y arrastre un nuevo elemento directamente en el panel derecho del editor de llamadas a la acción.
- Para modificar el diseño de su CTA emergente, pase el ratón por encima de un elemento y haga clic y arrástrelo a una nueva posición
- Para duplicar el elemento, pase el ratón por encima del elemento y haga clic en el icono icono.
- Para eliminar el elemento, pase el ratón por encima del elemento y haga clic en eliconode era.
- Para editar un elemento, haga clic en él. En el panel de la izquierda, puede editar el contenido y el diseño del elemento.
- En el panel izquierdo, haga clic en la pestaña Contenido para gestionar sus elementos.
- Para editar un elemento, haga clic en el nombre del elemento. En el panel de la izquierda, puede editar el contenido y el diseño del elemento.
- Para eliminar un elemento, pase el ratón por encima del elemento y haga clic en elicono de era
- En el panel izquierdo, haga clic en la pestaña Diseño para personalizar y previsualizar su CTA emergente
- Para personalizar la apariencia de su CTA emergente, haga clic en Tamaño, Diseño, Estilos o Fondo. A continuación, configure sus cambios en el panel izquierdo. Para las llamadas a la acción de tipo banner adhesivo, puede seleccionar una posición superior o inferior.
- Para obtener una vista previa de su CTA emergente en páginas específicas, haga clic en el menú desplegable Vista previa en página específica y seleccione la página de HubSpot para obtener una vista previa del CTA emergente.
- Para personalizar la apariencia de su CTA emergente, haga clic en Tamaño, Diseño, Estilos o Fondo. A continuación, configure sus cambios en el panel izquierdo. Para las llamadas a la acción de tipo banner adhesivo, puede seleccionar una posición superior o inferior.
Personalice dónde y cuándo se muestra su CTA emergente muestra
Después de configurar su CTA emergente, diríjase a los visitantes eligiendo cuándo quiere que este CTA emergente aparezca en su sitio. Añada filtros para combinar múltiples conjuntos de reglas sobre qué visitantes ven su CTA emergente. Más información sobre las reglas de targeting.
URL del sitio web
Puedes agregar la lógica condicional para las URL de páginas web específicas y los valores/o los parámetros de consulta. Por defecto, el CTA emergente aparecerá en todas las páginas.
- En la parte superior, haga clic en la pestaña Orientación .
- Para mostrar la CTA emergente cuando un visitante está en una URL de un sitio web específico, en la sección URL del sitio web
- Haz clic en el primer menú desplegable y selecciona URL del sitio web.
- Haz clic en el segundo menú desplegable y selecciona una regla de targeting.
- Introduzca los criterios de la regla en el campo de texto.
- Para mostrar la CTA emergente cuando un visitante está en una página del sitio web cuya URL incluye parámetros de consulta específicos:
- Haz clic en el primer menú desplegable y selecciona el Parámetro de consulta.
- En el primer campo de texto, escribe el nombre del parámetro de consulta.
- Haz clic en el menú desplegable y selecciona una regla de targeting.
- En el segundo campo de texto, escribe el valor del parámetro de consulta.
- Para agregar otra regla, haz clic en Agregar regla.
- Para excluir las llamadas a la acción de determinadas páginas (por ejemplo, una página de política de privacidad), haga clic en Añadir regla de exclusión.
- Seleccione cuándo ocultar el CTA emergente
- Haga clic en Añadir regla de exclusión.
- el primer menú desplegable para elegir cuándo debe ocultarse el CTA emergente .
- Haz clic en el siguiente menú desplegable para seleccionar las reglas de filtrado.
- Para añadir más reglas sobre cuándo ocultar su CTA emergente, haga clic en Añadir regla de exclusión y seleccione sus filtros.
- Para crear un nuevo conjunto de reglas de filtrado, haz clic en Agregar grupo de filtros y selecciona las reglas de filtrado.
Activadores de la activación
Seleccione un activador para determinar cuándo se mostrará la CTA emergente en su página. El CTA emergente aparecerá una vez que se cumpla el primer disparador seleccionado.
- En la sección Cómo/Cuándo, seleccione la casilla de verificación junto a los activadores que desee utilizar:
- En el 50% de desplazamiento de la página: la CTA emergente aparecerá cuando el visitante se haya desplazado hasta la mitad de la página.
- Intención de salida: la CTA emergente aparecerá cuando el visitante mueva el cursor a la barra superior de la ventana del navegador.
- Después del tiempo transcurrido x segundos: el CTA emergente aparecerá después de la cantidad de segundos especificada.
- Activación al hacer clic en un botón: la CTA emergente aparecerá cuando el visitante haga clic en un botón.
- Para configurar su activación en una página externa
- En la sección Trigger on button click, haga clic en Code snippet.
- En el cuadro de diálogo, haga clic en Copiar
- Pegue el código de inserción como el href en su botón en su sitio web externo.
- Para configurar su activación en una página externa
-
-
- Para configurar su activador en una página de HubSpot:
- Select un módulo de botones en cualquier página de HubSpot
- En el panel izquierdo, haga clic en el menú desplegable Enlace a y seleccione Llamada a la acción.
- Haga clic en el menú desplegable Llamada a la acción y seleccione una llamada a la acción existente.
- Continúe configurando su módulo de botones.
- Para configurar su activador en una página de HubSpot:
-
Personaliza tus opciones de CTA emergentes
En las pestañas Opciones, personaliza la opción para mostrar o no mostrar tu CTA emergente en tamaños de pantalla pequeños.
- En la parte superior, haz clic en la pestaña Opciones.
- En la sección de tamaños de pantalla pequeños, desactiva el interruptor para ocultar la CTA emergente en tamaños de pantalla pequeños.
Publica tu CTA emergente
Una vez que hayas terminado de configurar tu CTA emergente, puedes publicarla.
- En la parte superior derecha, haz clic en Revisar y publicar.
- En el panel de la derecha, revise su CTA emergente y haga clic en Publicar ahora. La CTA emergente se publicará automáticamente en las páginas de destino
