Desarrollo de sitios web con Wix: cómo agregar funciones de reserva y servicios para ventas.

1. Bienvenido a mi clase de Skillshare: Trailer: Hola, bienvenidos a mi clase de Skillshare. Mi nombre es Patti. Soy especialista en marketing digital en diseñador de UX y estoy haciendo esta clase para tratar de ayudarte, ávidos desarrolladores de sitios web en pelucas, tratar de maximizar tu potencial agregando grandes componentes y diseños intuitivos a sus sitios web. Si me seguiste antes, genial, si eres nuevo, bienvenido. Estamos haciendo un sitio web turístico. Y en esta lección vamos a aprender a agregar funciones de reserva y opciones para miembros a un sitio web que permita a sus clientes potenciales no solo elegir sus paquetes, sino que paguen por ellos y acceder a una zona donde puedan editarlas y reprogramarlas, solicitudes de reserva de socios y otras características o de una manera muy intuitiva y fácil de usar donde se puede estar trabajando en esta hermosa naturaleza sitio web de la empresa de turistas que se hizo desde cero. Y si no has visto esas clases, definitivamente te recomiendo que vayas a verlas también. Y vamos a utilizar las funciones de Wix para agregar diferentes opciones de reserva para unas agradables vacaciones extremas y acostarse donde los usuarios tienen la capacidad de reservar y elegir esa aventura fechas y luego pagar por ellas al final. Lo que esperas por unirte a mí en esta clase, es un curso rápido, pero recibe mucha información a través. Y ojalá cuando salgas de esto, aprenderás a tener tus propias funciones y servicios de reserva de sitios web . Este vidrio está dirigido principalmente a todos los desarrolladores web, pero en su mayoría se habla hacia los principiantes ya que realmente muestra las funciones básicas del desarrollo web de Wix. Lo que esperas venir me acompañó en esta clase. 2. Introducción y configuración: Hola, bienvenidos a mi clase de Skillshare. Gracias por inscribirse, y espero que le quiten valor a esta lección en la que se ha inscrito. Vamos a estar trabajando en esta página web que armé en una clase anterior de Skillshare. No obstante, si tienes tu propia página web de Wix, siéntete libre de seguir y ver qué hago y copiarlo en el tuyo. Vamos a estar trabajando en sumar nuevas funcionalidades de reserva sin paquetes para nuestra empresa. Esto va a ser mediante el uso de una de Wix es aplicaciones de reserva integradas, que pueblan automáticamente el sitio web con una serie de páginas web, lo que permitió una islamización muy rápida y rápida para permitirle incluir sus servicios y comenzar a realizar pagos tan pronto como actualice a uno de los paquetes pagados por testigos. En esta clase, nos vamos a centrar en la versión gratuita que está disponible para todos. Y es un muy buen punto de partida para habilitar reservas para tus servicios. Y en este caso particular, es una naturaleza hacia la empresa. Ahora cuando se trata de incorporar cosas como reservas y opciones de compra en un sitio web, hay que pensar en el viaje de navegación. Es importante asegurarse de poner el libro ahora o los paquetes de precios, las ubicaciones correctas en las que espera que el cliente quiera hacer clic para hacer una venta potencial. En nuestra página web, hay dos formas que pueden hacer si un cliente va a entrar, ya sea conociendo la ubicación o van a entrar ya sea conociendo el tipo de paquete o tipo vacacional que ellos quiero. Y eso nos da dos opciones. Tenemos paquetes equipados aquí. Por lo que cada uno de estos va a llevar a una página o una serie de páginas que contienen los tipos de paquetes que están disponibles junto con las opciones de reserva y precios. O tenemos ubicaciones destacadas. Habrá algunos clientes que estén interesados en ir al Reino Unido a Perú, etc. Y quieren encontrar vacaciones dentro de ese destino. Es importante que hagamos nuestras reservas lo más granulares y lo más modulares posible donde podamos darle a EE.UU. como esas opciones. Vamos a recapitular. Hemos creado un hermoso sitio web minimalista para una empresa de turistas de naturaleza para permitir a los usuarios ver los diferentes paquetes y ubicaciones que atendemos. Tenemos un bonito encabezado minimalista cual tiene una serie de sub páginas. Tenemos un bonito banner héroe, que ha integrado efectos de paralaje y desplazamiento. Contamos con paquetes de características con cajas de desplazamiento. Cuando pasas el cursor sobre estos la oscuridad y para que sea obvio que estás flotando claramente sobre un enlace que se puede hacer clic, hemos destacado ubicaciones que tienen el mismo tipo de efectos donde se inversan en hover, que es bastante agradable. Y luego tenemos un formulario de contacto con nosotros. Lo que vamos a hacer ahora es que vamos a añadir en un nuevo encabezado. Vamos a llamar a esto reservas. Entonces es por eso que los usuarios van a poder crear reservas y ver qué paquetes quieren y pueden comprar. Obviamente estoy en contacto con nosotros para. 3. Agregar tu página de reservas: Entonces para empezar, hagamos lo que pretendíamos, y vamos a añadir en una nueva página llamada Reservas. Puedes bajar aquí, Administrar páginas, añadir una nueva página. En una página estándar. Lo vamos a llamar reservas. Ahora esto se sentará en la barra de menú. Entonces si pasamos el cursor por aquí, déjame venir al menú Gestionar, Añadir Nuevo Artículo, páginas del sitio, y escoge reservas aplican y se sentará para nosotros. Ahora, obviamente en contacto con nosotros suele estar en el lado más alejado de la cabecera. Arrastrémoslo frente a Contáctenos para que encaje muy bien que los próximos dos paquetes. Ahora es por eso que los usos van a venir a ver que las Reservas para ver en qué obviamente se han inscrito o en lo que han comprado. Te voy a mostrar cómo usar Editor X y Wix, cómo las reservas se hacen realmente muy simples por los complementos y las aplicaciones de reserva que han incorporado en la herramienta de creación de sitios web. 4. Agregar el componente de reservas de Wix: Entonces como primer paso, vamos a ir al ícono del plus aquí y bajar a las reservas. Ahora lo que esto te permitirá hacer es agregar en un determinado módulo al sitio que te permita reservar clientes y pagar los servicios. Ahora esto obviamente es muy importante porque queremos permitir reservas para vacaciones, y también queremos permitirles pagar por sus servicios. Si agrego dos sitio, se agregará a los módulos y a todas las diferentes páginas web que son innecesarias y los componentes para reservas a través de semanas. Una de las primeras cosas que probablemente notarás después de haber añadido en las reservas está en el lado derecho aquí tenemos un miembro o un, un menú de iconos de cuenta ya creado, que es realmente útil. 5. Navegar en las páginas de reserva y los miembros: Ahora que eso está cargado, puedes ver aquí que esta barra de inicio de sesión actúa como área de miembro. Ahora llegamos a la cima aquí, déjame ver cuáles son nuestras páginas, verán una carga de nuevas páginas que se han inputado, insertadas en nuestra página web. Entonces antes teníamos casa de reservas y ahora tenemos páginas de reservas y tenemos páginas de miembros. Ahora estos son importantes porque obviamente cada vez que un usuario hace una reserva, le pediremos que hagan una cuenta para que podamos rastrear sus reservas y que también puedan hacer cambios y ajustes a sus cuentas en cualquier compra o reserva que hayan creado. Empecemos con solo pasar por estas páginas y mostrar lo que dentro de ellas. Entonces esta obviamente va a ser la página del formulario de reserva. Por lo que aquí podemos ver un menú preestablecido que obviamente se puede cambiar bajo las opciones de servicios administrados y configuración. Tenemos las reservas revisadas. Entonces básicamente, esta es la página que va a venir después de que hayan comprado un paquete a través de nosotros. Contamos con una página de servicio. Por lo que esto nos permite ajustarnos para hablar de los diferentes paquetes que tenemos. Entonces, a modo de ejemplo, para lo que vamos a usar este es alguna aventura o vacaciones extremas. Y vamos a poner en la duración, el número de días, el precio donde se produce, y también entonces las fechas en las que puedan optar por ir en este paquete en particular e incluye cosas como nuestro contacto ahora las políticas de cancelación. Entonces tenemos un libro en calendario. Por lo que este es otro gran lugar para que los usuarios vean qué diferentes paquetes están ocurriendo en diferentes días. Entonces tenemos un servicio que permite a la gente reservar en línea. Entonces aquí es donde la gente va a ver los paquetes y reservar en consecuencia. Ahora son las páginas de reserva y podemos ir a las páginas de los miembros ahora. Entonces estas son las cuentas que las páginas que los usuarios podrán crear antes de que obviamente sigan adelante y compren cualquier servicio o hacia paquetes con nosotros. El FDM, mi página de cuenta. Esto se ha hecho claramente para tener información diferente sobre que se relaciona con el titular de la cuenta. Tenemos la billetera. Por lo que aquí es donde utiliza puede evidentemente poner en sus datos de tarjeta de crédito y los datos de la tarjeta de débito. Y luego por último, tienen mis reservas. Por lo que cualquier reserva que sea hecha por un cliente potencial se pondrá aquí en base las reservas de las páginas de reserva. Se puede ver que ahora tenemos muchas páginas diferentes y cuando se aseguran de que incorporamos todas estas muy bien en el sitio web para que los usuarios puedan seguir fácilmente. Entonces si podemos previsualizarte y solo tratar de previsualizar lo que está pasando con las diferentes páginas. Puedes ver aquí, bajo la página de cuenta, tenemos mis reservas, mi billetera, mis cuentas. Y una cosa que no tenemos es la accesibilidad para ir a ver los diferentes servicios que tenemos. Entonces en la siguiente lección, vamos a empezar poblando las páginas de servicio dentro de las páginas de reserva debajo de aquí con paquetes fuera de casa para que los usuarios puedan ir allí y comenzar publicando cosas de nosotros. 6. Agregar paquetes turísticos: Entonces una de las primeras cosas que tenemos que hacer es asegurarnos nuestros paquetes y páginas de reserva enlazados a las nuevas páginas, las cuales lo agregarán con el componente de reserva de Whigs. Tenemos un libro en páginas y tenemos páginas de miembros. Lo que queremos que suceda es como usuarios en esta página de inicio, se desplazan hacia abajo y ven paquetes de voz aptos o las ubicaciones destacadas de C. Y cuando hacen click en uno de estos, va a nuestra página de paquetes donde pueden ir y elegir el paquete y la ubicación de ese paquete y luego mezclarlos reservas que lo primero que necesitamos para hacer es asegurarnos de redirigir este botón a la nueva página en línea del libro. Así que hagamos clic en Administrar menú, ir a paquetes, cambiar enlace, y luego elegimos esto para hacerlo reservar en línea. Ahora cuando haga clic en este banner de encabezado en la parte superior, nos llevará al nuevo libro, a su página de línea. Vamos a intentarlo, probar eso. Vista previa de paquetes que se puede ver cuando la página de paquetes con las pestañas preestablecidas qué semanas te da y ahora vamos a elegir y cambiar en consecuencia. Lo que vamos a hacer ahora es adaptar esta página para reflejar nuestros paquetes turísticos que tenemos. Pero si haces clic en este módulo, la opción de ir a administrar servicios, que abrirá un cuadro emergente, que te da una interfaz de asistente para que puedas configurarte tú mismo. Ahora porque estamos creando paquetes turísticos a medida donde vamos a tener un número finito de individuos. Vamos a elegir la pestaña de múltiples participantes. Esto le permitirá entonces elegir si se trata de una clase. Entonces si se trata de un curso, cualquiera de estos está bien porque vamos a adaptar esto para cambiarlo a un sistema de reservas para un paquete para el turismo. Si hacemos click en clase, eso nos dará la opción aquí de hacer nuestro propio servicio. Aquí iremos en aventuras de paquetes extremos. Tengo uno preestablecido que hice antes, y ese va a ser nuestro título, ubicación, fecha y año. Podemos añadir una imagen. Entonces utilicemos qué son las imágenes de stock que teníamos de proyectos anteriores. Podemos poner aquí. Únete a nosotros para esta increíble excursión en Sudamérica por siete días de diversión. Entonces podemos elegirlo como clase. Y esto nos permite tener múltiples participantes y podemos elegir la capacidad. Ahora obviamente como empresa turística, probablemente vas a querer tener 1520 participantes en cualquier momento. Podemos elegir un precio para que podamos poner 750 libras por persona. Puedes tener la opción de agregar videoconferencias y cosas así. Obviamente, si esto no fuera un sitio web turístico y también planes de precios para los miembros. Entonces si tienes algún miembro que se unan a tu sitio web, realmente puedes darles descuentos o darles ofertas si son miembros. Demos clic en Guardar. Esto ahora ahorrará una de nuestras opciones. Hagamos uno más. Podemos llamar a esta tarde vacaciones de regreso, y podemos llamar a esto, digamos 25. Junio 2022 muestra cócteles. Sin Censura. 14 días es un poco demasiado. Hagamos siete días. Y luego haga clic en la página de playa. Podemos aumentar la capacidad para éste porque obviamente es una fiesta relajante y podemos ponerla como 1250. Y podemos llamar a esto Vamos a hacer 5 estrellas para obviamente hacer que lo lamenta por eso. Espectáculos de domingo de cinco estrellas. Guardar. Ahora tenemos ambos aquí y estos bajo nuestros servicios. Da click y si cierras esto ahora, verás cómo se cargan en esta zona de paquetes ya hechos para ti con los precios y las opciones de reserva. Ahora obviamente, dentro de estos ajustes aquí puedes elegir cómo se ve esta área. Por lo que actualmente puedes personalizar los widgets, esto como quieras, los servicios, el layout. Por lo que es posible que desee tener un diseño más largo o diseños con descripciones depende puramente de usted. Puedes elegir todos los diseños y los remenajes y los detalles y cómo se ve, lo cual es bastante bonito. En la opción de visualización, realidad puedes incluir el enlace Leer más o los subtítulos de autoservicio. Por lo que el protocolo en las descripciones de cada uno de los paquetes, el texto y también el diseño y la distribución dividida. Por lo que puede ser muy granular con esto. Esto obviamente es bastante grande para mi gusto. Así que hagamos estos un poco más pequeños y los hagamos un poco más divertidos. Esta es ahora la página de paquetes completa. Ahora el siguiente, vamos a empezar a adoptar el otro libro en páginas. Por lo que las páginas suburbios, calendarios, etc. Para que sea más fácil para el usuario reservar su paquete y elegir las fechas en consecuencia. Y entonces lo que vamos a hacer es trabajar en las páginas de miembros y permitir a los usuarios crear membresías y mirar esas reservas a través de esos sistemas. 7. Configuración del calender de programación: Verás aquí ahora que tenemos los dos paquetes y queremos permitir a los usuarios reservar uno de estos e ir a un calendario donde puedan elegir esa hora de check-in de cuando quieran salir el día. Entonces si digo reservar ahora, verás aquí abre el calendario. Ahora si navego hacia mí, verás cómo el servicio real no sube. Tenemos que sumar en una nueva sesión y ranuras de check-in para estas vacaciones. Entonces si tomamos edición en esta página del calendario de reservas y luego vamos a gestionar los servicios. Tienes la opción aquí de agregar sesiones a una de estas. Vamos a sumar sesiones al Perú. Ahora vamos a sumar algún tiempo de check-in. Entonces el 18, 18, ese es el uno. Y vamos a navegar a la década de 1800. Y vamos a hacer hora de inicio. Digamos que nuestro vuelo es 930, son los datos que empezamos. Y sugerimos que el check-in tomará alrededor de dos horas, no repite Guardar. Ahora esto obviamente será una, saldrá en el calendario si vuelvo a mayo de 1800. Ya verás aquí ahora cómo tenemos el área de Participantes aquí. También hemos agregado en un miembro del personal para todos aquellos que se preguntan, sí, tenemos personal. Y si haces click aquí en el libro y tipo de área de personal, puedes ver las cosas que he hecho y puedes agregar más miembros del personal. En este caso particular, Dave Hopper es un guía turístico certificado de Perú que se va a unir estos turistas, este servicio. Ahora si vuelvo, verás aquí cómo usa. Si hago click en Vista previa. La gente puede ver sus vacaciones en la década de 1800 en 930 donde pueden optar por ranura. Y si se llevan esto, eso entonces mostrará las vacaciones extremas con tolva Dave y a nuestro check-in y ese es el costo. Si voy a continuación, esto entonces llevará usos al área de PE, lo que permitirá a los usuarios comprar el paquete. Obviamente, esto está utilizando actualmente una versión gratuita del sitio web de Wix. Obviamente, no voy a estar poniendo ningún detalle de pago aquí, pero puedes rellenar los detalles. Cambiar Cuenta, mensaje, número de teléfono, etcétera Ve a, ve a PE ahora y tomaré usos para pagar. Y una vez que hayan pagado, recibirán un gran libro con una confirmación, correo electrónico de confirmación que se les ha ido. Y la capacidad para ellos agregar el servicio a los candidatos, lo cual obviamente es realmente útil para ellos. Lo que hemos hecho aquí es de la página de inicio, hemos venido al área de paquetes. Hemos elegido un paquete, ya reservamos. Hemos abierto el calendario. Hemos elegido un slot el 18 de mayo. Y luego a continuación, entonces podemos ver cómo se ven las áreas de detalle pivote. Ahora en la siguiente parte vamos a mirar rápidamente el área del miembro y entender cómo funciona eso con las reservas. Ir en reservas. Ya verás aquí cómo una vez que tengas una próxima reserva hecha, llegará aquí. Y vamos a personalizar rápidamente esta página para que coincida con la empresa de turismo de naturaleza. Y luego lo llamaremos un wrap y tendremos una vista previa de la página web en vivo. 8. Explorar el área de los miembros: En esta parte final de la clase, vamos a pasar rápidamente por la página de reservas, que se forma bajo el área de membresía y Logan. Cuando un usuario realice una reserva a través del área de reservas de paquetes en línea o sus reservas y los historiales aparecerán en esta zona de reservas gestionadas. Por lo que Wix automáticamente hace esto todo para que hagas el proceso mucho más fácil de administrar. Y tienes la capacidad aquí de personalizar cada una de estas páginas en la parte superior, el cierto menú de subconjuntos, como puedes ver aquí. Ahora obviamente queremos tratar de mantener el tema de esta página web agradable y similar al sitio web principal. Por lo que si hago clic en el área de ajustes aquí, puedo elegir tarjetas móviles, móviles. Así que las tarjetas de perfil de membresía, que se pueden personalizar a las ganas de tu corazón cuando las quieres al cuadrado son algunas circulares, obviamente chupan y es bastante agradable. Puedes elegir el diseño así como el fondo y los estilos para eso. En realidad se puede ir a la página principal en sí y volver a las imágenes, el área de inspector para el número de área de widgets, y elegir la altura y la flexibilidad de la grasa también. Pero lo que vamos a hacer aquí es ir al área Configuración dentro de la pestaña Mis Reservas. Y puedes personalizar las diferentes opciones aquí desde el diseño hasta el enlace en el texto. Entonces si hago click en Personalizar, verás aquí que te da las diferentes opciones. Entonces aquí hay algunos preset de ejemplos, para que puedas ver cómo se vería. Entonces si muevo esto, se puede imaginar que este sea el paquete extremo a Perú con la hora de check-in, la fecha, y las opciones para cancelado o reprogramado también. Vamos a dar click en el área Cuenta. Por lo que el área de cuenta, te da la opción de proporcionar a los usuarios las diferentes cuentas. Creo que CSF hará clic en esto y haga clic en Administrar campos. Verás cómo hay algunos campos preestablecidos ya puestos aquí, pero puedes agregar más campos si te gusta, ser abordado titulado nacimiento, sus campos personalizados de empresa. Para que puedas, puedes poner en una, tal vez quieras poner un poco de bio por ejemplo. Pero estas son todas las opciones que tienes aquí, que se relaciona de nuevo con la reserva principal que también sucede. Y puedes ver aquí cómo se ve después también. Creo que creo que eso va a hacerlo, podemos llamarlo rack que lo que hemos hecho en esta clase se muestra cómo agregar una funcionalidad de reserva a tu Compañía Tours. Ahora obviamente esto es sólo para turismo, pero puedes usar las mismas técnicas en este video para cualquier otro servicio online, ya sea desde clases de reserva, clases de estudio, clases yoga, pedidos de restaurantes, pedidos en línea, comercio electrónico también. Obviamente, cuando se trata de realmente hacer pagos y agregar información de pago, hay que actualizar al paquete premium pipeline, que normalmente cuesta en algún lugar entre diez y 15 libras al mes. Puede ser más dependiendo del dominio y de las opciones que elijas. Pero como servicio gratuito, al menos para empezar, fue muy fácil proceso tan sencillo como solo sumar en zona de reservas y obviamente el área de un miembro, que obviamente puedes elegir y personalizado en consecuencia. Espero que vuelvas a encontrar esta clase útil como breve y simple. Y no quería que fuera demasiado complicado. Pero si tiene alguna pregunta, por favor deje algunos comentarios en el área de discusión. Y sí espero ver tus sitios web de Wix en vivo con reservas ahí. Voy a probar las reservas yo mismo. Someter, ponerlos en el área de proyectos de esta clase. Y si tienes alguna pregunta, pregúntelos. Estoy por favor deje una reseña después de que termines esta clase ya que realmente ayuda a salir mi canal. Sí, gracias por pasarte y unirte, y te veré en la próxima clase.