Desenvolvimento de sites com Wix: como adicionar funções de reserva e serviço para vendas

1. Bem-vindo ao meu curso da Skillshare - Trailer: Ei, bem-vindo à minha aula do Skillshare. Meu nome é Patti. Sou um especialista em marketing digital em designer de UX e estou fazendo essa aula para tentar ajudá-lo, ávidos desenvolvedores de sites em perucas, tentar maximizar seu potencial adicionando ótimos componentes e designs intuitivos para seus sites. Se você me seguiu antes, ótimo, se você é novo, bem-vindo. Estamos fazendo um site turístico. E nesta lição, vamos aprender como adicionar funções de reserva e opções de membros a um site que permite que seus clientes em potencial não apenas escolham seus pacotes, mas paguem por eles e acesse uma área onde eles possam editá-los e reagendá-los, solicitações de reserva de membros e outros recursos ou de uma maneira muito intuitiva e fácil de usar, onde você pode trabalhar nesta bela natureza site da empresa de turistas que foi feito do zero. E se você não viu essas aulas, eu definitivamente recomendo que você vá e as veja também. E vamos usar as funções Wix para adicionar diferentes opções de reserva para umas férias extremas agradáveis e descansadas , onde os usuários têm a capacidade de reservar e escolher essas datas de aventura e depois pagar por elas no final. O que você está esperando por se juntar a mim nesta aula, é um curso rápido, mas ele recebe muitas informações. E espero que, quando você sair disso, você aprenda como ter suas próprias funções e serviços de reserva de sites . Este vidro é voltado principalmente para todos os desenvolvedores web, mas principalmente conversou para iniciantes, pois realmente mostra as funções básicas do desenvolvimento web Wix. O que você está esperando por vir se juntou a mim nesta aula. 2. Introdução e configuração: Olá, bem-vindo à minha aula do Skillshare. Obrigado por se inscrever, e espero que você tire valor dessa lição em que você se inscreveu. Vamos trabalhar neste site que eu coloquei em uma aula anterior do Skillshare. No entanto, se você tiver seu próprio site Wix, sinta-se à vontade para acompanhar e ver o que faço e copiá-lo no seu. Vamos trabalhar para adicionar novas funcionalidades de reserva sem pacotes para nossa empresa. Isso será usando um dos aplicativos de reserva integrados Wix , que preenche automaticamente o site com uma série de páginas da Web, que permitiu uma islamização muito rápida e rápida para permitir que você inclua seus serviços e comece a fazer pagamentos assim que você atualizar para um dos pacotes pagos por testemunhas. Nesta aula, vamos nos concentrar na versão gratuita que está disponível para todos. E é um bom ponto de partida para habilitar reservas para seus serviços. E neste caso particular, é uma natureza para a empresa. Agora, quando se trata de incorporar coisas como reservas e opções de compra em um site, você precisa pensar sobre a jornada de navegação. É importante garantir que você coloque o livro agora ou pacotes de preços, os locais certos onde você espera que o cliente queira clicar para fazer uma venda em potencial. Em nosso site, existem duas maneiras que eles podem fazer se um cliente for entrar, sabendo o local ou ele entrará sabendo o tipo de pacote ou tipo de feriado que ele quero. E isso nos dá duas opções. Nós instalamos pacotes aqui. Portanto, cada um deles levará a uma página ou a uma série de páginas que contêm os tipos de pacotes disponíveis junto com as opções de reserva e preços. Ou temos locais em destaque. Haverá alguns clientes interessados em ir ao Reino Unido para o Perú, etc. E eles querem encontrar férias dentro desse destino. É importante que façamos nossas reservas tão granulares e modulares quanto possível, onde possamos nos dar como essas opções. Vamos recapitular. Criamos um belo site minimalista para uma empresa de turistas naturais para permitir que os usuários vejam os diferentes pacotes e locais que atendemos. Temos um bom cabeçalho minimalista que tem uma série de subpáginas. Temos um belo banner de herói, que integrou efeitos de paralaxe e rolagem. Temos pacotes de recursos com caixas de foco. Quando você passa o mouse sobre essas escuras e para tornar óbvio que você está claramente pairando sobre um link clicável, temos locais que têm o mesmo tipo de efeitos em que eles invertem ao passar o mouse, o que é muito bom. E então temos um formulário de contato conosco. O que vamos fazer agora é que vamos adicionar em um novo cabeçalho. Vamos chamar isso de reservas. Portanto, é por isso que os usuários poderão criar reservas e ver quais pacotes eles querem e podem comprar. Obviamente, vou entrar em contato conosco. 3. Como adicionar sua página de reserva: Então, para começar, vamos fazer o que pretendemos, e vamos adicionar uma nova página chamada Reservas. Você pode vir aqui, Gerenciar páginas, adicionar uma nova página. Em uma página padrão. Vamos chamá-lo de reservas. Agora isso ficará na barra de menus. Então, se passarmos o mouse aqui, deixe-me ir ao menu Gerenciar, Adicionar novo item, páginas do site e escolher se aplicam reservas e ele ficará para nós. Agora, obviamente, entre em contato conosco geralmente está no lado mais distante do cabeçalho. Vamos arrastar isso na frente do Fale Conosco para que ele se encaixe perfeitamente nos próximos dois pacotes. Agora é por isso que os usos virão ver as Reservas para ver o que obviamente se inscreveram ou o que compraram. Vou mostrar como usar o Editor X e o Wix, como as reservas são realmente muito simples por causa dos suplementos e dos aplicativos de reserva que eles incorporaram na ferramenta de construtor de sites. 4. Adicionando o componente Wix de reserva: Então, como primeiro passo, vamos para o ícone de mais aqui e chegaremos às reservas. Agora, o que isso permitirá que você faça é adicionar um determinado módulo ao site que permite reservar clientes e pagar por serviços. Agora isso é obviamente muito importante porque queremos permitir reservas para férias, e também queremos permitir que eles paguem por seus serviços. Se eu adicionar dois sites, ele adicionará aos módulos e todas as diferentes páginas da Web que são desnecessárias e os componentes para reservas ao longo de semanas. Uma das primeiras coisas que você provavelmente notará depois de ter adicionado nas reservas é do lado direito aqui temos um membro ou um menu de ícone de conta já criado, que é muito útil. 5. Navegando pelas Páginas de reserva e aos membros: Agora que isso está carregado, você pode ver aqui que essa barra de login atua como área de um membro. Agora chegamos ao topo aqui, deixe-me ver quais são nossas páginas, você verá um monte de novas páginas que foram inseridas, inseridas em nosso site. Então, antes de termos reservas e agora temos páginas de reservas e temos páginas de membros. Agora, isso é importante porque, obviamente sempre que um usuário fizer uma reserva, pediremos que ele crie uma conta para que possamos rastrear suas reservas e eles também podem fazer alterações e ajustes em suas contas em qualquer compra ou reserva que eles criaram. Vamos começar por apenas passar essas páginas e mostrar o que dentro delas. Portanto, esta obviamente será a página do formulário de reserva. Então, aqui podemos ver um menu predefinido que obviamente pode ser alterado nas opções de serviços e configurações gerenciadas. Temos as reservas verificadas. Então, basicamente, esta é a página que virá depois que eles comprarem um pacote através de nós. Temos uma página de serviço. Então isso nos permite ajustar para falar sobre os diferentes pacotes que temos. Então, como exemplo, vamos usar este para algumas aventuras ou feriados extremos. E vamos colocar a duração, o número de dias, o preço em que isso ocorre, e também as datas em que eles podem optar por seguir este pacote específico e inclui coisas como nosso contato agora políticas de cancelamento. Em seguida, temos um livro no calendário. Portanto, este é outro ótimo lugar para os usuários verem quais pacotes diferentes estão ocorrendo em dias diferentes. Em seguida, temos um serviço que permite que as pessoas reservem online. Então é aqui que as pessoas vão ver os pacotes e reservar de acordo. Agora elas são as páginas de reserva e podemos ir para as páginas de membros agora. Portanto, essas são as contas que as páginas que os usuários poderão criar antes de obviamente irem frente e comprar qualquer serviço ou para pacotes conosco. A página FDM, minha conta. Isso claramente foi feito para ter informações diferentes relacionadas ao titular da conta. Temos a carteira. Então é aqui que ele usa pode obviamente colocar os detalhes do cartão de crédito e os detalhes do cartão de débito. E, por último, eles têm minhas reservas. Portanto, todas as reservas feitas por um cliente em potencial serão colocadas aqui com base nas reservas das páginas de reserva. Você pode ver que agora temos muitas páginas diferentes e quando eles se certificam de que incorporamos tudo isso bem no site para que os usuários possam seguir. Então, se pudermos visualizar você e apenas tentar visualizar o que está acontecendo com as diferentes páginas. Você pode ver aqui, na página da conta, temos minhas reservas, minha carteira, minhas contas. E uma coisa que não temos é a acessibilidade para ver os diferentes serviços que temos. Então, na próxima lição, vamos começar preenchendo as páginas de serviço dentro das páginas de reserva abaixo aqui com pacotes fora de casa para que os usuários possam ir lá e começar postando coisas de nós. 6. Como adicionar pacotes turísticos: Então, uma das primeiras coisas que precisamos fazer é garantir nossos pacotes e páginas de reserva vinculados às novas páginas, o que o adicionará com o componente de reserva Whigs. Temos um livro em páginas e temos páginas de membros. O que queremos que aconteça é que os usuários nesta página inicial, eles rolam para baixo e veem pacotes de fala adequados ou os locais em destaque em C. E quando eles clicam em um desses, ele vai para a nossa página de pacotes onde eles podem ir e escolher o pacote e a localização desse pacote e , em seguida, misturar as reservas que a primeira coisa que precisamos fazer é certificar-se de que redirecionamos este botão para a nova página online do livro. Então, vamos clicar no menu Gerenciar, ir para pacotes, alterar o link e, em seguida, escolher isso para torná-lo livro online. Agora, quando você clica neste banner de cabeçalho na parte superior, ele nos levará ao novo livro, sua página de linha. Vamos tentar, experimentar isso. Visualize pacotes que você pode ver quando os pacotes pagam com as guias predefinidas que semanas lhe dão e agora vamos escolher e mudar de acordo. O que vamos fazer agora é adaptar esta página para refletir nossos pacotes turísticos que temos. Mas se você clicar neste módulo, a opção de ir para gerenciar serviços, que abrirá uma caixa pop-up, que oferece uma interface do assistente para que você possa se configurar. Agora, porque estamos criando pacotes turísticos sob medida, onde teremos um número finito de indivíduos. Vamos escolher a guia de vários participantes. Isso permitirá que você escolha se é uma classe. Então, seja um curso, qualquer um deles é bom porque vamos adaptar isso para mudá-lo para um sistema de reservas para um pacote para turismo. Se clicarmos na aula, isso nos dará a opção aqui de fazer nosso próprio serviço. Aqui vamos em aventuras extremas de pacotes. Eu tenho uma predefinição que fiz antes, e esse será nosso título, local, data e ano. Podemos adicionar uma imagem. Então, vamos usar o que são imagens stock que tínhamos de projetos anteriores. Podemos colocar aqui. Junte-se a nós para esta incrível excursão na América do Sul por sete dias de diversão. Podemos então escolhê-lo como uma classe. E isso nos permite ter vários participantes e podemos escolher a capacidade. Agora, obviamente, como empresa turística, você provavelmente vai querer ter 1520 participantes a qualquer momento. Podemos escolher um preço para que possamos colocar 750 libras por pessoa. Você pode ter a opção de adicionar videoconferência e coisas assim. Obviamente, se isso não fosse um site turístico e também planos de preços para os membros. Portanto, se você tiver algum membro que se junte ao seu site, você pode realmente dar descontos eles ou oferecer ofertas se eles forem membros. Vamos clicar em Salvar. Isso agora salvará uma de nossas opções. Vamos fazer mais um. Podemos chamar este feriado tardio, e podemos chamar isso, digamos 25. Junho de 2022 mostra coquetéis. Sem censura. 14 dias é um pouco demais. Vamos fazer sete dias. E , em seguida, clique na página da praia. Podemos aumentar a capacidade para este porque é obviamente um feriado relaxante e podemos colocá-lo como 1250. E podemos chamar isso Vamos fazer 5 estrelas para obviamente fazer lamentar por isso. Espetáculos de domingo cinco estrelas. Salvar. Agora temos ambos aqui e estes sob nossos serviços. Clique e se você fechar isso agora, verá como eles carregam nesta área de pacote já feita para você com os preços e as opções de reserva. Agora, obviamente, dentro dessas configurações aqui você pode escolher como essa área se parece. Então, atualmente, você pode personalizar os widgets, como quiser, os serviços, o layout. Portanto, você pode querer ter um layout mais longo ou layouts com descrições é puramente com você. Você pode escolher todos os layouts e paddings e os detalhes e como ele se parece, o que é muito bom. Na opção de exibição, você pode realmente incluir o link Leia mais ou as legendas de autoatendimento. Assim, o protocolo nas descrições de cada um dos pacotes, o texto e também o layout de design e divisão. Então, pode ser muito granular com isso. Isso é obviamente muito grande para o meu gosto. Então, vamos torná-los um pouco menores e torná-los um pouco mais divertidos. Esta é agora a página de pacotes completa. Agora, o próximo, vamos começar a adotar o outro livro nas páginas. Assim, as páginas de subúrbios, calendários, etc. Para facilitar para o usuário reservar seu pacote e escolher as datas de acordo. E então o que vamos fazer é trabalhar nas páginas de membros e permitir que os usuários criem associações e analisem essas reservas por meio desses sistemas. 7. Configurando o calendário de agendamento: Você verá aqui agora que temos os dois pacotes e queremos permitir que os usuários reservem um desses e acessem um calendário onde eles podem um desses e acessem um calendário onde eles podem escolher o horário de check-in de quando querem sair no dia. Então, se eu disser reservar agora, você verá aqui abre o calendário. Agora, se eu navegar até mim, você verá como o serviço real não aparece. Precisamos adicionar uma nova sessão e slots de check-in para este feriado. Então, se fizermos uma edição nesta página do calendário de reservas e, em seguida, vamos gerenciar os serviços. Você tem a opção aqui de adicionar sessões a uma dessas. Vamos adicionar sessões ao Perú. Agora vamos adicionar algum horário de check-in. Então o dia 18, 18, esse é o único. E vamos navegar até 1800. E vamos fazer a hora de início. Digamos que nosso voo seja 930, são os dados que começamos. E sugerimos que o check-in demore cerca de duas horas, não repita Salvar. Agora isso obviamente será um, ele surgirá no calendário se eu passar o mouse sobre maio de 1800. Você verá aqui agora como temos a área de Participantes aqui. Também adicionamos um membro da equipe para todos aqueles que estão se perguntando, sim, temos equipe. E se você clicar aqui no livro e no tipo de área da equipe, poderá ver as coisas que eu fiz e você pode adicionar mais membros da equipe. Neste caso particular, Dave Hopper é um guia turístico certificado no Perú que se juntará a esses turistas, este serviço. Agora, se eu voltar, você verá aqui como usa. Se eu clicar em Visualizar. As pessoas podem ver suas férias em 1800 em 930, onde podem optar por ranhura. E se eles pegarem isso, isso mostrará as férias extremas com Dave Hopper e o nosso check-in e esse é o custo. Se eu for em seguida, isso levará usos para a área PE, que permitirá que os usuários comprem o pacote. Obviamente, isso está usando atualmente uma versão gratuita do site Wix. Obviamente, não vou colocar detalhes de pagamento aqui, mas você pode preencher os detalhes. Alternar conta, mensagem, número de telefone etc. Vá para, vá para PE agora e vou fazer uso para pagar. E depois de pagarem, eles receberão um ótimo livro com uma confirmação, e-mail de confirmação foi para eles. E a capacidade de eles adicionarem o serviço aos candidatos, o que obviamente é realmente útil para eles. O que fizemos aqui é da página inicial, chegamos à área de pacotes. Escolhemos um pacote, reservamos agora. Abrimos o calendário. Escolhemos um slot no dia 18 de maio. E, em seguida, podemos ver o que as áreas de detalhes se parecem com o pivô. Agora, na próxima parte, vamos examinar rapidamente a área do membro e entender como isso funciona com as reservas. Entre em reservas. Você verá aqui como, uma vez que você tiver uma próxima reserva feita, ela chegará aqui. E vamos personalizar rapidamente esta página para combinar com a empresa de turismo natural. E então vamos chamá-lo embrulho e ter uma prévia do site ao vivo. 8. Explorando a área de membros: Nesta parte final da classe, vamos passar rapidamente pela página de reservas, que se forma sob a área de associação e Logan. Quando um usuário faz uma reserva através da área de pacotes on-line de reserva ou suas reservas e os históricos surgirão nesta área de reservas gerenciadas. Portanto, o Wix faz tudo isso automaticamente para que você torne o processo muito mais fácil de gerenciar. E você tem a capacidade aqui personalizar cada uma dessas páginas na parte superior, o menu de determinados subconjuntos, como você pode ver aqui. Agora, obviamente, queremos tentar manter o tema deste site agradável e semelhante ao site principal. Então, se eu clicar na área de configurações aqui, posso escolher cartões móveis e móveis. Então, eu os cartões de perfil de associação, que podem ser personalizados de acordo com o desejo do seu coração quando você quer que eles sejam quadrados, são circulares, obviamente são péssimos e é muito bom. Você pode escolher o design, bem como o plano de fundo e os estilos para isso. Você pode realmente ir para a própria página principal e voltar para as imagens, a área do inspetor para o número de widgets área, e escolher a altura e a flexibilidade da gordura também. Mas o que vamos fazer aqui é ir para a área Configurações na guia Minhas reservas. E você pode personalizar as diferentes opções aqui, desde o design até o link no texto. Então, se eu clicar em Personalizar, você verá aqui que ele oferece as diferentes opções. Então, aqui estão algumas predefinições de exemplos, para que você possa ver como seria. Então, se eu mover isso, você pode imaginar que este seja o pacote extremo para o Perú com o horário de check-in , a data e as opções para cancelar ou reagendar também. Vamos clicar na área Conta. Portanto, a área da conta, oferece a opção de fornecer aos usuários as diferentes contas. Acho que o CSF clicará nisso e clique em Gerenciar campos. Você verá como há alguns campos predefinidos já colocados aqui, mas você pode adicionar mais campos se quiser, ser endereçado intitulado nascimento, seus campos personalizados da empresa. Então você pode, você pode colocar em um, você pode querer colocar uma pequena biografia, por exemplo. Mas essas são todas as opções que você tem aqui, que se relacionam com a reserva principal que também acontece. E você pode ver aqui como parece depois também. Acho que isso vai , podemos chamá-lo de rack que o que fizemos nesta classe é mostrado como adicionar uma funcionalidade de reserva à sua empresa de passeios. Agora, obviamente, isso é apenas para o turismo, mas você pode usar as mesmas técnicas neste vídeo para qualquer outro serviço on-line, seja de reservar aulas, aulas de estúdio, aulas ioga, pedidos de restaurantes, pedidos online, comércio eletrônico também. Obviamente, quando se trata de realmente fazer pagamentos e adicionar informações de pagamento, você precisa atualizar para o pacote de pipeline premium, que normalmente custa entre dez a 15 libras por mês. Pode ser mais dependendo do domínio e das opções que você escolher. Mas como um serviço gratuito, pelo menos para começar, foi um processo muito fácil, tão simples quanto apenas adicionar na área de reservas e, obviamente, a área de um membro, que você pode obviamente escolher e personalizado de acordo. Espero que você tenha achado essa classe útil novamente como curta e simples. E eu não queria torná-lo muito complicado. Mas se você tiver alguma dúvida, por favor, deixe alguns comentários na área de discussão. E estou ansioso para ver seus sites Wix ao vivo com reservas lá. Vou tentar as reservas sozinho. Subjugue, coloque-os na área de projetos desta classe. E se você tiver alguma dúvida, pergunte a elas. Por favor, deixe um comentário depois de terminar esta aula, pois isso realmente ajuda meu canal. Sim, obrigado por passar e se juntar, e te vejo na próxima aula.