
Bienvenidos a este curso de "Crea sistemas Ecommerce con PHP7 con pagos de Paypal y PayuLatam", en esta primera clase te mostraré cuál es el ecosistema de comercio electrónico adecuando que debes tener en tus proyectos de ventas por internet.
Estructurar un proyecto de eCommerce tiene su ciencia, y debe tener elementos muy bien pensados para trabajar con la psicología del consumidor, en estas dos clases a continuación te presentaré una propuesta de cómo debes configurar tu tienda en línea para tener mayor éxito en tus ventas.
Continuamos con la estructura de una página web para eCommerce.
El proyecto que realizaremos a continuación exige el trabajo del lado del cliente y del lado del servidor, por ende es un proyecto full stack el cual te convertirá en un mejor desarrollador web.
Hay muchas herramientas disponibles para el desarrollo web, yo te voy a recomendar las que utilizaré para este curso. Para el servidor local te recomiendo XAMPP en su versión PHP7 y para el editor de código te recomiendo SublimeText 3 por la cantidad de plugins que utilizaré.
En esta clase hablaremos de las pautas a seguir para poder descargar e instalar el código fuente del proyecto que construiremos durante este curso, y cómo resolver las inquietudes que se presenten.
En esta clase comenzaremos a estructurar el proyecto del lado del cliente, allí estará nuestra tienda virtual con todas sus características.
En esta clase comenzaremos a estructurar el proyecto del lado del servidor, allí estarán todos nuestros gestores para la creación de productos, editar la plantilla, configurar las tarifas del comercio entre otras características.
En las próximas 4 clases de esta sección comenzaremos la maquetación del Cabezote de nuestra tienda virtual, para esto utilizaremos la librería de Bootstrap con HTML5 y CSS3.
Continuamos con la maquetación del Cabezote.
Continuamos con la maquetación del Cabezote.
Continuamos con la maquetación del Cabezote.
En esta clase agregaremos la parte interactiva del Cabezote utilizando Javascript y jQuery.
A partir de las siguientes 3 clases comenzaremos a estructurar los datos dina´micos de la plantilla, para que pueda cambiar de acuerdo a la paleta de color que maneja nuestra imagen corporativa.
Continuamos con la creación de la plantilla dinámica.
Continuamos con la creación de la plantilla dinámica.
En esta clase crearemos los datos dinámicos para las Categorías y Subcategorías que manejemos en nuestra tienda virtual.
Continuamos con la creación de los datos dinámicos para las Categorías y las Subcategorías.
En las próximas dos clases aprenderemos a configurar las Url's amigables para ayudarnos en el posicionamiento en internet y compartir nuestras páginas y productos en redes sociales.
Continuamos con la configuración de las Url's amigables.
En las próximas dos clases agregaremos a nuestra lista Blanca las Url's amigables que se crean a través delas Categorías y las Subcategorías.
Continuamos con la creación de la Lista Blanca de Url's Amigables
En esta clase comenzaremos a maquetar el Slide con HTML5 y CSS3, ayúdandonos de Bootstrap.
Continuamos con la maquetación del Slide.
En esta clase comenzaremos a agregar interacción al Slide con la ayuda de Javascript y jQuery.
En esta clase aprenderemos a agregar efectos animados a los elementos del Slide.
En esta clase ajustaremos el Slide a todas las pantallas de computador y dispositivos.
En estas 2 próximas clases aprenderemos a convertir nuestro Slide en módulo dinámico con información traída de la base de datos.
Continuamos con la conversión del Slide a un módulo dinámico.
En esta clase crearemos la ruta oficial del servidor para poder vincularla en todos los archivos que la necesitemos.
En esta clase comenzaremos a maquetar los módulos de la página de inicio, empezando por el Banner de anuncios publicitarios.
En esta clase maquetaremos la vitrina de productos separada en tres módulos: artículos gratis, artículos más vendidos y artículos más vistos.
En esta clase maquetaremos los artículos más vendidos de la tienda.
En esta clase maquetaremos los artículos más vistos de la tienda.
Es importante que el visitante pueda tener varias opciones de visualización de los artículos, por eso tendremos la opción de visualizar los artículos en cuadrícula o en lista.
En esta clase realizaremos los ajustes pertinentes al diseño responsivo.
En esta clase agregaremos las acciones interactivas de nuestra página de inicio con Javascript y jQuery.
En esta clase agregaremos efectos Parallax con la acción del Scroll.
En esta clase agregaremos la herramienta Tooltip de Bootstrap, la cual os permite poner avisos emergentes encima de cualquier título, botón o imagen.
En las próximas dos clases aprenderemos atraer la lista de productos de nuestra tienda de forma dinámica, para este curso trabajaremos con una lista de 500 productos para poder hacer todas las pruebas pertinentes.
Continuamos con el ejercicio de traer los datos dinámicos de los productos.
En las próximas dos clases agregaremos los datos dinámicos a la página de artículos destacados.
En esta clase continuamos trayendo los datos dinámicos para la página de artículos destacados.
En esta clase haremos los ajustes pertinentes para que nuestra sección de artículos destacados se vea completa.
En esta clase traeremos los datos dinámicos para los productos en visualización modo Lista.
En esta clase finalizaremos esta sección agregando las rutas de los productos a nuestra lista blanca de Url's amigables.
En esta clase comenzaremos vinculando desde la base de datos la lista de productos almacenados.
En esta clase organizaremos la maquetación de la página de productos con los datos dinámicos.
En esta clase arreglaremos las migas de pan (breadcrumb)
En las siguientes 4 clases comenzaremos a organizar la paginación de los productos, aprenderemos a crear un paginador dinámico.
Continuamos con la paginación de los productos.
Continuamos con la paginación de los productos.
Continuamos con la paginación de los productos.
En esta clase aprenderemos a diferenciar el botón de la página activa.
En esta clase aprenderemos a organizar los productos en desde lo más antiguo hasta lo más reciente.
En esta clase traeremos los datos dinámicos del banner.
En las próximas 3 clases aprenderemos a configurar nuestro buscador de productos.
Continuamos con el buscador de productos.
A partir de esta clase comenzamos a organizar la página del Info-Producto, página de aterrizaje donde los usuarios podrán apreciar con mayor detalle las cualidades del producto.
Es muy importante la forma en que se va a visualizar el producto, en este caso, cuando se trate productos físicos trabajaremos un visor de imágenes con la opción de realizar zoom sobre ellas.
En las próximas tres clases traeremos la información para el Info-Producto desde la base de datos.
Continuamos trabajando con los datos dinámicos.
Continuamos trabajando con los datos dinámicos.
En esta clase ajustaremos los botones de compra, los cuales dependen si el producto es gratuito o pago, o si el producto es físico o virtual.
En esta clase haremos los ajustes pertinentes a la maquetación de la página de Info-Producto
En esta clase traeremos los datos dinámicos del visor de imágenes o del visor del video.
En esta clase haremos la maquetación de la sección de comentarios que tendrá la página del Info-Producto.
En esta clase aprenderemos a mostrar artículos relacionados que giren alrededor del Info-Producto.
En las próximas dos clase aprenderemos a crear un contador de visitas para las páginas vistas del Info-Producto.
Continuamos con el contador de visitas del Info-Producto.
En estas dos primeras clases de esta sección comenzaremos a construir los formularios de registro al sistema, ayudándonos de las ventanas modales de Bootstrap.
Continuamos con la maquetación del registro de usuarios.
Es importante en todo sistema que recolecte datos tener unas políticas de uso y privacidad con la información que está suministrando el usuario, así nos libramos de batallas legales innecesarias.
Es importante validar la información que el usuario está suministrando en el sistema para evitar ataques y baches de seguridad, primero lo haremos del lado del cliente con la ayuda de las expresiones regulares en Javascript.
En esta clase haremos la validación de la información que suministra el usuario pero esta vez desde el lado del servidor utilizando las expresiones regulares en PHP.
En esta clase agregaremos la información que el usuario suministre a la base de datos.
Cuando un usuario se registra de forma directa en el sistema, es decir, sin utilizar las redes sociales, es importante validar la existencia de su correo electrónico, por ello, vamos a configurar un envío automático a su bandeja de entrada para confirmar la veracidad de la cuenta. Aprenderemos a utilizar la Clase PHPMailer, una extensión muy completa que nos permitirá trabajar todo el tema de Email Marketing más adelante.
Mientras estemos trabajando el proyecto en modo local es importante hacer unos cambios en la configuración de nuestro servidor para realizar las pruebas pertinentes al envío del correo electrónico.
En esta clase crearemos la página de aterrizaje cuando el usuario verifique que su cuenta de correo electrónico es real.
En las próximas dos clases aprenderemos a configurar nuestro proyecto para que no se repita el registro de una cuenta de correo electrónico ya existente en el sistema.
Continuamos con la validación del correo electrónico existente en el sistema.
En las próximas dos clases aprenderemos a realizar un ingreso de usuario de forma directa, sin todavía utilizar las redes sociales.
Continuamos con el ingreso de usuarios de forma directa.
En esta clase aprenderemos a cerrar una sesión de usuario cuando salga del sistema.
En las próximas dos clases vamos a aprender a configurar el sistema para cuando un usuario solicite recuperar la contraseña en caso tal que la haya olvidado.
En esta clase continuamos con la configuración del olvido de contraseña.
En las próximas dos clases aprenderemos a realizar un registro de usuario a través de la red social Facebook utilizando su API para desarrolladores.
En esta clase continuamos con el registro de usuarios a través de Facebook.
Luego del registro de Facebook vamos a crear sesiones de usuario cuando se realice un ingreso al sistema.
Puede ocurrir que el usuario ya haya registrado su correo de Facebook en el sistema a través de otros medios, como por ejemplo Google o de forma directa, por eso es importante avisar si su correo ya existe en el sistema y no se repita. O en caso tal de que haya sido registrado con Facebook no nos duplique la cuenta de usuario.
En las próximas dos clases aprenderemos a realizar un registro de usuario a través de Google utilizando su API para desarrolladores.
Continuamos con el registro de usuarios a través de Google.
También debemos evitar que el usuario registre dos cuentas con el mismo correo electrónico en caso tal de que ya se haya registrado en el sistema a través de otros medios, como por ejemplo, Facebook o de modo directo.
Cuando el usuario decida salir del sistema debemos además de borrar las variables de sesión, borrar las cookies que se han generado con la API de Google así mismo como lo hicimos con la API de Facebook.
En las próximas dos clases comenzaremos a construir la página de Perfil de Usuarios trayendo de una vez datos dinámicos. En dicha página el usuarios podrá actualizar su perfil, tener control de sus compras, visualizar su lista de deseos, dirigirse a la página de ofertas o eliminar su cuenta de usuarios.
Continuamos con la creación de la página de Perfil de Usuarios.
Todo usuario que haya hecho un registro de modo directo podrá cambiar sus datos en la pestaña Perfil, allí podrá cambiar su nombre, su cuenta de correo electrónico o su contraseña.
En las próximas dos clases aprenderemos a actualizar la foto del usuario.
Continuamos con la actualización de la foto de usuario.
En las próximas dos clases construiremos la sección donde el usuario podrá tener control de sus compras y productos adquiridos en la tienda. Allí podrá tener acceso a los productos virtuales de manera inmediata, o podrá visualizar cómo va el proceso de entrega de un producto físico.
Continuamos con la construcción de la sección de compras.
En esta clase aprenderemos a gestionar los comentarios que los usuarios hagan de los productos adquiridos. como por ejemplo la valoración en puntos y la opinión del mismo.
Cuando un usuario adquiere un producto de la tienda, automáticamente se genera la opción de agregar un comentario del mismo, por eso para la maquetación de esta sección vamos atraer los datos dinámicos ya existentes en la base de datos.
En esta clase validaremos la información que el usuario registre en el comentario, como es una información que subirá hasta al base de datos, es importante impedir el uso de caracteres especiales para prevenir ataques de código cruzado.
En esta clase aprenderemos a almacenar los comentarios en la base de datos.
En las próximas dos clases regresaremos a la página del Info-producto para que se puedan visualizar los comentarios que han dejado los usuarios acerca de dicho producto.
Continuamos trabajando la sección de comentarios en la página del Info-producto.
Sólo falta organizar la visualización ordenada de los comentarios en la página del Info-producto, y para eso haremos algunos ajustes interactivos con Javascript.
En esta clase construiremos la sección de la lista de deseos del usuarios.
En esta clase aprenderemos a guardar un producto en la base de datos que el usuario desee adquirir en un futuro.
En esta clase aprenderemos a borrar un producto de la lista de deseos.
En esta clase aprenderemos a borrar una cuenta de usuario, teniendo presente que debemos eliminar de la base de datos todos los registros que hay hecho dicho usuario: comentarios, listas de deseos, compras entre otros.
En esta clase comenzaremos a maquetar la página del carrito de compras, allí se visualizarán los productos que las personas comiencen a elegir para la futura compra.
En esta clase aprenderemos a almacenar los productos del carrito de compras en el LocalStorage.
En esta clase continuamos agregando los productos físico al carrito de compras a través del LocalStorage.
En esta clase aprenderemos a seleccionar del LocalStorage los items para el carrito de compras.
En esta clase aprenderemos a modificar la Cesta del carrito de compras.
En esta clase aprenderemos a borrar los items del carrito de compras.
En esta clase aprenderemos a actualizar el precio subtotal de acuerdo a la cantidad elegida.
En esta clase aprenderemos a sumar todos los precios de los productos del carrito de compras.
En esta clase aprenderemos a actualizar la cesta del carrito de compras luego de actualizar la cantidad de los productos.
En esta clase comenzaremos a maquetar la ventana modal del Checkout.
En esta clase agregaremos los estilos y la estética a la ventana modal del Checkout.
En esta clase aprenderemos a crear una selección de un listado de países almacenados en datos J-Son.
En las siguientes dos clases aprenderemos a evaluar las tasas de impuesto y de envío que tenga el comercio electrónico.
En esta clase continuamos con las tasas de impuesto y de envió del comercio electrónico.
En esta clase aprenderemos a evaluar el total de la compra incluyendo las tasas de impuesto y de envío.
En las próximas dos clases aprenderemos a realizar el cambio de moneda o divisa de acuerdo a la pasarela de pagos escogida.
En esta clase continuamos con el cambio de divisa.
En esta haremos los ajustes finales a nuestra ventana modal del Checkout.
En esta clase comenzaremos a introducirnos en Paypal, una de las pasarelas de pago más importantes para el comercio electrónico.
En las siguientes dos clases aprenderemos a realzar el Checkout con Paypal.
En esta clase continuamos con el Checkout con Paypal.
En las siguientes dos clases aprenderemos a construir el Controlador de Paypal.
Continuamos con la construcción del controlador de Paypal.
En esta clase aprenderemos a finalizar una compra con Paypal.
En esta clase aprenderemos a capturar los datos que se generan del comprador de Paypal.
En esta clase aprenderemos a generar la entrega automática de los productos virtuales.
En esta clase aprenderemos a configurar la privacidad y seguridad para el ingreso de cada producto virtual.
En esta clase aprenderemos a habilitar el botón de llamada a la acción "Comprar Ahora" de Paypal.
En esta clase nos introduciremos en la segunda pasarela de pagos que configuraremos en este curso llamada Payulatam, una pasarela de pago orientada más a un mercado local y nacional, no disponible para todos los países de latino américa pero si en la mayoría de ellos.
En las próximas dos clases comenzaremos a realizar el Checkout con Payulatam.
En esta clase continuamos con el Checkout de Payulatam.
En las próximas dos clases aprenderemos a llenar el formulario de envío a la pasarela de pago de Payulatam pero con datos dinámicos.
En esta clase continuamos organizando el formulario de envío de Payulatam.
En esta clase haremos el ejercicio de simular una compra con Payulatam.
En esta clase aprenderemos a configurar el botón de "Comprar Ahora" pero con la pasarela de pagos de Payulatam.
A partir de esta clase nos sumergiremos en el mundo del marketing digital, hablaremos de las estrategias más asertivas para generar tráfico en nuestro sistema de comercio electrónico.
En las próximas dos clases te hablaré de las herramientas que utilizo para las estrategias de marketing digital.
En esta clase continuamos con las herramientas que utilizo para las estrategias de marketing digital.
En esta clase te mostraré cuáles son las actividades que puedes realizar como Community Manager de forma gratuita y que pueden llevar mucho tráfico a tu sitio web.
En esta clase te mostraré las posibles campañas que podrás invertir de manera estratégica para aumentar considerablemente el tráfico en tu sitio.
En esta clase nos introduciremos en la página de Ofertas, una estrategia muy importante para cualquier campaña de Comercio Electrónico, surge un efecto psicológico en el consumidor impulsando a compras inmediatas.
En esta clase comenzaremos a construir la dinámica de la página de ofertas, donde el usuario cuando elige tomar un producto gratuito y luego de dejar sus datos lo re-direccionaremos automáticamente a la página de ofertas.
En esta clase aprenderemos a evitar que los usuarios puedan adquirir dos o más veces el mismo producto gratuito.
En esta clase aprenderemos a aumentar en la base de datos las estadísticas de adquisiciones de nuestros productos gratuitos.
Regresando a la página de ofertas, vamos a maquetar esta página con las estrategias establecidas en nuestro proyecto de E-Commerce.
En las próximas dos clases vamos a traer las ofertas configuradas en la base de datos a la página de ofertas de nuestra tienda online.
En esta clase continuamos con la visualización de las ofertas.
En esta clase aprenderemos a configurar el marcado de cabeceras con las etiquetas Open Graph que nos recomienda las redes sociales Facebook, Google y Twitter.
En esta clase aprenderemos a traer los datos dinámicos para marcar las cabeceras.
En esta clase aprenderemos a configurar las funciones que vienen por defecto de las redes sociales Facebook y Google+ para compartir contenido de nuestra tienda Online.
En esta clase aprenderemos a configurar los datos Schema o las tarjetas enriquecidas que Google nos recomienda para tener mejor posicionamiento en los buscadores.
En esta clase aprenderemos a tener las tarjetas enriquecidas de forma dinámica de acuerdo a la página de info-productos.
ATENCIÓN: Este curso dejó de recibir soporte al estudiante a partir del 26 de Septiembre de 2023. Si deseas adquirir la última versión de este curso con soporte al estudiante te invito a buscar en el catálogo de Udemy el curso Crea sistemas Ecommerce con PHP y MySQL V2.0
¿Te gustaría aprender a crear sistemas Ecommerce desde cero con ventas automatizadas?
Hoy en día, muchas personas agrupan diferentes recursos aislados que permiten consolidar un negocio en línea y así construir un ecosistema de ventas por internet y dependen de herramientas como: WORDPRESS, WOOCOMMERCE, GETRESPONSE, LEADPAGES, PRESTASHOP, MAGENTO, FACEBOOK, GOOGLE, entre otras herramientas para el funcionamiento de su negocio!
En este curso aprenderás a crear todo desde cero y así tener control sobre tu propio ecosistema de ventas, crearemos una plataforma muy completa de comercio electrónico con PHP8, Javascript, jQuery, Ajax, datos Json y bases de datos MySQL.
Características del Sistema:
Automatización de procesos de venta utilizando las pasarelas de pago de PAYPAL y PAYULATAM.
Aprenderás a construir tu propio carrito de compras.
Aprenderás a construir una página de captura de prospectos y enviarlos a las páginas de ofertas
Aprenderás a generar estrategias de Marketing en Línea para el posicionamiento de negocios en lnternet y así obtener ventas exitosas.
Utilizaremos la plantilla AdminLTE para la administración de nuestra tienda Online.
Gestión de los productos de la tienda ya sean físicos o digitales,
Gestión de los Banner y Slide de promoción, las ofertas y descuentos.
Análisis de visitas a la página.
Control de ventas de cada producto.
Herramientas que aprenderás a usar:
Técnicas de maquetación de diseño responsivo con Bootstrap.
Técnicas de interacción con Javascript y jQuery.
Plugin FlexSlider para deslizador de diapositivas.
Plugin SweetAlert para ventanas modales tipo PopUp.
Plugin ScrollUP para la navegación con el Scroll.
Plugin DS Count Down para cuentas regresivas de fechas y horarios.
Plugin KNOB para gráficos interactivos.
Manejo de datos JSON desde Javascript y PHP.
Pixel de Facebook.
Marcado Ophen Graph.
Google Search Console.
Plantilla AdminLTE: Excelente plantilla "open source" para la creación de software responsivo.
Si buscas todo en un solo lugar esta es la plataforma que debes aprender a crear, así lo hacen las grandes empresas tales como: UDEMY, AMAZON, EBAY, APPLE, FACEBOOK, NETFLIX, entre otras marcas reconocidas.
¿CÓMO ES EL CURSO?
El curso se divide en varias secciones. En una primera sección aprenderemos acerca de cómo construir una página web eCommerce con la estructura adecuada.
En las siguientes secciones comenzaremos a construir paso a paso desde cero cada uno de los módulos que harán parte de nuestra página web Ecommerce, desde el html, las hojas de estilo, la interacción con javascript y jQuery, con la ayuda de algunos plugins y la conexión al servidor utilizando PHP en su versión 8 bajo el patrón Modelo-Vista-Controlador con Programación Orientada a Objetos utilizando bases de datos MySQL.
¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?
Depende de ti. Estimo que menos de tres semanas puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.
¿CUÁLES SON LOS REQUISITOS?
Descargar el material que se encuentra en los recursos de la primera clase de cada sección. Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: "Aprende HTML5 y CSS3 desde cero". No es indispensable pero sería bueno para la construcción del Proyecto tener bases en Javascript, jQuery y Maquetación con Bootstrap.