Microcurso widgets

🪙

Widgets Trucos y casos de uso

🗓️

🎲

Empezar

🖼️

Definición

Texto

Recursos

Elementos interactivos

Preguntas interactivas

Widgets

Insertar

Estilos

Fondo

Páginas

Texto

Recursos

Elementos interactivos

Preguntas interactivas

Widgets

Insertar

Estilos

Fondo

Páginas

Texto

Recursos

Elementos interactivos

Preguntas interactivas

Widgets

Insertar

Estilos

Fondo

Páginas

¿Qué es un widget?

Son elementos con diferentes funciones configuradas. Se utilizan para dar emoción, añadir interactividad o controlar tu contenido y el momento en el que se accede a él.

Consejos

1. Haz el widget invisible

3. Ajusta el diseño

Baja la opacidad del widget de cuenta atrás o temporizador si el usuario no necesita saber el tiempo.

Elige entre las diferentes opciones que te proponemos o personalízalo con recursos.

2. Añade interactividad

4. Explora todas las posibilidades

Añade interactividad para que al llegar al tiempo se realice una acción. O usa la interactividad mostrar para activar el tiempo.

Juega con las diferentes posibilidades del carrusel. Cada disposición puede tener un uso diferente.

Casos de uso

Casos de uso

Te mostramos algunos de los múltiples casos de uso de los widgets. Algunos son reutilizables para que puedas observar cómo se han hecho a detalle

Caso de uso 1/10

00:20

1. Preguntas con tiempo

Establece un tiempo de respuesta dentro de los ajustes de tu pregunta interactiva. Solo tendrán ese tiempo para responder. Al llegar al 00 puedes dirigirles a otra página o mantenerte en la misma.

Caso de uso 2/10

2. Juegos con tiempo

Añade un temporizador a tu juego para retar a tu audiencia. Añade interactividad mostrar cuando se acabe el tiempo y bloquea con un recurso el área de juego.

Caso de uso 3/10

00:07

00:02

Pasa el cursor y descubre las constelaciones visibles en los diferentes cielos

00:12

3. Acumular ventanas

Crea una superposición de ventanas que se abren por tiempo. Para hacerlo oculta el temporizador (baja la opacidad) y habilita la interactividad ventana al finalizar el tiempo. Haz lo mismo con diferentes temporizadores de forma escalda. Las ventanas se abrirán una encima de la otra.

Caso de uso 04/10

4. Efectos por tiempo

Puedes activar diferentes efectos (corazones, globos, burbujas...) al terminar el tiempo establecido. Es una forma fácil de animarlo. Si además muestras un elemento por encima del juego, bloqueará cualquier acción.

Caso de uso 5/10

• Intermedio
• 45 minutos
• 9 contenidos

VER CURSO

Comunicación Visual Interactiva

Storytelling Visual

• Básico
• 30 minutos
• 7 contenidos

VER CURSO

5. Habilitar un contenido

Incluye una cuenta atrás para programar tus contenidos. Al finalizar el tiempo puedes decidir qué mostrar u ocultar. De esta forma puedes habilitar la interactividad o bloquear el acceso de forma asíncrona.

PRÓXIMO MICROCURSO

7 tipos de quiz interactivo

Animaciones avanzadas no-code

Animaciones avanzadas no-code

• Intermedio
• 8 minutos
• 1 contenido

VER MICROCURSO

00:00:00:00

Days

Hrs

Mins

Secs

Caso de uso 6/10

6. Acceso temporal

La IA aplicada al marketing

Usa la cuenta atrás para tu web o campañas de marketing. Con una cuenta atrás decides cuándo empieza a mostrarse y con otra cuándo debe ocultarse. Solo será accesible durante ese espacio de tiempo.

Webinar online, 12 DIC, 4pm Solo acceso en directo

ENTRAR

00:00:00:00

Days

Hrs

Mins

Secs

Caso de uso 7/10

Presta atención al tiempo

1.

Pulsa en el huevo para sacarlo del agua. Si no está cocinado, vuélvelo a meter.

2.

Consigue cocinarlo al punto: pasado por agua

3.

INSTRUCCIONES

Empezar

00:00

7. Cronómetro con storytelling

Huevo crudo <1min

Huevo semi crudo 1-2 mins

Huevo pasado por agua 3 mins

Al añadir un cronómetro tu audiencia será consciente del tiempo que pasa. Un recurso muy útil para construir tu narrativa o para incluirlo en mini juegos donde el tiempo sea la clave.

Caso de uso 8/10

Y la persona ganadora de la rifa es...

Haz clic en la caja para descubrirlo

Hacer un sorteo

Sacar una carta

Utiliza el randomizer para generar efecto de carta aleatoria. Coloca como imagen de portada la carta boca abajo para aumentar el realismo.

Genera un sorteo con el randomizer. Incluye las imágenes de los participantes o crea archivos png con los nombres. Añade un gif como portada para mejorar el diseño final.

Caso de uso 9/10

9. Instrucciones paso a paso

Utiliza la galería para crear unas instrucciones paso a paso. Añade gifs o imágenes en cada vista y escribe la instrucción o texto en la descripción. Este tipo de widget te ayudará a sintetizar tus ideas y representarlas visualmente.

Caso de uso 10/10

10. Descubre el personaje

Crea un juego al combinar diferentes galerías. Tu audiencia deberá encajar las imágenes superiores con las inferiores. Añade después una pregunta interactiva para que puedan resolver el juego.

Resolver

¡Buen trabajo!

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Pléyades

CIELO URBANO

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Nebulosa de Orión

Cúmulo de Ptolomeo

CIELO RURAL

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝

Galaxia del Triángulo

Galaxia Andrómeda

Vía Láctea

CIELO OSCURO

Preguntas con tiempo

🕜

Juegos con tiempo

Acumular ventanas

🪟

Efectos por tiempo

Habilitar contenido

🚨

Descubre el personaje

🔎

Acceso controlado

Cronómetro storytelling

Resultado aleatorio

Instrucciones

🔓

⏲️

🔀

📝