Hacer que un texto o una imagen sean clicables

¿Por qué hacer que el texto o las imágenes sean cliqueables?

Hacer que el texto o las imágenes sean cliqueables o interactivos mejora la experiencia y la participación del usuario. 

Al hacer que estos elementos sean cliqueables, puedes guiar a los usuarios a realizar acciones específicas, como abrir una ventana emergente o navegar a una sección específica de la página. 

Ejemplos:

• Haga clic en la imagen de un producto:Abre una ventana emergente con información detallada del producto.

• Utilice el texto como Botón:Permitir a los usuarios desplazarse a secciones específicas, como preguntas frecuentes o características del producto.

¿Cómo hacer que un texto o imagen sea cliqueable en GemPages?

Para esta guía, haremos que el texto "¿Tienes preguntas? Te ayudamos."Se puede hacer clic para desplazar a los usuarios hasta el sección de preguntas frecuentes de la página.

Paso 1: Agregar el elemento de texto o imagen

Si utiliza texto, asegúrese de que tenga estilo y se destaque para que los usuarios sepan que es interactivo.

Para más Elemento de bloque de texto personalizaciones, consulte este artículo.

Paso 2: Utilice interacciones para desencadenar acciones

En la barra lateral izquierda, navegue hasta Avanzado y desplácese hacia abajo hasta la sección Interacción .

Haga clic en Crear para abrir el panel de configuración.

"1. Comience con…”: Esto define el elemento que activa la acción. 

Seleccione la Forma para Bloque de Texto como elemento objetivo.

Al:Elige el tipo de interacción para activar la acción:

• Haga clic en Elemento:La interacción ocurre cuando el usuario hace clic en el texto o la imagen.
• Pase el cursor sobre el elemento: Opcional, para activar la acción cuando el usuario pasa el cursor sobre el elemento.

"2. Luego, haz esto…”: Especifique la acción desencadenada por la interacción.

Haga clic en Seleccionar objetivo en la página. Desplázate hacia abajo hasta sección de preguntas frecuentes y haga clic en el ícono de Encabezado elemento en esta sección.

Cuando haya terminado, haga clic en Establecer como objetivo para confirmar.

CAMBIAR:la acción que se activa cuando un usuario interactúa con el elemento (por ejemplo, hace clic o pasa el cursor sobre él).

• Desplazarse a:Mueve la vista de la página a una sección específica.
• Mostrar / Ocultar:Hacer visible un elemento oculto o viceversa.
• Fondo y forma:Modifica dinámicamente el color de fondo, la opacidad o la forma de un elemento.

Selecciona "Desplácese hasta " como la acción para activar el efecto de desplazamiento.

Luego, ajuste Desplazarse hacia la distancia superior:Ingrese un valor en píxeles (px) para controlar dónde se detiene la página al desplazarse a la sección de destino.