Diseño de Carro de Compras y Medios de Pago PDF

Diseño de Carro de Compras y Medios de Pago de un E-Commerce Exitoso BIENVENIDOS Ideas fuerza UNIDAD 1 Introducción Diseño de un sitio web Herramientas y plantillas para desarrollar sitios web Ejercicios Conclusión UNIDAD 2 Introducción Implementar el carro de compras en un sitio web Impl...

Diseño de Carro de Compras y Medios de Pago de un E-Commerce Exitoso BIENVENIDOS Ideas fuerza UNIDAD 1 Introducción Diseño de un sitio web Herramientas y plantillas para desarrollar sitios web Ejercicios Conclusión UNIDAD 2 Introducción Implementar el carro de compras en un sitio web Implementar medios de pago de un sitio web Ejercicios Conclusión C IER R E DEL C UR S O Evaluación Lesson 1 of 12 Ideas fuerza 1 ¿Qué es un sitio web? La empresa consultora estadounidense HubSpot señala: “Es un conjunto de información que se sube a la red, con una estructura y una jerarquía, sobre algún tema específico o sobre alguna empresa, marca, producto, persona o servicio en particular. Se desarrolla en varias secciones vinculadas entre sí para formar un sitio general”. 2 Tienda online: Enfocada en la venta de productos y servicios, normalmente tiene espacios dedicados a la exhibición y venta de los mismos, así como las herramientas necesarias para realizar transacciones en línea seguras y rápidas. 3 Plugins: Los plugins son aplicaciones que añaden funcionalidades a un producto base ya existente, permiten realizar tareas específicas que mejoran o facilitan la tarea de administrar el sitio web. 4 El Carro de Compras es la forma como un sitio web de E-Commerce o una tienda online materializa la opción a los consumidores para escoger productos y manifestar su decisión de comprarlos. 5 ¿Para qué sirve el carrito de compras? Sirve como un centro de gestión de datos. Es un medio de evaluación de la experiencia del usuario. Permite guardar artículos de deseo. CO N T IN U AR → Lesson 2 of 12 Introducción Texto – Bienvenidos al siguiente aprendizaje. En esta oportunidad analizaremos desde la perspectiva de un especialista en marketing, los principales elementos relativos a las posibilidades de herramientas de diseño para sitios web y tiendas online. El sitio web es el espacio digital donde se concreta el E-Commerce y se produce la interacción con los clientes y consumidores. Es el espacio digital en donde la empresa plantea concretamente su propuesta de valor, sus comunicaciones más directas y las funcionalidades necesarias para que los clientes y consumidores puedan interactuar, resolver dudas, obtener información detallada de los productos y/o servicios y, finalmente comprarlos. Existen una serie de etapas en el diseño, la elaboración y desarrollo de un sitio web. Para estas, existen diversas opciones desde tener especialistas dentro de la organización, contratar una agencia especializada o usar herramientas gratuitas o de pago para implementarlo. Te invitamos a trabajar en la lectura del material de estudio. CO N T IN U AR → Lesson 3 of 12 Diseño de un sitio web CO N T IN U AR → 1.1 ¿Qué es un sitio web? La empresa consultora estadounidense HubSpot señala: ““Es un conjunto de información que se sube a la red, con una estructura y una jerarquía, sobre algún tema específico o sobre alguna empresa, marca, producto, persona o servicio en particular. Se desarrolla en varias secciones vinculadas entre sí para formar un sitio general. Dicho de otro modo, el sitio web puede ser la presencia de una entidad (compañía, organismo, persona) en internet. Por eso es una herramienta realmente versátil y personalizable que cumple con diferentes objetivos informativos, comerciales y de difusión y cuya creación es imprescindible en esta era digital”” - (Fuente: https://blog.hubspot.es/marketing/como-hacer-una-pagina-web) El sitio web es la herramienta fundamental del E-Commerce. Es el espacio en donde se llevan a efecto las comunicaciones, las propuestas de valor y las transacciones en el ámbito digital. En general, el sitio web, que suele contar con diversas páginas web, es diseñado y construido por especialistas de diseño e informática. Revisaremos las herramientas más usadas y eficientes para desarrollar sitios web y algunos de sus detalles. CO N T IN U AR → 1.2 ¿Cómo crear un sitio web? HubSpot señala: Escoger un CMS. Lo primero que se debe hacer es encontrar el sistema de gestión de contenidos (CMS) ideal para la empresa. No todos los gestores son iguales, por lo que es importante analizar las ventajas y desventajas de cada uno. Por ejemplo, si se necesita una plataforma que permita programar o si resultara más cómodo algo más visual y sin código. También se deberá evaluar si se quiere que el sitio esté en varios idiomas. Para tomar una decisión quizás baste con mirar las plantillas que ofrece cada CMS o el precio de cada uno. Es importante que se elija uno que dé opciones de optimización SEO, es decir, aquellas funciones técnicas que permitan ajustar el contenido para que los buscadores de Internet (como Google) sepan de qué se trata el sitio web. Algunos de estos gestores de contenido son HubSpot o WordPress (que se pueden utilizar en conjunto con el plugin Yoast SEO). Ambos permiten, entre otras cosas, colocar etiquetas HTML a lo largo del cuerpo de los textos para jerarquizar la información, acortar las URL y redactar meta descripciones. CO N T IN U AR → 1.3 ¿Qué son las etiquetas HTML y por qué son importantes? Se refieren a fragmentos de texto que, en el código de un sitio web, van encerrados en corchetes < > para indicar funciones específicas, como jerarquizar la información. Aunque como gestores del contenido no es necesario que sepamos programar, es importante tener en cuenta lo siguiente: Las etiquetas de contenido van desde la H1 hasta la H6, de mayor a menor importancia; por lo tanto, la H1 es la más relevante porque contiene el título del sitio, entrada de blog o, si es un eCommerce, el nombre del producto. No es necesario poner las seis etiquetas. Pero además de un título que contenga la palabra clave más importante que nos interese posicionar, conviene hacer uso de un subtítulo, que sería la etiqueta H2 y un cuerpo de texto que refuerce la información. Tener en cuenta esta estructura nos permite dar forma e importancia al contenido, no solamente para los buscadores, sino para quienes más nos importan: las personas usuarias” CO N T IN U AR → 1.4 Comprar un dominio y alojamiento web Si no se paga por un nombre de dominio, se pone en riesgo la reputación de la empresa. Imaginemos que se necesita contratar a alguien para la creación de contenidos, ¿resultaría más fiable carolinagonzalez.weebly.com o carolinagonzalez.com? Una extensión. weebly o WordPress indica que no se está pagando el servicio completo y eso puede resultar poco profesional. Además, los visitantes de la página podrían pensar que es raro que no se haya podido pagar por el sitio web y que seguramente la empresa no está consolidada en el mercado. Ahora bien, aquí es donde las cosas se complican un poco. Al momento de comprar el dominio se tendrá que elegir una dirección lo más parecida posible al nombre de la empresa, pero como ya existen más de 1,74 mil millones de sitios web, es muy probable que la opción ya no esté disponible. Si ese es el caso, se puede probar con otro dominio. Los tres más comunes son .com, .net y .org, pero también se puede usar otra que sea más acorde a los objetivos de la empresa, como. shop o uno geográfico, (En Chile .cl) Se deben probar distintas opciones. En la mayoría de los casos una vez que se haya elegido y pagado el nombre de dominio se obtendrá también cuentas de correo electrónico relacionadas. Aprovecha esto para crear la identidad online. CO N T IN U AR → 1.5 Definir la estrategia del sitio web Hay diferentes tipos de sitios web, elegir uno siempre debe estar ligado al propósito de nuestro negocio, afortunadamente para la mayoría existen soluciones al alcance que nos permiten comenzar con nuestras estrategias. Algunos tipos de sitios web son: Sitio corporativo – Es la carta de presentación de una empresa o marca; tiene el propósito de dar a conocer los principios y servicios de una organización. Puede ser un sitio estático o dinámico; es estático si la información no varía con el paso del tiempo y dinámico si constantemente está en crecimiento y actualización. Portal web – Es un tipo de sitio web que concentra información, buscador y otra clase de servicios en un mismo lugar. Los portales educativos son el mejor ejemplo, ya que además de contener la oferta educativa que sirve para consulta de los futuros alumnos también ofrecen servicios y recursos educativos para sus estudiantes. Tienda online – Enfocada en la venta de productos y servicios, normalmente tiene espacios dedicados a la exhibición y venta de estos, así como las herramientas necesarias para realizar transacciones en línea seguras y rápidas. En el caso de empresas que manejan grandes volúmenes de mercancía, es recomendable elegir soluciones tecnológicas personalizadas que permitan concentrar toda su logística en la misma plataforma (como chat en vivo, CRM y otras que facilitan la gestión y conversión de leads y la atención a clientes). Fuente: https://blog.hubspot.es/marketing/como-hacer-una-pagina-web Web de contenido o blog Aplicaciones web CO N T IN U AR → 1.6 Elegir una plantilla Se debe tomar el tiempo necesario para investigar bien la plataforma del CMS que se haya elegido y para explorar las plantillas y temas disponibles. Seleccionar la opción que mejor represente a la marca. Si aún no se ha decidido, algo sencillo con poco texto siempre es una opción segura. Nadie conoce la empresa mejor que tú: se debe tomar el tiempo que se necesite para pensar qué plantilla sería más atractiva para la audiencia objetivo. Se pueden usar filtros en la plataforma para buscar plantillas relacionadas con el sector. Es importante que la plantilla que se haya seleccionado sea adaptable para su visibilidad en todos los dispositivos. También se deberá pensar que, si se quiere un encabezado estático o uno dinámico con imágenes cambiantes, y cuántas páginas se necesitarán en la barra del menú. No se deben escoger fuentes difíciles de leer o fondos demasiado llamativos, ya que pueden distraer a los visitantes del mensaje que se quiere transmitir. Cuando se ya haya elegido la plantilla y el tema, es momento de personalizarlos. El diseño y la funcionalidad del sitio son fundamentales para convencer a la audiencia de que permanezca allí por más tiempo. Es muy importante que el diseño sea atractivo para el perfil de cliente ideal y que destaque los beneficios del producto que se ofrece. Hay algunas plantillas que ofrecen mayor nivel de personalización si conoces un poco de HTML y CSS (que son lenguajes sencillos de programación web que permiten, entre otras cosas, cambiar el tipo de fuente, los colores y el acomodo de la información). El CSS (por sus siglas en inglés, Cascading Style Sheets) es la parte que ayuda a darle todo el estilo a un sitio; si solo utilizamos HTML, la información aparecería plana y sin formato alguno. HTML y CSS se manejan juntos y como creadores de contenido o administradores de un canal digital conviene tener nociones de ambos para entender mejor la estructura del sitio. Además, si no se cuenta con un programador que nos apoye, saber sobre estos dos lenguajes ayudará a hacer cambios por cuenta propia. CO N T IN U AR → 1.7 Redactar contenido Probablemente este sea el paso más importante del proceso. Ahora que las páginas ya están listas, se tiene que pensar en el contenido. Se sugiere que se escriban borradores para algunas partes, como la página donde se tenga información sobre la empresa. Hablar con colegas y partes interesadas: ¿cuál es el mensaje que se quiere transmitir? ¿En qué tono? ¿Se quiere ser gracioso o buscar ser una inspiración? Si la audiencia se topa con el sitio, ¿qué se preguntaría primero? Debemos imaginar que el sitio web es la única oportunidad que se tiene para establecer una conversación con un cliente potencial. La página de inicio es una presentación donde se cuenta a qué te dedicas, la información sobre la empresa profundiza un poco más y explica quién eres, la página de productos o servicios presenta un catálogo y ofrece un panorama general sobre cuáles serán los beneficios para el cliente si decide trabajar con tu empresa; esta sección en conjunto con artículos breves o más extensos constituye el último esfuerzo para mostrar por qué tu empresa es la opción adecuada. Para esta etapa es fundamental que se haga una búsqueda de palabras clave. Por ejemplo, si se venden camisas y nos damos cuenta de que «camisas retro» tiene un volumen de búsqueda mayor que «camisas vintage», se puede usar esta última alternativa para el contenido del sitio e incrementar así la potencia de las ventajas del blog. Si se desconoce cómo personalizar el sitio, se debe analizar la presencia web de la competencia. Recordemos que el contenido es un gancho; cuanto más contenido de calidad y cuanto mayor tiempo se dedique a deleitar a quienes visitan el sitio web, mayores probabilidades se tendrán en el futuro de ser la primera opción cuando se necesiten productos y servicios que el sitio web ofrezca. Por la razón anterior es importante que se coloquen formularios de contacto visibles, al menos en aquellos contenidos que se hablen de lo que mejor se sabe hacer y ofrecer como empresa. Además, construir una base de datos de calidad siempre será de utilidad (y quienes dejan su información son potenciales clientes que ya tienen confianza para que al menos entablen una posible conversación a distancia). Para los formularios se procura evitar datos que no sean relevantes y también recordemos que la proporción de la información pedida debe ser igual en valor a la que se entrega. Un buen ejemplo de este «intercambio» sería un e-book exclusivo que se obtiene a cambio de dejar nombre, correo y teléfono; construir una relación comercial como esa dará mayores oportunidades de éxito. CO N T IN U AR → 1.8 Completar la configuración general Luego de incluir contenido atractivo en las páginas, se puede aumentar la presencia en las búsquedas completando las partes que todavía estén vacías en la configuración del CMS. No olvidemos incluir un título y un eslogan en la parte de configuraciones de la plataforma en la que se esté creando el sitio web. Además, debemos asegurarnos de que las URL estén optimizadas para las búsquedas. En esta parte es vital revisar el tamaño de las imágenes que se utilizan; una imagen que pesa demasiado afecta los tiempos de carga del sitio web. Se deben hacer pruebas de contenido y revisarlos en diferentes dispositivos para medir la responsividad: recordemos que el 67% de la población mundial es usuario de celular, así que los contenidos deben estar optimizados para ese medio. La optimización web también incluye hacer pruebas, realizar informes de rendimiento del sitio e implementar mejoras con base en los datos. Algunas herramientas populares para medir el rendimiento y comprobar la velocidad de carga web son PageSpeed Insights de Google, que es gratuita y arroja un informe de cómo podemos mejorar diferentes puntos; Test My Site, también de Google, que permite descargar informes detallados sobre las áreas de oportunidad del sitio y el Website Grader de HubSpot. CO N T IN U AR → 1.9 Instalar plugins Los plugins son aplicaciones que añaden funcionalidades a un producto base ya existente; permiten realizar tareas específicas que mejoran o facilitan la tarea de administrar el sitio web. Revisar el sitio para ver qué falta. Un buen CMS ofrece todas las integraciones que se necesitan. Por ejemplo, si te dedicas al comercio electrónico, quizás sea útil que instales un plugin de Shopify. Si quieres asegurar el sitio para proteger la información de los clientes, puedes buscar un plugin con firewall y protección contra malware u otras amenazas. Uno de los plugins más populares para contenido es Yoast SEO para WordPress que sirve para analizar y optimizar contenidos para la red; otro plugin de uso frecuente es SEM Rush, un plugin útil para los creadores de contenido escrito que además de ayudar a buscar las mejores palabras clave también permite analizar el nivel de relevancia de casi cualquier contenido que se ponga bajo su escáner. Elegir uno depende de la estrategia y, claro, del presupuesto, pues si bien la mayoría cuenta con versiones gratuitas son mucho más limitadas. Para lo que se necesite, es necesario revisar el catálogo de plugins del sistema e instalar los que se crean que optimizarán la eficiencia del sitio. Una vez que esté todo listo, se publica el sitio. CO N T IN U AR → 1.10 Recopilar información Una vez que el sitio esté en línea, se comienza a recopilar datos. Al principio no serán muchos, pero todo suma al momento de tomar decisiones de negocio. Con el paso del tiempo se podrán implementar minería de datos entre el gran volumen de información que el sitio web será capaz de registrar gracias a elementos como las cookies y otras herramientas de recopilación de datos. ¿ Q U É SO N LA S CO O K IES? Son archivos que se crean al momento de que alguien visita un sitio web y que se instalan en el navegador, de modo que cuando regrese a esos sitios carguen más rápido la siguiente vez. Aunque todos los sitios web manejan cookies, es su responsabilidad emitir el aviso de su presencia, siempre dando la oportunidad de declinarlas si así lo desean los visitantes. Cuando adquirimos un dominio de un sitio seguro como los mencionados anteriormente, automáticamente tendremos instalado ese aviso y en la mayoría de los casos tendrán plantillas editables para colocar los datos de nuestra marca o empresa. Tener ese aviso instalado, además de mantenernos como una empresa transparente, también es parte de los requisitos para elevar la relevancia de nuestro sitio web.” (Fuente: https://blog.hubspot.es/marketing/como-hacer-una-pagina-web) CO N T IN U AR → Lesson 4 of 12 Herramientas y plantillas para desarrollar sitios web A nivel profesional existen las opciones de servicios pagados o directamente, contratar profesionales o a una Agencia de Marketing Digital para hacerlo. Ahora, el sitio web ProsiNet contiene una interesante lista de estas herramientas para desarrollar sitios web. Varias con la opción sin costo: CO N T IN U AR → 2.1 Wordpress Es la más prestigiosa de las herramientas de este tipo. “Crea fácilmente un Sitio Web con plantillas increíbles y difunde tus ideas online. Alojamiento gratis. Listo para el móvil. Estadísticas valiosas. SEO incorporado. Preparado para móvil. Escalable y seguro”. Sitio web: https://wordpress.com/es/ Fuente: https://wordpress.com/es/ CO N T IN U AR → 2.2 Zyro Es un creador de páginas web donde se incluye además la posibilidad de tener tienda en línea, cuenta con una gran optimización para toda clase de dispositivos, en donde su mayor atractivo es la facilidad de publicación, además de contar con una amplia variedad de plantillas, cuenta con protección SSL y una herramienta -Generador de Contenido con IA -poderosa herramienta eliminará semanas del proceso de construcción de tu sitio web. Sitio web: https://zyro.com/es Fuente: https://zyro.com/es CO N T IN U AR → 2.3 WIX “Creemos que todo es posible con la plataforma adecuada. Ya sea que estés por crear una página web por primera vez, o que ya seas un profesional en diseño web, tenemos todo lo que necesitas. Para empezar, tienes dos opciones: obtener un sitio web gratuito diseñado para ti especialmente con la herramienta de Inteligencia Artificial de Wix (ADI), o hacerlo tú mismo con la total libertad de diseño del Editor de Wix”. Sitio web: https://es.wix.com/ Fuente: https://es.wix.com/ CO N T IN U AR → 2.4 Blogger Blogger es una herramienta integrada de Google. Sirve como plataforma para elaborar contenidos de cualquier tipo, con cualquier forma y para cualquier sector. Es un sistema sencillo que no tiene otra finalidad más allá de la publicación de textos o difusión de información, pero que siempre tiene cierto toque amateur debido a la posibilidad de uso para cualquier persona. Sitio web: https://www.blogger.com/dashboard/reading Fuente: https://www.blogger.com/dashboard/reading CO N T IN U AR → 2.5 Medium Plataforma de publicación que centraliza su servicio como un agregador de contenidos de calidad. Medium aprovecha los cerebros de los escritores, pensadores y narradores más perspicaces del mundo para ofrecerte las opiniones más inteligentes sobre temas importantes. Sea cual sea su interés, siempre puede encontrar ideas frescas y perspectivas únicas. Sitio web: https://medium.com/ Fuente: https://medium.com/ CO N T IN U AR → 2.6 HUGO Hugo es uno de los generadores de sitios estáticos de código abierto más populares. Con su increíble velocidad y flexibilidad, Hugo hace que la creación de sitios web sea divertida nuevamente. El rendimiento mejorado, la seguridad y la facilidad de uso son solo algunas de las razones por las que los generadores de sitios estáticos son tan atractivos. Sitios web: https://gohugo.io/ https://desarrolloweb.com/articulos/primeros-pasos-hugo Fuente: https://gohugo.io/ CO N T IN U AR → 2.7 SITE123 “Cree un sitio web utilizando estilos y diseños prediseñados. No se requieren habilidades de diseño o codificación. Es una solución perfecta para un usuario de Internet privado o corporativo, que ofrece herramientas que le ahorrarían cualquier experiencia anterior de diseño y codificación y le permitirán manejarlo sin contratar a un profesional”. Sitio web: https://es.site123.com/ Fuente: https://es.site123.com/ CO N T IN U AR → 2.8 Weebly “Ya sea que esté comenzando un negocio desde cero o llevando su negocio en persona, con Weebly, los empresarios pueden crear sitios web que a los clientes les encanta visitar y comprar. Nuestras potentes herramientas facilitan la creación de un sitio profesional optimizado para dispositivos móviles y el crecimiento de su negocio con marketing integrado y análisis avanzados”. Sitio web: https://www.weebly.com/cl Fuente: https://www.weebly.com/cl CO N T IN U AR → 2.9 JIMDO “Jimdo utiliza el poder de la inteligencia artificial para diseñar tu web personalizada en tan solo tres minutos. Consigue un sitio innovador y atractivo con todas las herramientas necesarias para tu sector”. Sitio web: https://www.jimdo.com/es/ Fuente: https://www.jimdo.com/es/ CO N T IN U AR → 2.10 Webnode Webnode es un creador de páginas web maravilloso por su sencillez de uso. Desde su nacimiento en 2008, ya ha ayudado a más de 30 millones de usuarios a crear sus propias páginas web. No importa si necesitas una web profesional para tu negocio, un bonito porfolio o una tienda online intuitiva para los visitantes; tendrás la herramienta adecuada para crear una web como tú quieres. Sitio web: https://www.webnode.cl/ Fuente: https://www.webnode.cl/ CO N T IN U AR → 2.11 SiteW “Nuestros programas para crear páginas web son muy intuitivos y especialmente diseñados para la gente que no sabe cómo crear una página web. La tecnología Drag and drop te permite añadir todos los elementos de tu web gratis de manera muy sencilla. Con Site W, es muy fácil y rápido de crear una página web”. Sitio web: https://es.sitew.com/ CO N T IN U AR → 2.12 Squarespace “Squarespace ayuda a que las personas con ideas creativas tengan éxito. Nuestra plataforma permite a millones de personas, desde artistas locales a emprendedores que contribuyen a modelar las empresas más relevantes, a compartir sus historias y crear una presencia online impactante, con estilo y fácil de manejar”. Sitio web: https://es.squarespace.com/ CO N T IN U AR → 2.13 HubSpot “CMS Hub es un potente sistema de gestión de contenidos que ofrece una variedad de funciones sin necesidad de configurarlas manualmente, así como plantillas variadas y herramientas de análisis SEO avanzadas. Los desarrolladores pueden aprovechar los temas flexibles y las estructuras de contenido. Los profesionales del marketing pueden editar y crear fácilmente sus propias páginas. Los clientes reciben una experiencia personalizada y más segura. Con CMS Hub, todos ganan”. Sitio web: https://cutt.ly/lvmlw4C CO N T IN U AR → 2.14 Jumpseller “Todo lo que necesitas para potenciar tu tienda online. Nuestra plataforma Todo-en-Uno te ofrece las integraciones necesarias para administrar tu negocio. ¡Vende directamente en Facebook, Instagram y Google a millones de clientes preparados para comprar! No se deben tener conocimientos técnicos, crea una tienda online y empieza a recibir órdenes de esos canales desde el primer día”. Sitio web: https://cutt.ly/7vmzbol Fuente: https://cutt.ly/7vmzbol Fuente: https://cutt.ly/7vmzbol CO N T IN U AR → Lesson 5 of 12 Ejercicios Estimado(a) estudiante: Una vez realizada la lectura comprensiva del materias de estudio, lo(a) invitamos a realizar una serie de ejercicios de aplicación de conocimientos. Question 01/05 La siguiente definición: "Es un conjunto de información que se sube a la red, con una estructura y una jerarquía, sobre algún tema específico o sobre alguna empresa, marca, producto, persona o servicio en particular. Se desarrolla en varias secciones vinculadas entre sí para formar un sitio general". Corresponde a: Carrito de compras. Plugins Tienda online Sitio web Question 02/05 ¿Cuál es el primer paso para crear un sitio web? El primer paso para crear un sitio web es adquirir un dominio pagado. El primer paso para crear un sitio web es encontrar el sistema de gestión de contenidos (CMS) ideal para la empresa. El primer paso para crear un sitio web es instalar plugins. El primer paso para crear un sitio web es diseñar el sitio de acuerdo a las necesidades, productos y/o servicio de la empresa. Question 03/05 Dentro de la estrategia del sitio web ¿Cuál es el propósito del Sitio Corporativo? Es un tipo de sitio web que concentra información, buscador y otra clase de servicios en un mismo lugar. Es un tipo de sitio web con un propósito educativo, entrega información a futuros estudiantes. Es la carta de presentación de una empresa o marca; tiene el propósito de dar a conocer los principios y servicios de una organización Enfocado en la venta de productos y servicios, normalmente tiene espacios dedicados a la exhibición y venta de estos, así como las herramientas necesarias para realizar transacciones en línea seguras y rápidas Question 04/05 ¿Qué son los plugins? Son archivos que se crean al momento de que alguien visita un sitio web y que se instalan en el navegador, de modo que cuando regrese a esos sitios carguen más rápido la siguiente vez. Son aplicaciones que añaden funcionalidades a un producto base ya existente; permiten realizar tareas específicas que mejoran o facilitan la tarea de administrar el sitio web Se refieren a fragmentos de texto que, en el código de un sitio web, van encerrados en corchetes < > para indicar funciones específicas, como jerarquizar la información. Es un creador de páginas web donde se incluye además la posibilidad de tener tienda en línea, cuenta con una gran optimización para toda clase de dispositivos, en donde su mayor atractivo es la facilidad de publicación. Question 05/05 ¿A cuál desarrollador web corresponde la siguiente definición: "Es un potente sistema de gestión de contenidos que ofrece una variedad de funciones sin necesidad de configurarlas manualmente, así como plantillas variadas y herramientas de análisis SEO avanzadas"? Jumpseller. JIMDO. HubSpot. Weebly. Lesson 6 of 12 Conclusión Texto – El E-Commerce tiene su materialización concreta en los sitios y páginas web. Aún más, toda la internet está conformada y sustentada en páginas web de diversa índole que conforman el espacio digital en donde las organizaciones y personas, clientes y consumidores, pueden interactuar y realizar una serie de actividades y gestiones de manera online y remota. Hemos analizado diversas opciones y herramientas para el diseño y desarrollo de sitios web que permiten “subir” a la web propuestas de valor, productos y servicios diversos orientados a los mercados. Eso es una parte, relevante desde luego, pero solo una parte. Lo realmente valioso son los contenidos y las opciones que ofrecemos al mercado. El E-Commerce bien desarrollado con una perspectiva desde lo que los mercados, clientes y consumidores prefieren, aprecian y valoran es lo que permite tener éxito a las organizaciones y empresas. Hasta el próximo aprendizaje. CO N T IN U AR → Lesson 7 of 12 Introducción Texto – Hola, a continuación, te presentamos el siguiente aprendizaje. Existen muchas formas y estilos para los diversos sitios web. Entregan diversas prestaciones, funcionalidades, soluciones y aportes en millones de opciones que hoy utilizamos y valoramos pues del orden de 3 mil millones de personas en el planeta han incorporado los aspectos digitales a todas las actividades de la vida diaria. En esta oportunidad, analizaremos los elementos que precisamente los transforman en un sitio de ECommerce y no solo un catálogo o muestrario de productos y servicios. Nuevamente, existen diversas opciones de software para esta aplicación en el sitio web. En este caso, seguramente será necesario contar con un especialista que integre este software. En el caso de los medios de pago, están incorporándose nuevas opciones a partir de 2020, además de la única que existía desde hace años. Estas empresas prestadoras de servicios financieros pueden también otorgar el servicio de incorporar la funcionalidad en el sitio web o proveer los elementos de programación para ello. Éxito en tu estudio. CO N T IN U AR → Lesson 8 of 12 Implementar el carro de compras en un sitio web El Carro de Compras es la forma como un sitio web de E-Commerce o una tienda online, materializa la opción a los consumidores para escoger productos y manifestar su decisión de comprarlos. Vamos a analizar diversas opciones que se pueden obtener. Algunas soluciones para el diseño y desarrollo de sitios web la tienen incorporada. Lo que veremos es una lista de opciones anexas para hacerlo. HubSpot Inc., un referente muy validado en materia de Marketing Digital señala: ““El comercio electrónico se ha disparado en los últimos años. Para el año 2022, el comercio electrónico de bienes de consumo masivo aumentará a más de 400.000 millones de dólares y representará alrededor de 10 a 12% de las ventas totales de bienes de consumo masivo, de acuerdo con un estudio de Nielsen. Además, estadísticas de Statista indican que para 2021 se espera que más de 2.14 mil millones de personas en todo el mundo compren bienes y servicios en línea. Un carrito de compras es un software que facilita a los consumidores la compra de algún producto o servicio al aceptar el pedido y el pago correspondiente en pocos pasos, con diferentes formas de cobro y reserva del producto”.” - (Fuente: https://blog.hubspot.es/sales/carrito-de-compras) ¿Para qué sirve el carrito de compras? Sirve como un centro de gestión de datos. – Contar con un carrito de compras te ayudará a recopilar información para analizar los patrones de conducta del consumidor; mantiene el historial de pedidos y pagos, así como recopila los datos tanto del contacto como de su forma de pago. Es un medio de evaluación de la experiencia del usuario. – Los carritos de compra son perfectos para analizar las compras exitosas (y las que no se lograron), a través de la evaluación del consumidor. Al finalizar una compra, los usuarios pueden compartir su opinión y, de esta manera, la empresa podrá usarla para mejorar su experiencia. Permite guardar artículos de deseo. – A la mayoría nos ha pasado que entramos en un sitio web y vemos algo de nuestro interés, pero que en ese momento no nos encontramos dispuestos a comprarlo. El carrito de compras funge como un almacén en línea, en el cual podemos agregar una lista de artículos y servicios que nos atraen, regresar después y comprarlos. Inspira más confianza. – Como usuario, entrar en un sitio web que cuenta con un carrito de compras te hace sentir que estás adquiriendo con profesionales. Comprar en línea es cada vez más seguro y fácil, y brindar esta opción a los usuarios los hace sentirse interesados. Da mayor flexibilidad de pagos. – Esto representa un gran beneficio tanto para los compradores como para la empresa. Para el dueño, significa incrementar las posibilidades de tener un pago acelerado, además de mostrar productos relacionados con los que ha comprado el cliente para fomentar más ventas. Para los clientes significa no tener limitaciones a la hora de pagar por transferencia o con diferentes tipos de tarjetas de crédito o débito y, al encontrar productos relacionados, disponer de ofertas valiosas sin necesidad de realizar una nueva búsqueda. (Fuente: https://blog.hubspot.es/sales/carrito-de-compras) Fuente: https://cutt.ly/DvmJzDl Asimismo, entrega las indicaciones para crearlo: CO N T IN U AR → 1.1 Adquiere una plataforma Una de las formas más sencillas de tener tu propio carrito de compras online es por medio de una plataforma o software especializado. Te hablaremos de algunos de los más usados: 1 .1 .1 S HO PI F Y 1 .1 .2 V O L U S I O N 1 .1 .3 O PE N C A R T Shopify es una plataforma creada especialmente para las tiendas online. Te ayudará a transformar un sitio existente con su botón de compras. También funciona si crearás tu propio negocio desde cero, pues te provee de un dominio y de las herramientas básicas para crear tu marca. https://cutt.ly/8vmZ9kD 1 .1 .1 S HO PI F Y 1 .1 .2 V O L U S I O N 1 .1 .3 O PE N C A R T Volusion te da las herramientas para mostrar tus productos, crear descripciones y aceptar pagos con Stripe, PayPal o Amazon. También cuenta con un sistema de gestión de órdenes que te permitirá que hagas tus envíos de la forma más sencilla posible. https://www.volusion.com/v1/sell 1 .1 .1 S HO PI F Y 1 .1 .2 V O L U S I O N 1 .1 .3 O PE N C A R T Opencart es un software de descarga gratuita que podrás asignar a un servidor de su socio A2 Hosting o a cualquier otro servicio de alojamiento que tú desees. Cuenta con un panel de pagos de uso intuitivo, así como bases de datos, opciones de descuento y la posibilidad de manejar más de una tienda desde un solo gestor. CO N T IN U AR → 1.2 Usa un plugin en tu CMS Si tu sitio está alojado en un CMS es probable que existan varios complementos o módulos de carrito de compras. Por lo regular, serán fáciles de instalar y no requerirán de la ayuda de un experto. Te presentamos varias opciones para algunos CMS populares: 1.2.1 Carritos de compras para Wordpress WooCommerce: El plugin de WooCommerce para WordPress cuenta con páginas de producto, de carrito y de checkout. Simple PayPal Shopping Cart: Añade tu carrito de compras en una barra lateral en cualquiera de tus páginas. EasyCart: Integra PayPal, Square y Stripe como formas de pago en un plugin con productos y órdenes ilimitadas. 1.2.2 Carritos de compras de HubSpot HubSpot cuenta con varias opciones para integrarse en distintas plataformas de comercio electrónico. Visita la lista de todas las integraciones de HubSpot internas y de terceros. Adicional a las de comercio electrónico de terceros, HubSpot ofrece una integración nativa por medio de Zapier, un servicio externo que ofrece integraciones de API simples con más de 250 servicios, incluidos muchos sitios de comercio electrónico. https://blog.hubspot.es/sales/carrito-de-compras https://ecosystem.hubspot.com/es/marketplace/apps/marketing/ecommerce/checkout-hq236048 Fuente: https://blog.hubspot.es/marketing/como-hacer-una-pagina-web 1.2.3 Carritos de compras para Joomla BeaCart: Tiene un diseño moderno y totalmente adaptado para cualquier dispositivo. Está disponible en varios idiomas y con distintas monedas. J2Store: Puedes añadir precios especiales desde tus grupos de usuarios y opciones de precios avanzadas, de acuerdo con la región de envío. Quick2Cart: Cuenta con opciones de diseño que te ayudarán a mejorar la visibilidad de tus productos. Además, muestra un tablero de estadísticas. 1.2.4 Basic Cart: Este carrito de compras es ideal para las tiendas con una cantidad limitada de productos. Envía 2 correos tras la compra. Ecwid: Muestra tus productos, categorías y checkout de manera simple y optimizada para todos los dispositivos. Ubercart: Te permite crear catálogos, tener una configuración dinámica de tus productos y crear reportes sobre tus ventas, productos y clientes. CO N T IN U AR → 1.3 Añade un carrito de compras en HTML Si tu sitio web no está alojado en un CMS o en una plataforma de comercio electrónico, un carrito de compras en HTML puede ser tu opción. Debido a que requiere programación HTML dinámica, necesitarás la ayuda de un programador. El proceso básico incluye estos pasos: El programador generará un código programado en una escritura HTML dinámica. Después de que el programador haya generado el código dinámico, este debe ser añadido en el código de tu sitio web. El código dinámico señalará el área de visualización. Una vez que el código de programación dinámico esté añadido correctamente en el HTML, revisa que esté visible en tu sitio y en la ubicación adecuada. CO N T IN U AR → 1.4 ¿Cómo evitar que tus clientes abandonen el Carro de Compras? Existe un dato estadístico no tan grato: 98% de las personas que visitan una tienda en línea no harán una compra; además, el comercio electrónico pierde en promedio más del 75% de sus ventas debido al abandono del carrito de compras. Los promedios de abandono de carrito de compras en marzo de 2020 fueron del 88%, de acuerdo con Statista. ¿Por qué pasa esto? En su mayoría, porque el consumidor aún no está listo para comprar. Otra razón importante es que el sitio donde desean adquirir un producto o servicio es demasiado lento o complicado de entender. La buena noticia es que para todo mal siempre hay una solución, y a continuación te compartimos varias: – Nunca ocultes los costos reales Algo que siempre vamos a recomendar es que se debe ser muy honesto con los clientes. Ellos valoran mucho cuando se les aclaran desde el inicio todos los términos y condiciones, y lo mejor en este caso es establecer los precios de envío desde el primer paso de su compra. Esto también aplica para otros cargos como impuestos, cargos por servicio, entre otros. Evita forzar el registro – Como ya lo mencionamos, los consumidores buscan agilidad a la hora de comprar en línea. Si un usuario desea comprar en tu sitio web, pero debe invertir tiempo y esfuerzo en crear una nueva cuenta para realizarlo, lo más probable es que abandone. Para dar una solución, puedes elegir entre dos opciones: la primera, no obligarlo a registrarse a la mitad de su camino de compra; dale la oportunidad de completar su pedido y, al finalizarlo, pídele el registro. Al tener ya todo completado, habrá menos probabilidad de que quiera irse solo por realizar unos cuantos pasos más. La segunda, permite que se registre automáticamente a través de plataformas como Facebook, pues es un proceso más rápido. Da más seguridad al cliente – Aunque las compras en línea son cada vez más populares, es muy común (y comprensible) que los usuarios se preocupen por la seguridad del sitio web. Nadie quiere perder dinero o ser timado; por ello, ofrece la mayor confianza que puedas. La gente quiere comprarle a alguien real, así que esfuérzate por demostrarlo. Para lograrlo el diseño de la página debe lucir profesional, que las imágenes que se usen tengan buena calidad y de preferencia que cuenten con un certificado Secure Sockets Layer (capa de conexión segura, o SSL por sus siglas en inglés). Otra manera de ganar la confianza de los consumidores es ir agregando a tu sitio las reseñas y recomendaciones que hagan las personas que ya te han comprado. El abandono del carrito de compras no es algo que se pueda evitar en un 100%, pero sí puedes disminuirlo en gran medida al aplicar estos consejos. Envía un correo electrónico de carrito abandonado – Un correo electrónico de carrito abandonado reorienta a los clientes que mostraron la intención de realizar una compra recordándoles que deben completar su proceso de pago. Se pueden utilizar estos correos electrónicos para impulsar las ventas y la conversión. Si se desea saber cuántas personas están dejando sus carritos en tu sitio, se debe comenzar a realizar un seguimiento de la tasa de abandono de tu carrito. Es fundamental que se mida la tasa de abandono del carrito para que se pueda tener una idea de cuántos compradores no están completando el proceso. CO N T IN U AR → 1.5 Tasa de abandono del carritos de compras online La tasa de abandono del carrito define la cantidad de personas que han comenzado el proceso de compra en un sitio web, pero no completan el proceso de pago. El promedio estimado de la tasa de abandono de carritos a nivel mundial es del 88%. La cantidad de compradores que abandonan un sitio sin completar una compra ha aumentado ligeramente desde 2016, pero fluctúa, especialmente durante los periodos vacacionales. El seguimiento de la tasa de abandono del carrito te permite realizar análisis sobre los hábitos de compra de los visitantes de tu sitio web. Para rastrear los carros abandonados, necesitarás algún tipo de herramienta en línea que te ayude. Por ejemplo, Google Analytics te proporciona información sobre el abandono del carrito, así como las opciones de software que veremos más adelante. Una vez que comiences a rastrear las tasas de abandono de carrito, tendrás una idea de cómo dirigirte a estos clientes potenciales para que se comprometan a comprar. Si nunca has creado un correo electrónico para los clientes que abandonan el carrito, no te preocupes. A continuación, veremos algunos ejemplos. El blog Jivochat ofrece también una interesante lista de opciones de Carros de Compra para sitios web. https://www.jivochat.cl/blog/ecommerce/carrito-de-compras-ecommerce.html CO N T IN U AR → Lesson 9 of 12 Implementar medios de pago de un sitio web Algunas de las aplicaciones que hemos señalado tienen la funcionalidad de integración con medios de pago. Sin embargo, en nuestro país se ofrecen diversas opciones para integrar medios de pago digitales en un sitio web. Usualmente, al contratar con algunos de los prestadores de este servicio, existe un (o varios) códigos de programación para integrar en el sitio web la funcionalidad de medios de pago. El mayor oferente del mercado chileno es Transbank. https://cutt.ly/qvWqxx6 Otros oferentes de este servicio son: https://www.pagofacil.cl/como-funciona/ https://www.pagofacil.cl/como-funciona/ FLOW https://www.flow.cl/index.php Se reseñaron las opciones que existen disponibles en Chile en este momento (2021). Cabe señalar que este año 2021 se están incorporando tres redes de pago online y en puntos de venta que será necesario considerar para futuras implementaciones. Por el momento solo están disponibles en comercios análogos (Físicos): POS (Point of Sale) sin embargo, es muy probable que ofrezcan funcionalidades para sitios web en el futuro. Compraqui (BancoEstado) https://www.compraqui.cl/ Sumup https://cutt.ly/XvQ4jGI Getnet https://www.getnet.cl/ CO N T IN U AR → Lesson 10 of 12 Ejercicios Estimado(a) estudiante: Una vez realizada la lectura comprensiva del materias de estudio, lo(a) invitamos a realizar una serie de ejercicios de aplicación de conocimientos. Question 01/05 ¿A qué concepto se refiere la siguiente definición: "Es la forma como un sitio web de ECommerce o una tienda online, materializa la opción a los consumidores para escoger productos y manifestar su decisión de comprarlos"? La definición corresponde a la página web de un negocio. La definición corresponde al carro de compras. La definición corresponde al método de pago que establece un comercio. La definición corresponde a la publicidad utilizada por la empresa. Question 02/05 ¿Para qué sirve el carrito de compras? I. Permite sólo el pago con tarjeta de crédito. II. Permite guardar artículos de deseo. III.Sirve como un centro de gestión de datos. IV. Es un medio de evaluación de la experiencia del usuario I y II I y IV II, III y IV Todas Question 03/05 De acuerdo a lo revisado en el material de estudio, ¿Cuáles son algunas de las plataformas o software que nos facilitan adquirir un carrito de compras online? Spotify - Shopify - Opencart. Facebook - Instagram - Twitter. Hubspot - Volusion. Shopify - Opencart - Volusion. Question 04/05 ¿Cómo podemos evitar que los consumidores abandonen su carrito de compras? I. Nunca ocultar los costos reales. II. Dar más seguridad al cliente. III.Evitar forzar el registro. IV. Enviar un correo electrónico de carrito abandonado. III y IV I y II II y IV Todas Question 05/05 ¿Cuál(es) de las siguientes aplicaciones integran medios de pagos digitales en el sitio web? Transbank - PagoFácil. Basic Cart - Sumup. Flow - Woocommerce. J2store. Lesson 11 of 12 Conclusión Texto – El E-Commerce ya venía experimentando un crecimiento importante desde hace varios años y esto se ha acelerado con la crisis de salud y, por consecuencia, económica del año 2020 y 2021. Las tasas de aumento de la actividad y volumen de ventas del E-Commerce han sido muy elevadas y continúan creciendo. En este ámbito, además de un muy buen diseño y desarrollo de sitios web atractivos y valorados por los clientes y consumidores, deben contar con eficientes funcionalidades para realizar compras y efectuar pagos online. En esta ocasión analizamos las principales opciones para incorporar estas facilidades en los sitios web. Múltiples aplicaciones desarrolladas por empresas especialistas permiten a técnicos en la materia, desarrolladores y diseñadores y, además, en muchos casos, a personas sin mayores conocimientos, incorporar Carros de Compra a los sitios web. Asimismo, luego de largos años de un solo proveedor de medios de pago digitales, se están incorporando otros, en algunos casos empresas internacionales especialistas, en otros, bancos que están ampliando su catálogo de productos y servicios. Estas empresas ofrecen el servicio de incorporar con equipos técnicos la funcionalidad de pago en el sitio web y también otorgan la opción de proveer las aplicaciones o códigos de programación para que otros lo hagan. Nos vemos en un próximo aprendizaje, adiós. CO N T IN U AR → Lesson 12 of 12 Evaluación Question 01/06 ¿Qué estrategia de distribución se caracteriza por restringir el número de puntos de distribución desde los cuales quiere llegar al consumidor, buscando preservar la imagen de marca y enfocándose en un mercado muy concreto? Intensiva Selectiva Exclusiva Ninguna de las anteriores Question 02/06 ¿Cuál es la importancia del merchandising en la estrategia promocional de los supermercados, home centers y grandes tiendas? No tiene importancia en la estrategia promocional. Es importante solo para las tiendas comerciales. Es importante para los supermercados, home centers y grandes tiendas ya que relaciona las estrategias promocionales utilizadas al interior de estos locales. Es importante para las tiendas comerciales ya que basan su estrategia promocional en los productos exhibidos en las vitrinas. Question 03/06 ¿Cuál es la importancia de las etiquetas HTML en la optimización de un sitio web? No son importantes, solo se utilizan para programar el sitio. Son importantes para que el sitio se vea estéticamente atractivo. Son importantes para ajustar el contenido del sitio y que los buscadores lo entiendan. Son importantes para agregar funcionalidades al sitio, como formularios y botones. Question 04/06 ¿Cuál de las siguientes opciones NO es una función importante del carrito de compras en un sitio web de ecommerce? Recopilar información de los patrones de conducta del consumidor Permitir guardar artículos de deseo para una compra futura Brindar mayor flexibilidad de pagos para los compradores Ofrecer un sistema de seguridad para las compras en línea Question 05/06 ¿Cuál de las siguientes plataformas de comercio electrónico ofrece un panel de pagos de uso intuitivo, bases de datos y la posibilidad de manejar más de una tienda desde un solo gestor? Shopify Volusion Opencart Ninguna de las anteriores Question 06/06 ¿Cuál es el promedio estimado de la tasa de abandono de carritos a nivel mundial? 50% 75% 88% 100%