Este documento describe las funcionalidades que ofrece la plataforma WIX para crear sitios web, incluyendo la adición de elementos interactivos, dinámicos y personalizados, así como la adaptación a dispositivos móviles. Explica cómo agregar blogs, tiendas online, botones de redes sociales, formularios, mapas y código HTML para incorporar nuevas funciones. También cubre el panel de control, aplicaciones adicionales y la publicación del sitio.

1. CLASE 7
“Sitios para la Web en WIX.
Agregado de elementos
interactivos, dinámicos y a
medida. Adaptación a versión
celular”
TECNOLOGÍA DE LA COMUNICACIÓN
Lics. en Comunicación Social y Periodismo
FCH-UNSL
(Año 2015)
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-
COMPARTIRIGUAL 3.0 UNPORTED LICENSE

2. Pueden, de acuerdo a Pavlik (2006):
• Ser Multimediales (Amplitud de
modalidades comunicativas)
• Contener enlaces a diversidad de
elementos (Hipermedia)
• Permitir la interacción con el lector
(Participación de la audiencia)
• Modificarse en tiempo real (Contenido
dinámico)
• Dirigirse a una o más necesidades
particulares (A medida)
MEDIOS DIGITALES

3. WIX
Hasta el momento hemos trabajado con elementos multimediales e
hipermedia, pero Wix permite la inserción de otras tipologías de elementos
considerando las características de los medios digitales…

4. WIX
Menú Agregar (Blog)

5. WIX
Menú Agregar (Blog)
Agrega una página al sitio de forma automática con un blog con dos
publicaciones que pueden personalizarse en relación a su cantidad…

6. WIX
Menú Agregar (Blog)
También puede personalizarse en relación al texto y formato de su
contenido…

7. WIX
Menú Agregar (Blog)
Por su parte, la barra lateral puede ser modificada a través de cada uno
de sus elementos particulares…

8. WIX
Menú Agregar (Blog)
Y puede incorporar elementos disponibles desde el menú Agregar…

9. WIX
Menú Agregar (Blog)

10. WIX
Menú Agregar (Blog)
Rss

11. WIX
Menú Agregar (Blog)

12. WIX
Menú Agregar (Blog)
Muchos periódicos en línea poseen una sección Blog que es mantenida por
los diferentes periodistas de los medios…

13. WIX
Menú Agregar (Tienda Online)
Es útil en el caso de comercializar los productos de un sitio…

14. WIX
Menú Agregar (Tienda Online)
Galería de Productos

15. WIX
Menú Agregar (Tienda Online)
Carrito de compras

16. WIX
Menú Agregar (Tienda Online)
Ver Carrito

17. WIX
Menú Agregar (Tienda Online)
Agregar al carrito

18. WIX
Menú Agregar (Botones de Redes Sociales)

19. WIX
Menú Agregar (Botones de Redes Sociales)

20. WIX
Menú Agregar (Botones de Redes Sociales)

21. WIX
Menú Agregar (Botones de Redes Sociales)

22. WIX
Menú Agregar (Apss)
Formulario de Contacto

23. WIX
Menú Agregar (Apss)
Formulario de Suscripción

24. WIX
Menú Agregar (Apss)
Formulario de Suscripción
Cualquier tipología de formulario reenvía los mensajes de los lectores al
correo electrónico con el que nos registramos en Wix. A partir de allí las
respuestas dependen de nosotros…

25. WIX
Menú Agregar (Apss)
Google Maps

26. WIX
Menú Agregar (Apss)
HTML
Es una de las opciones más potentes porque permite
añadir nuevas funcionalidades provistas por otros sitios…

27. WIX
Menú Agregar (Apss)
HTML
El conocimiento de un lenguaje de programación puede facilitar mucho la
tarea…

28. WIX
Menú Agregar (Apss)
HTML
Y los efectos y presentación pueden ser mejorados…

29. WIX
Menú Agregar (Apss)
HTML
Y los efectos y presentación pueden ser mejorados…

30. WIX
Menú Agregar (Apss)
HTML
Si no se conoce de programación pueden utilizarse códigos de
programación disponibles en la Web…

31. WIX
Menú Agregar (Apss)
HTML
Los códigos deben insertarse a través de la Apss HTML…

32. WIX
Menú Agregar (Apss)
HTML
Incluso pueden personalizarse con un mínimo de conocimientos en
programación…

33. WIX
Menú Agregar (Apss)
HTML
Existen infinidad de códigos
gratuitos disponibles para su
uso en la Web, además de los
que el propio WIX provee. Por
otra parte, en muchos casos
estos códigos dependen de
actualizaciones constantes que
de ser efectuadas por nosotros
nos llevarían tiempo de
realización…

34. WIX
Menú Agregar (Apss)
HTML
Esto ocurre por ejemplo, en el caso del clima provisto por Meteored…

35. WIX
Menú Agregar (Apss)
HTML
La transmisión de radio en vivo provisto por MIXLR…
mixlr.com/ra-dio-mitad-del-mundo

36. WIX
Menú Agregar (Apss)
HTML
En muchos casos se comparte la dirección web en vez del código…

37. WIX
Menú Agregar (Apss)
HTML
La transmisión de video en vivo provisto por USTREAM…

38. WIX
Menú Agregar (Apss)
HTML
La transmisión de video en vivo provisto por USTREAM…

39. WIX
Menú Agregar (Apss)
HTML

40. WIX
Menú Agregar (Apss)
HTML
También pueden
colocarse
encuestas,
cuestionarios,
etc.…

41. WIX
Menú Agregar (Apss)
HTML
Las posibilidades varían de
acuerdo a si se usa el servicio
de forma gratuita o paga…

42. WIX
Menú Agregar (Apss)
HTML

43. WIX
Menú Agregar (Apss)
HTML

44. WIX
Menú Agregar
(Apss)
HTML

45. WIX
Menú Agregar (Apss)
HTML

46. WIX
Menú Agregar (Apss)
Existen otras aplicaciones dentro de las Apss que puede ser también
interesante utilizar como aplicaciones en Flash, botones (de Paypal y
Skype) y Galería de Flickr entre otros, que te invito a utilizar…

47. WIX
Menú Agregar (Wix App Market)
Contiene una gran cantidad de aplicaciones extras provistas por Wix para
seguir funcionalizando el sitio. Muchas de ellas constituyen variantes de
las opciones que ya vimos anteriormente…

48. WIX
Menú
Agregar (Wix
App Market)
Comentarios

49. WIX
Menú Agregar (Wix App Market)
Estadísticas
A diferencia de la
herramienta anterior esta
tiene un costo económico
determinado …

50. WIX
Menú Agregar (Wix App Market)
Chat

51. WIX
Menú Agregar (Wix App Market)
Foro

52. WIX
Hasta aquí hemos visto una gran cantidad de
herramientas que permiten la modificación y la
interacción en tiempo real y de ejecución y muy
pocas aplicaciones a la medida del usuario.
En la Web, no obstante pueden consultarse y
obtenerse contenidos en Java Script que permitan
modificar el tamaño de la fuente, el color, el
fondo de la página, etc.
Con estas y las anteriores herramientas estamos
en condiciones de generar un sitio web con
grandes funcionalidades y de administrarlo, a
través de las opciones de su Panel de Control…

53. WIX
Panel de Control
Permite operar con las diversas funcionalidades de
nuestro sitio: las apps utilizadas, tienda en línea,
comentarios de los usuarios, etc.…

54. WIX
Versión para celular
Consiste en adaptar los contenidos de nuestro sitio de
modo que puedan ser visualizados correctamente en un
celular (siempre que existan para la versión móvil)…

55. WIX
Posee su propia barra de herramientas con la que se puede
configurar el TE, correo electrónico y perfil de redes
sociales para que se visualice desde el celular…
Versión para celular- Barra de Acción Móvil

56. WIX
Algunos elementos (como líneas, la hora, etc.) pueden
mantenerse de forma oculta (esto no afecta la vista para
la Web) y pueden reordenarse incluso de forma automática…
Versión para celular- Ocultar y Reordenar elementos
Ocultar…

57. WIX
Versión para celular-
Adaptando los
contenidos
Con las herramientas anteriores
es posible adaptar cada una de
las páginas del sitio de modo
de optimizar su visualización
para la Web.

58. WIX
Versión para celular-
Adaptando los
contenidos
El proceso de adaptación debe ser realizado
con cada página del sitio.
Debe tenerse en cuenta que:
-La Vista Previa posibilita la
visualización de los contenidos.
-No puede agregarse un elemento en la Vista
Celular si no se agregó antes en la Vista
Web.
-Los cambios en la Vista Celular no afectan
la vista Web, pero sí al revés.
-No todos los elementos de la Vista Web
pueden ser visualizados en un celular, dado
que deben admitir compatibilidad con este
dispositivo.

59. WIX
Guardar y Publicar
En todos los casos, no debemos olvidarnos de Guardar nuestro trabajo,
en la medida en que nos encontremos produciendolo, como así también
publicarlo, en el caso que deseemos dejarlo disponible para el uso del
lector en la Web…

60. FIN DE PRESENTACIÓN…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-
COMPARTIRIGUAL 3.0 UNPORTED LICENSE