Este documento proporciona un tutorial sobre cómo crear y compartir una revista digital usando la herramienta Flipsnack. Explica cómo crear una cuenta en Flipsnack, diseñar una revista eligiendo plantillas, agregar texto e imágenes, y publicar la revista en línea mediante la incorporación del código HTML en una página de Google Sites para que otros usuarios puedan verla.

1. TUTORIAL FLIPSNACK
MIGUEL ÁNGEL ROMERO OCHOA
KEVIN OMARVALENZUELA RAMOS
ABRIL DE 2021

2. CONTENIDO
• ¿QUÉ ES FLIPSNACK?
• CREAR CUENTA
• CREAR REVISTA
• COMPARTIR NUESTRA REVISTA CON CODIGO HTML EN GOOGLE SITES.

3. ¿QUE ES FLIPSNACK?
Es una herramienta que permite crear catálogos/revistas de forma profesional e interactiva
para el usuario, creando efectos de cambio mientras de navega de una página a otra.

4. CREAR CUENTA
Para ingresar a los servicios de
Flipsnack tenemos que iniciar sesión o
bien registrarnos en la plataforma si
aún no lo estamos.

5. Podrás registrarte desde cero o iniciar sesión con
tu cuenta de Google o Facebook.

6. Si decidiste iniciar sesión con tu cuenta de Google o
Facebook, automáticamente se obtendrán tus datos de
usuario. Algunos servicios se nos ofrecen de manera
gratuita pero hay opciones más avanzadas en las cuales se
tendría que pagar una membresía, pero en nuestro caso
con los servicios básicos podremos trabajar. En ese caso
podemos cargar un archivo de PDF que ya tengamos
echo y crear una nueva revista y comenzar a editarla
completamente desde la plataforma.

7. CREAR REVISTA
Una vez que le damos clic para comenzar a crear nuestra revista, tenemos que
asignar el tamaño con el que queremos trabajar y se mostrará una vez terminada.

8. Nos ofrece múltiples opciones para
trabajar: podemos comenzar con las
plantillas predeterminadas que nos
ofrece. Al momento de elegir una
plantilla podemos elegir ciertas páginas
o elegir todas las páginas de esa
plantilla.

9. En la opción de “link” podrás encontrar opciones
para hacer tu revista más interactiva con el usuario.

10. En la sección de texto podrás crear tus propios
contenidos textuales: también se pueden seleccionar
algunas plantillas de tipo texto con una estructura visual
más estética.

11. También podrás cargar tus propias
imágenes de la computadora (uploads) o
poder encontrarlas en el buscador que
ofrece la herramienta.

12. En la sección de “interact” podrás encontrar una gran
variedad de elementos para generar interacción entre tu
revista y alguna / algunas redes sociales.

13. Podrás colocar cientos de formas que
dentro de tu revista, ya sean figuras,
letras, números, tipos de letras, etc.
También tenemos la opción de poder
agregar GIFs o Stickers.

14. Al hacer clic en ese recuadro se nos
abrirá un apartado con las opciones de
colores que queramos elegir para que
el cuerpo de nuestra revista quede más
llamativa para el lector.

15. En la parte superior del área de trabajo podrás encontrar las opciones de “nueva revista,
actualizar versión, previsualizar, descargar y publicar”
Vista previa.

16. En la sección de apariencia podrás editar la
apariencia de la revista: forma en la que se puede
desplazar el lector, los colores de fondo, etc.

17. Antes publicar nuestra revista, nos pide que le
agreguemos el titulo con el que se identificará,
así como una descripción breve que sea
atractiva para tus lectores.

18. COMPARTIR NUESTRA REVISTA CON CODIGO
HTML EN GOOGLE SITES.
Una vez terminada nuestra revista
debemos dar clic en “Publish” y
posteriormente en “Embed” lo que te
mostrará el código HTML que tienes
que copiar para llevarlo a tu sitio web y
pueda ser incrustada.

19. Una vez copiado el código HTML de nuestra
revista nos dirigimos a Google Sites y entramos
a la pagina donde queramos agregar nuestra
revista. Le damos clic al botón de
“INCORPORAR” y nos abrirá una ventana
emergente en la que tendrás que pegar el
código HTML obtenido previamente.

20. Así es como se mostraría la revista ya agregada
en nuestra página de Google Sites.

21. Y aquí tenemos una vista previa de como se ve
nuestra revista en nuestra pagina de Google Sites.

22. REFERENCIAS.
https://www.flipsnack.com/es/