El botón es el Growth Tool más pequeño. No ocupa más espacio que un solo botón en su página. Cuando los visitantes hacen clic en él, se abre una ventana con su titular, un formulario opcional y la elección de su aplicación de calendario. Úselo donde una caja o un banner sería demasiado, por ejemplo junto a la descripción de un evento o en una barra de navegación.
Crear uno
Haga clic en Nueva herramienta de crecimiento y elija Botón. El editor tiene cuatro pestañas: Configuración, Formulario, Apariencia y Compartir. La vista previa muestra el botón en una página de ejemplo.
Configuración
La pestaña Configuración funciona igual que en cualquier Growth Tool. En Método, elija Suscribirse al calendario y añada calendarios con Agregar Calendario, o elija Añadir evento y añada eventos con Agregar Evento. La herramienta necesita al menos un calendario o un evento antes de poder guardarse.
Si cambia el método, un texto de botón que todavía dice «Suscribirse» cambia a «Agregar Evento», y viceversa. Un texto que haya escrito usted se queda como está.
El artículo sobre la landing page explica la configuración en detalle.
Growth Tool de página de destino
Formulario
Recopilación de Información de Contacto está desactivado en un botón nuevo, así que la ventana pasa directamente a las aplicaciones de calendario. Actívelo para pedir antes un nombre, una dirección de correo electrónico u otras respuestas. El formulario empieza con «Nombre completo» y «Correo electrónico», y Añadir campo añade más.
Las preguntas funcionan exactamente igual que en una landing page: cada una tiene una Pregunta, un Tipo de Respuesta y, para todo lo que no sea nombre y correo electrónico, un campo de miembro en Guardar respuesta en un campo personalizado. Las preguntas obligatorias deben responderse antes de que los visitantes puedan continuar, y una respuesta de correo electrónico debe parecer una dirección de correo electrónico.
Apariencia
Apariencia se divide en estados, y la vista previa sigue el que elija.
Estado Inicial es el propio botón: Colores de Botón para el fondo y el texto, Tamaño de Botón y Texto del botón.
Estado del Formulario solo aparece mientras Recopilación de Información de Contacto está activado. Da estilo a la ventana que se abre:
- Mostrar Descripción. El titular y la descripción se editan haciendo clic en ellos en la vista previa.
- Colores de Diseño para la ventana, el titular y la descripción, y Colores de los campos del formulario para los campos.
- Selector de Calendario: muestre las aplicaciones de calendario como mosaicos con nombre e icono (Botón), o como una fila de Iconos.
- Los colores, la posición y el texto del botón que envía el formulario.
Estado Enviado es la ventana después de que los visitantes hayan elegido su aplicación de calendario. Allí se fijan los colores, la posición y el texto de su botón.
Compartir: colocar el botón
La pestaña Compartir ofrece dos códigos. Para un botón, use el segundo, bajo O incrústelo como widget en línea. Como indica la nota, muestra el botón directamente en la página, sin iframe:
<div class="cdwidget-embed" data-widget-id="…"></div> <script src="https://…/assets/js/growth-tools.js" async></script>
Copie el código de la pestaña, no de este artículo, porque lleva la dirección y el código de su herramienta. Pegue ambas líneas donde deba aparecer el botón, por ejemplo en un bloque HTML de su editor de páginas.
Si coloca varios Growth Tools en una página, pegue ambas líneas para cada uno de ellos.
El botón solo aparece mientras la herramienta está activa. Un botón nuevo empieza inactivo, así que actívelo con el interruptor de estado de la cabecera del editor cuando esté listo.
El botón integrado recoge los ajustes actuales cada vez que se carga la página. Después de cambiar colores o textos y hacer clic en Guardar, no hace falta copiar el código otra vez.
Lo que ven los visitantes
Un clic en el botón abre la ventana. Si recoge datos de contacto, los visitantes responden primero a las preguntas y luego pasan a las aplicaciones de calendario. Eligen su aplicación de calendario, y la ventana cambia a su estado enviado, con el encabezado «Añadir al Calendario» y un botón que abre la aplicación en una pestaña nueva. Con Añadir evento, Google, Office 365, Outlook.com y Yahoo se abren con el evento ya rellenado.
Las inscripciones a través del botón cuentan como Opt-Ins en la lista de Growth Tools.