Configuración de acciones de botón, texto e imagen

En este artículo, aprenderá a configurar acciones en botones, texto e imágenes. Esto le permitirá recibir información de sus clientes, mostrar secciones específicas, agregar códigos cortos, etc.

 

Antes de comenzar, deberá tener lo siguiente:

Configuración de acciones de botón, texto e imagen

Establecer una acción en su página de funnel mediante botones, texto e imágenes permitirá a sus clientes enviar información, abrir o cerrar ventanas emergentes y desplazarse a una sección, fila o elemento específico. También podrán aceptar o rechazar ofertas OTO, así como cerrar sesión en su Área de Membresía, entre otras cosas.

Para establecer una acción de botón, texto e imagen, debe agregar un código corto. Un shortcode es un código abreviado que puede insertar en el  Editor de página  para crear acciones en su página sin usar un lenguaje de programación. En otras palabras, es una etiqueta que llama a un script para que se ejecute, ya sea que lo coloque en un botón, texto o imagen. Los códigos cortos funcionan como etiquetas HTML, con la diferencia de que en lugar de usar los símbolos menor y mayor que (<>), generalmente comienzan con un hashtag (#).

 

Códigos cortos disponibles

Esta es una lista de los códigos cortos que puede usar en ClickFunnels.

Códigos generales

# submit-form  : se utiliza en cualquier página en la que se envíe  un formulario. Esto enviará el formulario y enviará a los visitantes al siguiente paso del funnel. Tenga en cuenta que siempre se requiere un campo de correo electrónico para el envío de formularios en ClickFunnels.

# open-popup  : se utiliza en cualquier página para abrir la ventana emergente en esa página. Tenga en cuenta que deberá configurar la ventana emergente en su página para que esto funcione correctamente. 

# close-popup  : se utiliza en cualquier página para cerrar la ventana emergente. Deberá colocar esto en algún lugar dentro de su ventana emergente para que los visitantes lo usen correctamente. 

# scroll-title  : esto requiere que revise el título de una sección, fila o elemento en su página ClickFunnels.

1. Puede encontrar el título haciendo clic en el  icono  de  engranaje de la sección, fila o elemento al que desea desplazarse y luego haga clic en el  icono de hashtag  para acceder a la información de CSS.

Setting_Button__Text__and_Image_Actions_1.png

2. Después de hacer clic en el icono del hashtag, accederá a la información CSS, donde podrá ver el título. Luego, debe insertar el código como  # scroll-title  y reemplazar el  título  con el título de la sección, fila o elemento. Se recomienda que copie y pegue el título para asegurarse de que sea exacto.

Setting_Button__Text__and_Image_Actions_2.png

tel: +1234567890  : se utiliza en cualquier página para crear un botón, texto o imagen de clic para llamar. Debería reemplazar los números en este método con el número de teléfono al que desea que llamen los miembros.

mailto: [email protected]  : se utiliza en cualquier página para crear un botón de correo electrónico, texto o imagen. Reemplazaría  [email protected]  en este ejemplo con la dirección de correo electrónico que desea utilizar.

 

Formulario de pedido y códigos de solo páginas OTO

# yes-link  : se utiliza en las páginas OTO para agregar el producto OTO al pedido de un visitante. Esto también enviará la página, enviando al visitante al siguiente paso del funnel.

# no-link  : se utiliza en las páginas OTO para omitir la oferta del producto OTO. Si hay una página de venta reducida a continuación en el funnel, enviará al visitante a esa página. De lo contrario, aterrizarán en el siguiente paso del funnel.

 

Código de área de membresía

/ members / sign_out  : se utiliza para cerrar la sesión de un miembro en un área de membresía.

 

Configurar acciones

Agregar un código corto a un botón

1.   Desplácese sobre el elemento del botón y haga clic en el  icono de engranaje  para acceder a la configuración del botón.

Setting_Button__Text__and_Image_Actions_5.png

2.   Haga clic en el  botón  Establecer acción  .

Setting_Button__Text__and_Image_Actions_6.png

3.   Elija la  opción  Ir a URL del sitio web  y agregue el código en el campo vacío.

Setting_Button__Text__and_Image_Actions_7.png

Agregar un código corto a un texto

Esta opción le permitirá utilizar todos los códigos cortos disponibles en ClickFunnels.

1.   Haga clic en el elemento de texto y resalte el  texto al  que desea agregar el código corto.

2.   Haga clic en el  icono de enlace  .

Setting_Button__Text__and_Image_Actions_8.png

3.   Pegue el código en el  campo  URL  del enlace  .

Setting_Button__Text__and_Image_Actions_9.png

 

Agregar un código corto a una imagen

Esta opción le permitirá usar todos los códigos cortos disponibles en ClickFunnels, con la excepción del código corto # scroll-title. Si desea usar una imagen para desplazarse, puede usar el  selector de ID de CSS  , en lugar del código corto.

Setting_Button__Text__and_Image_Actions_13.png

1.   Pase el cursor sobre el elemento de la imagen y haga clic en el  ícono  de ajustes para acceder a la configuración de la imagen.

Setting_Button__Text__and_Image_Actions_10.png

2.   Pegue el código corto en el  campo  URL  del enlace  También puede seleccionar un código corto después de hacer clic en el campo URL del enlace .

Setting_Button__Text__and_Image_Actions_11.png

Después de realizar cualquier cambio en su página, no olvide hacer clic en el  botón  Guardar  .

Setting_Button__Text__and_Image_Actions_12.png

 

 

Si tienes alguna pregunta sobre esto, comunícate con nuestro equipo de soporte haciendo click en el ícono de soporte en la esquina inferior derecha de esta página. Puedes pedir que te atienda un agente en Español en nuestro chat.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article