material desarrollo fullstack

Vista previa del material en texto

Clase 4: MI PLATAFORMA DE VENTA
Temas:
 ¿Cómo vender por Internet?
 Hazlo sencillo
 Principales plataformas y técnicas de diseño web
 Resumen
 WordPress, nociones básicas.
De la misma forma que un buen artista necesita un buen escenario, un buen
especialista en marketing digital necesita una buena web, una buena plataforma
donde explicar quién es su empresa, qué les diferencia, qué te pueden ofrecer.
¿Cómo vender por Internet?
Cuando pensamos en cómo vender por Internet la primera idea que se nos viene a la
cabeza es la de una tienda en línea al uso, un lugar donde simplemente tenemos
listados y categorizados muchos productos, sus ofertas, etc. Sin embargo, esto es sólo
la punta del iceberg a la hora de plantear un negocio por Internet.
¿cómo sobreviven tantos sitios webs en internet si muchas veces no venden nada? La 
respuesta es muy sencilla: hay muchas formas y muchos modelos de ingresos en 
internet.
En esta clase abordaremos 6 modelos fundamentales: e-commerce tradicional,
MarketPlace, Membership sites, modelo Freemium, Directorios colaborativos e
ingresos por publicidad.
El primero es el modelo de pago único: el e-commerce o tienda en línea. 
Se basa en llevar a internet la tienda online de toda la vida, en la que simplemente
nuestro catálogo se encuentran de forma digital. 
La forma en que obtenemos ingresos a partir de este modelo es sencilla: se basa en los
márgenes de beneficios que nos aportan las ventas menos los costos que tenemos por
cada uno de estos productos.
Podemos decidirnos por realizar una tienda en línea o incluso un MarketPlace, que es
un agregador de e-commerce. Es como un centro comercial virtual en internet por
ejemplo: Amazon.
En un MarketPlace el modelo de ingresos no es la venta directa de productos, de la
que solo nos llevamos un porcentaje, sino de los servicios agregados que ofrecemos a
nuestros proveedores, como por ejemplo: la promoción o la logística. 
Amazon, por ejemplo, ha conseguido que usuarios le paguen mensualmente por
servicios añadidos, como la entrega rápida o descuentos especiales. 
El tercer modelo es más complejo: Modelo Membership sites. Se basa en una web
donde se nos ofrecen contenidos de alto valor. Estos contenidos están ocultos para la
mayoría por lo que para acceder a ellos tenemos que pagar una cuota mensual. Como
ejemplo podemos sitar a: Netflix, HBO y Spotify. 
Los modelos pueden combinarse entre sí y esa es una de las mejores opciones que
brinda este medio digital. Spotify, es un ejemplo de Membership site, pero también
de modelo Freemium. 
En un sitio WEB de modelo Freemium se ofrecen a los clientes servicios y contenidos
completamente gratis. La empresa buscará convencer al cliente de que se pase del
modelo Freemiun al premium. 
Un ejemplo son el candy crush o farmville que, pese a que eran gratis, los
desarrolladores conseguían que muchos usuarios quisieran pagar por ciertas
facilidades.
Mediante los contenidos o servicios de alta calidad que brindamos a los usuarios se
consigue un gran volumen de ellos que suelen estar segmentados, por lo que son
perfectos para que una empresa se publicita. 
Este es el quinto modelo, ingresos por publicidad. Mediante este tipo de modelo de
ingresos nuestro objetivo será generar una comunidad mediante un blog o una
plataforma que tenga contenido realmente lo importante. 
Lo importante es hacer un blog con un público objetivo muy concreto. Así cuando las
marcas estén buscando públicos como el nuestro, podemos asegurarles que lo van a
encontrar con nosotros. Un buen ejemplo son los blogs o incluso los principales
periódicos y televisiones que tienen su formato también en Internet.
La forma en la que venden la publicidad es variada y creativa. Venden sus espacios,
que son los anuncios, muchas veces Spots patrocinados, recomendaciones o eventos
con su público objetivo. 
Debido a que los usuarios tienen cada vez más rechazo a ver anuncios clásicos, el típico
banner o incluso muchos tienen bloqueadores de anuncios, estos soportes se centran
en ofrecer contenidos cada vez más creativos, como por ejemplo: blogs de decoración
que ofrecen reportajes de fotos con sus recomendaciones estilisticass o incluso charlas
conferencias y webinar que pueden patrocinar. 
Hazlo sencillo
La forma en la que decidamos hacer nuestra web siempre será un trabajo para la
creatividad de nuestro equipo, pero si queremos que ésta efectivamente nos sirva para
obtener ingresos o llegar a nuestro público tenemos que tener algunos aspectos muy
claros. Combinar la creatividad y el buen diseño, con la usabilidad y el contenido
relevante serán la clave.
No existe la web perfecta pero sí existen ciertos conceptos que deberías aplicar para
conseguir los mejores resultados. 
Debemos considerar cuatro criterios fundamentales: el diseño, la usabilidad, el
Findability (encontrabilidad) y el contenido relevante. 
1. Diseño no cabe duda de que en una web con imagen impactante, creativa y
potente es el camino para conseguir que tus usuarios quieran quedarse a ver
más, te recuerden y quieran volver.
Cuando empieces a desarrollar es probable que surja una lucha entre la usabilidad y el
diseño, por lo que te aconsejamos hacer las cosas simples y bellas como solución
estética y de esa manera concentrarte en la usabilidad del sitio web en desarrollo.
2. Findability o encontrabilidad. Incluso aunque no escojas el seo
posicionamiento en buscadores como estrategia principal, al menos, el usuario
debe ser capaz de encontrarte poniendo el nombre de tu producto. Por eso es
importante que no pongas un dominio demasiado complicado ya que la gente
tiene que ser capaz de recordarlo y escribirlo fácilmente su navegador.
3. Contenido relevante. Necesitamos ofrecerle al usuario algo para que vuelva a
nuestro sitio web por lo que una buena estrategia es proveer a la web de
información interesante.
4. Usabilidad. usabilidad se basa en aumentar los resultados de conversión de
nuestra landing page o página aterrizaje en función a cambios que hagan más
sencilla. Veamos algunas de las técnicas de usabilidad y conversión usadas para
tratar de mejorar una web: 
 La primera es el test AB mediante ella hacemos (2) dos versiones de una
misma página, de un mismo mail y/o de un mismo artículo y
distribuimos las (2) dos a (2) dos segmentos del mismo público. A
continuación analizamos los resultados y vemos cuál funciona mejor.
 La segunda técnica es el test de usuarios que es tan fácil como poner a
navegar por internet a perfiles diferentes. Les pedimos que compren o
que busquen información, lo que necesitemos, y anotemos todo lo que
lo que ven y lo que consiguen o no realizar . Es importante elegir
personas diferentes entre sí 
 La tercera son los mapas de calor que suelen darnos los analistas web
pero que también podemos ver a partir de google analytics. El mapa de
calor de una Web, casi siempre empezando a ver por arriba a la derecha
y continuamos leyendo hacia la izquierda. Esta es la razón por la que
muchos ecommerce ponen sus ofertas o productos siempre más arriba
y a la derecha ya que tienen más probabilidades de que las personas los
vean y hagan click sobre ellos. 
Principales plataformas y técnicas de diseño web
Realizar una tienda online o una plataforma en Internet puede ser algo muy sencillo o,
tan complejo que tendremos que contar con los servicios de otro profesional. En este
video obtendremos los conocimientos necesarios para poder tomar esa decisión.
Un gestor de contenidos es un programa que te permite insertar contenidos en
plantillas oen línea, creando así páginas webs, blogs, cursos en línea, etc. 
Para elegir nuestro gestor de contenido debemos tener en cuenta cuatro
consideraciones: independencia, plasticidad, buenos estándares de comunicación y
popularidad del mismo. 
 Independencia es importante que nopongas toda tu capacidad de venta en
una plataforma que dependa el 100 por 100 de otra empresa. 
 Plasticidad de nuestro gestor de contenidos para organizar en gran medida la
información en función a nuestros propios criterios de usabilidad, identidad
corporativa y proceso de negocio. 
 Buenos estándares de su programación. Tenemos que estar seguros de que ese
gestor de contenidos va a respetar los estándares web, no va a impedir nuestro
posicionamiento en buscadores y va a permitir desarrollo responsive, es decir
que se adapte a los diferentes dispositivos.
 Popularidad de ese gestor de contenidos recomendada por una comunidad de
apoyo, soporte y creación, como wordpress, por ejemplo. 
Veamos ahora algunas de las características de los gestores de contenido:
 la primera es que existen millones de personas usando gestores de forma que
se identifican todos sus fallos de usabilidad, de seguridad y de posicionamiento,
qué se subsanan y se mejoran en actualizaciones posteriores. 
 la segunda es que wordpress o joomla, por ejemplo, permiten acceder por
bajísimo costo, y a veces por ningún costo, a funcionalidades que de otra forma
no podríamos acceder
 la tercera es su facilidad de uso. Es recomendable usar un gestor de contenidos
que permita acceder a una gran cantidad de manuales gratuitos realizados por
sus comunidades y además sus interfaces son usables y realmente sencilla. 
Pero no todo son ventajas. Estos gestores también tienen una serie de problemas
producidos por hackers que quieren dañarlos. La comunidad se protege mediante la
difusión de buenas prácticas y programaciones a medida que intentan evitarlas pero su
uso masivo también provoca en alguna ocasión ataques masivos .
 una gran comunidad de empresas que vende gracias a wordpress también significa
una gran comunidad de empresas que vende programaciones que honestamente son
de poca ayuda incluso perjudican tu web, para subsanar este asunto, déjate aconsejar
por los múltiples expertos y bloggers que verás en este ecosistema online.
Veamos ahora a la anatomía y la estructura más habitual de una web. 
 lo primero que ves es el logotipo y el navegador o menú principal. Estos suelen
estar en los header o cabecera. 
 Después tenemos el content o body donde tenemos el texto principal de la
web,
 las barras laterales se suelen llamar sidebar. Pueden ponerse a la izquierda, a
la derecha o a veces como en las páginas de noticias podemos poner (2) dos
sidebar o laterales 
 al final nos encontramoscon el footer o pie de página donde se encuentran
secciones que suelen ser comunes en todas las WEB independientemente de la
página donde nos encontremos. 
Resumen
Si ya conoces tu hoja de ruta y tienes definido tu producto deberás ponerte en marcha
con tu canal de venta. En el mundo online esto pasa necesariamente por tu plataforma
web.
En este módulo hemos aprendido:
1. Qué tipo de necesidades de programación pueden existir a la hora de realizar una
web, en función de las necesidades que vayamos a tener como empresa.
2. Qué formas de ingresos existen en Internet, porque no todo son tiendas online. Si
estos modelos de ingresos son los únicos, si son excluyentes y si nos pueden servir.
3. Los conceptos que debes tener en cuenta a la hora de diseñar una web, como son
la usabilidad, la navegabilidad, la claridad de los contenidos, de los textos, y el
minimalismo.
4. Las ventajas e inconvenientes de usar un gestor de contenidos como WordPress, al
usarlo todo el mundo tenemos mucha programación gratis pero muchas más
facilidades de ser pirateados.
5. La forma de realizar una web descargando el software gratuito de
WordPress diferenciando entre Themes (estructura principal), Plugins (añadidos con
funcionalidades) y widgets (pequeñas áreas con funcionalidades).
WordPress, nociones básicas
En esta segunda parte de la clase te invitamos a profundizar en los contenidos
aprendiendo a montar tu propia página web con WordPress.
Wordpress es un gestor de contenidos, es un programa, un software que se descarga y
se instala subiéndolo a nuestro alojamiento. 
Wordpress es el gestor de contenidos (también llamado CMS) más popular entre los
usuarios. Se estima más del 50% de los usuarios que utilizan estos tipos de programa
eligen Wordpress. 
Existen dos tipos de productos diferentes: 
● Wordpress.com 
Este programa permite subir nuestra información y contenido a una plataforma
definida. La sencillez del proceso es máxima pero no nos permite realizar apenas
modificaciones propias dado que tenemos que adaptarnos exactamente a esa
plataforma. 
● Wordpress.org 
Este programa nos permite crear nuestra propia plataforma con una estructura
ligeramente definida. Es algo más complicado el proceso (sólo un poco más
complicado) pero la flexibilidad (la capacidad de establecer modificaciones). 
CARACTERÍSTICAS 
En este contenido nos vamos a referir a Wordpress.org y de él vamos a definir las
siguientes características o puntos fuertes: 
● Es gratuito. La instalación del programa es a costo 0. También incluye
algunos complementos o mejoras que podemos implementar son gratuitas o a
un costo bajísimo. 
● Es actualizable y seguro. El programa continuamente se va a actualizando
con nuevas mejoras de seguridad anti ataques informáticos, como mejoras de
navegabilidad o de experiencia de usuario. 
● Se lleva muy bien con Google. Este gestor de contenidos lleva una serie de
códigos y estructuras detrás, pues bien, estos códigos están programados en
función de los parámetros de Google. Con lo que el buscador lo reconoce y lo
valora para su posicionamiento. 
● Es modificable. Es de muy fácil manejo, no necesita conocimientos de
programación y es instantáneo con la mayoría de cambios. Eso nos permite
mucha flexibilidad y rapidez para realizar modificaciones. 
Una vez estamos convencidos de usar Wordpress (en concreto Wordpress.org)
vamos a ver cómo realizar el diseño de una web con esta plataforma. 
Elementos del Panel de control
Wordpress es un gestor de contenidos, es un programa, un software que se descarga y
se instala subiéndolo a nuestro alojamiento. 
Una vez hemos subido nuestro programa a nuestro dominio o página web tenemos
que acceder a él. 
Wikipedia define a un sitio web o página web como el conjunto de archivos
electrónicos y páginas web referentes a un tema en particular. Es importante tener
claro la idea de que una página web o sitio web, tiene dentro otras páginas web (la
portada, quienes somos, etc.) pues vamos a referirnos a estos conceptos a lo largo de
este contenido... 
El acceso se define mediante un usuario y contraseña se gestiona a través de una URL 
que generalmente ser el nombre de nuestro dominio /wp-admin á́
Ejemplo: www.mipaginaweb.com/wp-admin 
A nuestro Wordpress podremos acceder desde cualquier dispositivo conectado a
internet, dado que el programa está insertado en nuestro alojamiento y no en un
ordenador concreto. 
Pasado este proceso accederemos al Panel de Control. El panel de control es nuestro
centro de mando de nuestro gestor de contenido. Desde aqu vamos a gestionar losí ́
elementos que suponen el diseño y la gestión de nuestra página web, y que vamos a ir
viendo uno por uno. 
LAS PÁGINAS 
Esta es la sección indicada para la creación de páginas o categorías. En esta sección es
donde diseñaremos nuestra página de inicio, nuestro producto, el quiénes somos... 
El manejo es muy sencillo y muy similar a los programas de documentos y escritura
tradicionales. Podemos personalizar fuente, maquetar texto y colocar imágenes,
además de establecer el orden de colocación o jerarquización en nuestra web. 
LAS ENTRADAS 
Otro de los apartados es para la redacción de los artículos o post. La forma de trabajar
es similar al de la página, pero se distingue a nivel de apariencia en la web porque: 
● Los artículos se colocan dentro de unapágina web o de varias, pero cada
artículo tiene que estar ubicado en alguna de ellas y tenemos la opción de
colocar varios dentro de una categoría. 
● Permite la ordenación de los mismos por antigüedad, categorías, tema de
interés... 
La creación de un artículo en la apariencia de nuestro sitio web (site) se mostrará de
forma automática. Es decir, escribimos el artículo, lo ubicamos en una categoría (o
página) y subimos los cambios. En nuestro site aparecer maquetado. á́
LOS MEDIOS 
En nuestro Panel de Control de Wordpress vamos a poder subir archivos. Estos medios
(archivos) pueden ser imágenes, descargables de textos que aparecerán en nuestro
site. 
De igual forma, y sin perder nuestro foco, también es importante decir que podemos
subir a nuestro site archivos que nos sirvan a nivel interno y de almacenaje. Hay que
recordar que Wordpress es un programa y además de las funcionalidades de desarrollo
web que estamos viendo, permite otras opciones a nivel de gestión interna. 
LOS THEME 
Llamados los temas o plantillas, esto es lo que se refiere a la apariencia de la web. En
este apartado del panel de control vamos a poder elegir el aspecto que tiene nuestra
web y, lo que es mejor aún, modificarlo cuando queramos sin que cambie el contenido
de la misma, las secciones, los textos y las imágenes. 
Actualmente existen más de 3.000 Themes en la web de wordpress que permiten
modificar la apariencia de la web y lo que es más impresionante, son todos gratuitos. 
El proceso es simple: descargarlo de Wordpress, instalarlo en nuestro gestor de
Contenidos Wordpress y activarlo en nuestro Panel de Control. 
Wordpress es lo que se llama un software libre, es decir, que permite la programación
de elementos por cualquier usuario, con esto quiero decir que, para este caso, además
de la infinidad de temas de apariencia que existe en Wordpress hay otra infinidad de
temas gratis o que se venden por cantidades ínfimas que podemos implementar en
nuestra web. 
Por otro lado, y debido a eso, también podemos, mediante un programador
especializado crear nuestros propios temas o introducir modificaciones en los ya
existentes que hemos implementado. Las posibilidades son casi infinitas. 
LOS PLUGINS 
Otro de los apartados en nuestro Panel de Control es el que nos va a permitir la
introducción de Plugins. Los Plugins son extensiones del programa Wordpress que
tenemos instalado. Son pequeñas ampliaciones que nos van a permitir acciones más
personalizadas dentro de nuestro gestor de contenidos. 
Ejemplos de Plugins podrían ser: Una Tienda Online, Un formulario de contacto a
rellenar, un enlace a Redes Sociales dinámico, ... 
Con los Plugins pasa algo muy similar que, con los Themes, como Wordpress es un
software libre hay en el mercado una infinidad de Plugins gratuitos (más de 50.000 se
calcula) y de pago a precios competitivos, que solucionan algunas necesidades más
específicas sobre nuestro sitio web. 
Igualmente, al ser este código abierto (software libre), permite la modificación o
creación de Plugins a medida por parte de un programador web.
Además de la cantidad enorme de Plugins que hay, sus funciones son infinitas y
diversas. Existen plugin que trabajan sólo tipografías o acciones en las imágenes, otros
están especializados en optimización del site a nivel posicionamiento, otros muchos
son agregadores de noticias o de redes sociales. 
Es importante, dada la diversidad y la libertad de programación de los mismos que
instalemos los que necesitemos y no más para no afectar al peso y la velocidad de
nuestro site, as como para evitar problemas de seguridad (recordad que un sistemaí ́
libre también provoca fallos de seguridad) 
GESTIONES ADICIONALES EN WORDPRESS 
En nuestro panel de control de nuestro gestor de contenidos Wordpress, vamos a
encontrar también una serie de elementos que tienen que ver con la gestión de la
cuenta. Son los siguientes: 
AJUSTES EN LA PLATAFORMA 
Nos referimos a los ajustes básicos de la plataforma. Los podrás encontrar en la
sección de Ajustes. Estos son: 
● General: En esta parte podremos incluir el “Título de nuestro sitio” y su
“Descripción corta”. Además de insertar el correo electrónico y configurar el día
y la hora. 
● Escritura: Normalmente en este apartado no habría que modificar nada. 
● Lectura: Aqu podremos establecer la página que ser nuestra “homepage”í́ á́
o página de inicio y tener aparte una sección de blog. 
● Comentarios: Podremos modificar los ajustes de estos, para activarlos o
desactivarlos o habilitar o deshabilitar sus opciones. 
● Medios: Encontraremos las medidas mínimas y máximas de nuestras
imágenes con posibilidad de modificarlas en función de nuestros intereses 
● Enlaces Permanentes: Aquí escogeremos el formato en el que se mostrarán
los nombres de nuestras páginas o secciones en el navegador. 
EDITAR PERFIL Y ADMINISTRAR USUARIOS 
En nuestro panel de control podemos trabajar sobre nuestro perfil. En la sección
Usuarios, Tu Perfil, podrás cambiar los datos básicos como el nombre, email, alias y el
nombre que quieres que se muestre públicamente. 
También puedes agregar tus enlaces de redes sociales y una pequeña biografía. 
Si necesitamos agregar más usuarios ingresamos en esta sección de Usuarios. Añadir
Nuevo. Wordpress cuenta con roles de usuarios con diferentes limitaciones y
capacidades. ¿Cuáles son estos roles? 
● Administrador: Tiene acceso a todas las características de administración de
tu site. 
● Editor: Puede publicar y editar entradas, propias o de otros usuarios. 
● Autor: Puede publicar y editar sus propias entradas. 
● Colaborador: Puede escribir y editar sus propias entradas, pero no
publicarlas. ● Suscriptor: Solamente puede editar su perfil. 
Ejercicio práctico
No existe mejor forma de entender los principales aspectos que debe tener tu
plataforma de venta que realizando una prueba.
Utiliza una plataforma como wordpress.org o blogger para realizar un pequeño blog
gratuito. Ten en cuenta que los elementos que hemos visto para el descargable
pueden serte útiles para el blog de wordpress pero que no son específicos para su
versión gratuita, sin embargo, te serán de mucha ayuda.
Acceso a las plataformas gratuitas de:
 1. Wordpress. https://wordpress.com/
 2. Blogger. https:// www.blogger.com/about/?r=1-null_user 
Una herramienta que te ayudará con tus recursos gráficos:
 Canva: https:// www.canva.com / 
Este blog será la plataforma de marketing de contenidos de una supuesta (o real)
empresa y tiene que tener.
- Una home en la que se especifique a la perfección cuál es la razón de ser de tu
blog.
- Un menú con máximo 5 ítems especificando las principales secciones.
- Una cabecera atractiva.
- Al menos un post entretenido para el público objetivo de tu empresa.
Comparte la URL con tus compañeros y razona junto con ellos la razón de cada
elemento y cómo mejorarlo.
	¿Cómo vender por Internet?
	Hazlo sencillo
	Principales plataformas y técnicas de diseño web
	Resumen
	Ejercicio práctico