Transcrições
1. Como entregar um site com um cliente como um profissional: Ei, e bem-vindos à aula de compartilhamento de habilidades. Meu nome é Reno nesta classe de habilidades compartilhadas. Vou mostrar-lhe como você pode entregar um site como um profissional para um cliente. Então vamos dizer que você está feito com o design e com o processo de construção dentro da imprensa dela , como você entregá-lo como um profissional? É tudo o que vou mostrar na aula curta. Passo muito essencial se você quiser ter o seu próprio negócio de Web design, então eu espero vê-lo no próximo episódio.
2. Crie uma experiência de login personalizada: Tudo bem, vamos começar com o passo número um, e isso é criar uma experiência de carregamento personalizada. Eu tenho recebido essa pergunta muito ultimamente, e é assim que você costuma, poderosa experiência de aparência. Então, por exemplo, quando você olha para isso, você vê um logotipo à esquerda aqui. E também, quando você olha para fora ou alugar, alguém tranca em que você pode ver seu logotipo ou logotipo de seus clientes aqui. Então vamos lá e deixa-me mostrar-te como isso se faz. Mas o começo que vamos usar para isso é chamado White Label CMS. Então, o que você precisa fazer ir para plugins? Vou mudar para os sites do meu cliente para mostrar um exemplo real. Tudo bem, é este. Ok, então agora implantar novamente está instalado, e então você pode ir para configurações, e então ele está aqui. Etiqueta branca CMS. Então você precisa configurar o seu local em dois lugares. Primeiro de tudo, você pode pular esta parte e, em seguida, você pode ir para o login, e aqui você pode configurar o seu logotipo de bagagem. Então esse é o logotipo que você vê quando olha para fora. Então eu vou clicar no upload aqui. Meu cliente já tem um logotipo. Você pode escolher uma versão preta aqui. Isso é perfeito quando você não adiciona um plano de fundo. Mas se você quiser em um fundo, então uma versão branca é melhor. Então deixe-me mostrar-lhe como é um fundo. Você também pode configurar um plano de fundo. Então este é o site do meu cliente. Hum, onde eu criei um fundo e um logotipo. E, claro, se você tem ah, fundo e o fundo precisa ser um pouco mais escuro, então você precisa ajustar isso na loja de fotos exterior e, em seguida, também fazer upload de um local amplo. Então agora vamos fazer o upload do logotipo que vemos aqui para o site dis, que será apenas esta versão preta, porque eu não vou criar um fundo aqui, mas eu vou mostrar a vocês onde é. Se você rolar para baixo, você pode ver que você também pode carregar uma imagem de fundo aqui e certificar-se que ele
sobreposição preta como eu tenho aqui é uma praga já fazer a imagem e, em seguida, claro, também usar uma imagem branca . Se você quiser um fundo personalizado como este por agora, eu vou apenas clicar seguro e ver o que acontece. Por isso, clique em seguro
e, em seguida, saia. E aqui você pode ver o logotipo. Então agora toda vez que você olhar, você verá o logotipo. Então agora aqui, você vai precisar de uma versão branca fora do logotipo, e isso é algo que você pode configurar sob branding aqui. Então, se você rolar para baixo no Edmund Bar, esse é o bar. E, em seguida, se você rolar para baixo para citar menu, que é este menu. Então, se você carregar um local aqui, então aqui precisamos de uma versão branca e clicamos em inserir e clicamos em seguro. Você vai ver o que acontece que é absolutamente enorme. Então, o que você pode fazer? O que eu fiz no meu próprio site foi criar um logotipo. Mas, em seguida, em um pouco de espaço em branco à direita em sua imagem PNG, Então eu vou mostrar-lhe o que eu quero dizer. Aqui eu fiz um PNG personalizado com um pouco de espaço em branco. Se você não sabe como fazer isso, você pode facilmente fazer isso na maioria das ferramentas criativas. mas eu sempre faço isso em uma loja de fotos. Eso apenas adicionar um pouco de espaço em branco aqui em seu PNG e, em seguida, capaz de olhar como este em. Caso contrário, seria assim. Não é super feio, mas com alguns moradores, você quer torná-lo um pouco menor para fazer parecer limpo.
3. Instale o Google Analytics e conecta-o: Tudo bem. Número da etapa para instalar o Google Analytics. Então, se você for ao meu painel aqui, você pode ver a página fusível que este site tem, então você pode ver que eu realmente estou indo muito bem, meu próprio portfólio que eu recebi 138 Fister ontem. Eso você pode ver um pequeno gráfico aqui, então isso é apenas super legal. E eu vou te mostrar como preparar isso. Então, você precisará do Google Analytics para isso. Eu já me insultei neste site, então vou fazer isso agora mesmo em um novo site. Mas você quer fazer é ir para analytics dot google dot com, criar uma conta com seu Gmail, e então você pode criar uma conta aqui. Então como você faz isso é ir para o caixa eletrônico Penhall aqui, e então você pode criar uma nova conta. Assim, para cada novo site, você cria uma nova conta com o Google Analytics. Então, se você clicar em criar uma nova conta agora, eu quero criar uma conta para o meu teste de subdomínio. Todo mundo a bordo vem eu vou copiar um euro, vou voltar para o Google Analytics? Você vai dar um nome, então não precisa ser o link. Você pode apenas fazê-lo assim ou nomeá-lo. Tudo o que você quiser, você pode clicar em próximo. Weap. Isso é perfeito. Lickle. Em seguida, Meu nome do site que pode ser o mesmo dois Euro Galês. Espaço aqui. Mas certifique-se de que você não no https excluir isso e selecionado aqui assim. Então, se o seu site já tiver SSL, então você pode selecionar este. Você pode selecionar uma indústria aqui. Talvez negócios e industriais. Marcus diz que é perfeito. O fuso horário de um Coloque isso em seu próprio país. Então, para mim, é a Holanda. Clique em Cria aqui, selecione seu próprio país novamente. Asseguro-me de que concordas com os termos. Tudo bem. E agora você está feito. Agora esta conta foi criada, e agora você pode conectar essas contas do Google Analytics a você em sites de imprensa com esse propósito. Consentir os dados para o Google Analytics, e então você pode ver todos os dados no Google Analytics e você pode ver uma visualização aqui em seu próprio site. Então vamos fazer isso agora mesmo. Vou voltar ao meu site e ao preto que vou instalar. Chama-se exceto métricas. Então, basta procurar pelo Google Analytics. E se você ferrar com eles, você pode ver métricas exatas aqui. Ele tem uma classificação baixa, mas este waas melhores análises escolares Blufgan antes do atualizado. Eu ainda acho que é muito bom, mas eles fizeram um monte de características. Pro. Mas se eu quiser ver toda a data do Google Analytics, Eu só vou para analytics escuro Google que vem para ver tudo. Então, para mim, isso funciona. Sei que muitas pessoas não gostaram da nova atualização, mas acho que ainda é um Blufgan decente. Você também pode instalar algo assim, mas isso é um pouco pesado demais para mim Um pouco demais para apenas no meu site. Eu só quero ter um breve resumo. Você também para os meus clientes. Quanta visita isso, mãe. Então é isso que vou instalar agora, está bem? E agora você pode clicar no almoço para reservar porque precisamos conectar isso ao nosso site e aqui você precisa conectá-lo para ir analytics. Então este precisa ser o mesmo problema de e-mail usado em pelo menos doc google dot com Para mim, esse é o meu e-mail pessoal. Vou clicar nisto e permitir que as métricas exatas vejam os meus dados. E, em seguida, aqui precisamos selecionar o site que eu quero conectar porque eu tenho um monte fora do site conectado a esse um contas do Gmail. Então, dentro do meu Google Analytics, eu posso ir para a análise em diferentes sites. Então, aqui precisamos selecionar o site certo. Ok, então basta selecionar todos os dados do site e, em seguida, clique em conexão completa. Então, se você rolar para baixo, há uma coisa que você precisa verificar e que a função de editor está aqui porque você quer criar em nossas contagens para o seu cliente. Na maioria dos casos, isso tem que rolar o Editor. Então você precisa ter certeza de que você vê o editor aqui. Basta clicar em salvar. Continuar. Não precisamos disto. Então, basta clicar com o botão direito do mouse em Ignorar esta etapa e então estamos prontos Perguntarei 100 vezes se você deseja atualizar para profissional, mas não queremos atualizar para profissional. Só queremos essa coisa no painel. Então, se você clicar em seu desesperado agora e rolar para baixo, você pode ver que a torneira está aqui. Então, se você fechar este e, em seguida, trazer este para o topo, então você sempre verá as estatísticas da página aqui. Então, isso é realmente tudo que eu quero. E, em seguida, se eu quiser ver mais dados, Eu só ir para analistas são google dot com. E se o seu cliente quiser, você pode convidá-lo para uma conta do Google Analytics. Então você pode fazer isso indo para o Google Analytics do que ir para as configurações aqui e seguida, ir para o gerenciamento de usuários da conta. E então você pode acessar eles em seu Gmail para também dar acesso a toda a conta do Google Analytics desse site, certo, porque um site pode ter usuários diferentes dentro do Google Analytics. Ok, então há realmente tudo o que você precisa saber para este passo um pouco complicado. Eu acho que estes são os passos mais complicados, mas é muito bom porque agora seus clientes e você pode ver os dados dentro do Silver Press Dashboard
4. Configure o ícone de Fav: /site: O próximo passo é o site que eu posso voltar no dia. Isso se chamava FF Aiken. Então, se você quiser pesquisar informações sobre isso é chamado de FF para V mas agora é chamado de site Aiken, e isso é o pouco que eu posso ver em todas as torneiras aqui. Então isso acabou de configurar isso para dispepsia. Agora mesmo. Você pode fazer isso. Eu vou para a aparência e, em seguida, clique em personalizar, e então você precisa procurar por um toque chamado identidade do site. Se você tem um tema diferente do que às vezes ele está escondido em alguns off the tap aqui. Às vezes está dentro do cabeçalho ou dentro da estela. Então você precisa clicar nos poucos toques para encontrar esses identidade do site do que rolar para baixo, e você pode ver o site que eu posso aqui para que você possa agora rolar para baixo e, em seguida, selecione o site que eu posso para o site. O Eigen. Certifique-se de que não é branco porque ele vai estar em um fundo branco ou quase branco na maioria dos casos, e você também quer ter certeza de que há espaçamento suficiente à esquerda e à direita. Caso contrário, você terá problemas com o corte. Certo? Então, se você apenas direcionar isso assim, você pode ver uma prévia aqui. Clique em selecionar. E você pode ver que isso é perfeito porque agora há espaço suficiente em cima na parte inferior, então isso parece perfeito. Então, se você clicar em pular recorte, clique em publicar, Clique no X E lá eu mudei, direita. Você viu a troca do WordPress Aiken também. Não é o meu lado. Eu posso. Então isso é para todo o site, e agora terminamos com este passo.
5. Configure as funções de usuário no Wordpress: Ok, Então o próximo passo é adicionar usuários para seus clientes porque a maioria dos clientes quer ser capaz de fazer login em si mesmos e fazer alterações simples no texto nas imagens. Mas você não quer que eles mudem tudo sobre os sites sobre a imprensa tem um ótimo sistema para isso, e isso é chamado de funções de usuário. Elementos são também usa essas funções de usuário, que eu vou explicar o próximo passo. Mas nesta etapa, vou mostrar-lhe como você pode criar corretamente um usuário para o seu cliente porque você
nunca deve compartilhar seus próprios detalhes apenas por razões de segurança. Então, se você for para os usuários aqui, este é o site de reivindicação real. Você pode clicar em anúncios novos aqui e aqui você pode adicionar um usuário para o seu cliente. Você pode colocar um nome de frente. Isso realmente não
importa, não tem que ser um nome muito difícil, e você precisa colocar em seu e-mail, porque eles vão receber um e-mail de ver press quando você adicioná-los como um usuário, mas também se eles querem mudar sua para que você só precise se sentir no nome de usuário e no e-mail. Então você pode rolar para baixo. Você pode ignorar tudo isso,
certifique-se de que a decisão foi verificada e, em seguida, colocá-los na função de editor. E isso é um rolo abaixo da função de administrador, que é o mais alto. Mas eu tenho que dizer que às vezes seus clientes querem acesso total a todo o site, e então você pode para eles como um étnico. Mas eu diria que para a maioria dos Glines, apenas dê a eles o papel de editor porque você não quer que seus clientes toquem em coisas que eles filmam em contato, certo? Talvez. Ah, eles são muito curiosos. E eles vão mudar algumas configurações aqui porque eles acham que as coisas poderiam ser melhores. Então eu sempre recomendo que você comece com a decisão. Só os faça admitir se eles realmente pedirem por isso, porque no final do dia é o site deles, certo? Então, basta clicar em um novo usuário, e então eles receberão um e-mail. Então isso é tudo que você precisa saber. Para esta etapa, vamos para a próxima etapa
6. Configure funções de usuário Elementor: O próximo passo é configurar elementos ou funções de usuário, e isso é muito importante porque L. Um mentor, não sabe que acabamos de criar um novo usuário dentro de ver press. Elemental não pode ler tudo. Imprensa Inver, certo? Então você precisa dizer a um mentor que você deseja dar à função de editor acesso limitado a todos
os elementos ou recursos. Então, se você vai para elementos ou se você tem elemental pro, você pode ir para o gerente de função. E se você não tem elemental pro, esta opção não está disponível. É por isso que eu sempre recomendo que as pessoas usem o elemental pro. Se você ainda está usando elemento de refree para seus sites de clientes, você pode assistir meu vídeo sobre elementos de pro, e eu acho que você vai estar convencido de que Elemental Pro é o ajuste certo para o seu negócio de Web design. Mas há uma característica que eu falei. Você pode clicar no editor aberto, e então eu iria marcar esta caixa, que é o acesso para editar conteúdo no Lee. E com este recurso, você diz a um mentor que todos os editores agora só podem acessar a versão limitada off elemento ou pro se você marcar esta caixa, então eles não serão capazes de ver o editor elementar Às vezes você queria com clientes. Mas, na minha experiência, esta é a melhor opção para a maioria dos clientes. Se você clicar em Salvar alterações e olhar para um site com o rolo do editor, você verá que há acesso limitado aqui que o editor já não tem todos os recursos que a média tem, mas também, se você ir idades muito profundas e esta é a parte mais importante e você clica em Editar com Elemento ou como um editor, certo? Então eu criei uma conta de avatar para mim mesmo. É por isso que eu posso ver isso. Então eu tenho que contas neste site. Como você pode ver, não
há muitas opções aqui para arrastar novos elementos. Na verdade, eu não posso arrastar um novo elemento, como você pode ver aqui, eu não posso direcionar este botão. É impossível, mas posso acrescentar algumas coisas simples. Então, só há uma conta aqui para o seu cliente. Assim, desta forma eles podem estragar o design eles nem sequer vêem todas as colunas e tudo é apenas uma versão limitada, e a única coisa que eles podem fazer, por exemplo, trocar o texto trocado Eiken. Mas eles não podem mudar a margem de rebatidas em novos elementos. Portanto, esse é um recurso que eu recomendo que você use quando estiver trabalhando com clientes. Eso, isso é para o DIS Step.
7. Personalize o que clientes podem ver no Wordpress: Tudo bem. E então o próximo passo é muito interessante. Na verdade, encontrei a dele. E se chama Vaping para mim e você eu um personalizado. Se você vai para os plugins e você clica em Novo e você procura por display gin WP no menu , Eu personalizo você pode ver gin exibição. Se você clicar
nele, ele vai dizer Desplechin não foi dizimar sua versão atual. Eu o uso em todo o meu site, e isso é porque esse desenvolvedor realmente começou um novo Blufgan. Mas eu acho que disciplina é realmente muito melhor do que sua versão mais recente, que eu também testei. E ainda funciona muito bem. E também tem avaliações muito boas em você. Como você pode ver, 4,5 estrelas. Então o que isso permite a você é limitar o que seu cliente pode ver dentro do propósito, porque agora meu cliente pode ver todas essas coisas. Então, por exemplo, os modelos. Mas digamos que eu só quero que meus clientes sejam capazes de ver as páginas e talvez nem mesmo o Commons na mídia direito ou mesmo relatório de métricas exatas. Talvez queiras que o Onley lhe dê uma prévia no painel. E também, como você pode ver neste site, esta parada Edmund bar em Lee tem um botão. Mudei isso com o plugue de profundidade. Certo, então você pode torná-lo realmente limpo para seus clientes. Então deixe-me mostrar o que quero dizer. Se você for para o plug in e, em seguida, clicar nesta primeira opção, hum, você precisa selecionar qual função você deseja adicioná-lo. É um pouco desajeitado. Eu diria que não é uma aparência perfeita, mas funciona, mas a técnica é muito boa. Então, se você marcar esta caixa e, em seguida, clicar em seguro, então você pode ir para a barra lateral aqui. Então agora estamos editando a barra lateral de todas as pessoas que não têm contas de editor dentro deste site representa. Então, aqui você pode ver todas as coisas que um usuário administrador normal realmente ver, Então piscar não é perfeito, mas você pode ver agora para o site do meu cliente, por exemplo, tem a opção de placas de haste onde eles podem ir para o construtor de temas. Se você não quer que seus clientes que editem o menu, por exemplo, no restaurante de comida, você pode simplesmente desligar essa coisa toda. Então, se você voltar e procurar por modelos, você pode ver que é este. Porque são modelos elementares que você pode rolar para baixo, você pode clicar em remover
e, em seguida, se você rolar para baixo, clicar em seguro, voltar para a conta do seu cliente e clicar em Atualizar. Você pode ver que agora essa opção se foi, então você também pode fazer isso para as ferramentas. Vamos voltar. Isso é apenas apagar as ferramentas aqui. Remover. Talvez também queiramos excluir os comentários. Vamos estragar tudo onde os Comuns. Por aqui. Clique em remover rolagem para baixo, clique em contas de clientes Safe Coterie para verificar, clique na atualização, e aqui você pode ver que agora temos apenas algumas opções que meu cliente precisaria. Você também pode fazer isso para a barra principal, que por realmente já fez isso Desta forma. Não é muito difícil para seus clientes porque para a maioria dos clientes, é muito técnico. Você quer torná-lo o mais fácil possível, então eu acho que este é um excelente começo para tornar a experiência para seus clientes melhor
8. Crie um vídeo explicativo: Tudo bem. E então o próximo passo é explicar o vídeo deles. O que eu sempre faço quando uh, cliente precisa preencher seu próprio conteúdo é que eu faço um vídeo explicativo sobre como usar o site, porque ainda assim, nós tornamos muito mais fácil e agradável para o seu cliente. Mas para a maioria dos clientes, ainda
é um pouco difícil. Então o que eu sempre faço é gravar minha tela não com a câmera, assim e um microfone, mas apenas meu laptop. Eu coloquei no chão da tela meu tempo rápido e no Windows há um grande banco chamado Bloom que é realmente livre. Já colocou um link na descrição onde você pode gravar sua tela e seu microfone
ao mesmo tempo, mas isso é algo que seu cliente realmente apreciará. Eu fiz isso com quase todos os meus projetos, e eu simplesmente não faço reivindicações como, Ei, se você entrar em sua conta, você pode mudar as coisas básicas do seu site aqui. Basta ir para páginas, e eu apenas dizer exatamente onde clicar da mesma maneira que eu estou fazendo isso agora para você. Mas, em seguida, muito mais básico, sem um microfone. E, , na verdade, estou usando um microfone externo agora. Mas é claro que estou usando o microfone no meu laptop. Bastante caminho para a câmera. Apenas um vídeo muito simples. Talvez apenas pegue seu iPhone e gravado assim, torná-lo super fácil. E dê ao seu cliente um pouco de confiança de que ele pode fazer as mudanças simples nosso site como eles conectam itens de portfólio, como são tomadas no bloco orgulha-se e onde você pode ver as análises. Certo. Então isso é algo que eu sempre faço. E seus clientes vão adorar isso porque o dia não vai se sentir perdido. E é muito importante porque se seu cliente tiver uma boa experiência com o nas
últimas semanas em que trabalha com você, eles vão contar a outras pessoas sobre você para garantir que você não os esqueça. Depois que o site estiver ligado, diga-lhes o que eles podem fazer com ele, e eles ficarão muito felizes com você. Então aqui você pode ver alguns desses vídeos onde eu mostro ao meu cliente o que eu fiz ou como eles podem usar o site. Eu preciso borrar alguns títulos aqui, mas eu só faço um vídeo como este. Coloquei no YouTube e enviei-lhes um link não listado no YouTube. Então, quando você carrega um vídeo como este, você pode colocar esse vídeo em não listado. E isso significa que apenas as pessoas que têm esse link e assistem esse vídeo para que seu vídeo não
seja vida no YouTube é só para você e seu cliente assistirem esse vídeo.
9. Pergunte se seu cliente quer mais mais alguma coisa: e, em seguida, o passo número oito é certificar-se de que o seu cliente entende tudo. Então o que eu faria é ligar para o seu cliente depois de uma semana. Então, uma semana depois de enviares o vídeo e ligares para eles e dizeres: “
Ei, Ei, que entendes tudo. Está tudo claro para você? Você tem outros desejos? E isso é apenas um final muito agradável e caloroso para essa conversa. E depois, se eles estiverem realmente felizes, você pode enviar-lhes a fatura. Eu sempre faço um pré-pagamento de 50% adiantado e, em seguida, também 50% depois. Mas isso é diferente para todos. Mas isso é o que eu faria para menos pessoal para dar ao seu cliente essa
experiência muito agradável . Ok, então isso é tudo para esta pequena cabana de habilidades mentiras. Espero que tenha gostado. Se você quiser que eu faça outros vídeos sobre compartilhamento de habilidades do que por favor, deixe-me saber também, se você tiver dúvidas e você pode deixá-los abaixo, Eu coloquei todos os passos abaixo como um projeto que você pode seguir para o seu próximo site projeto. E então espero vê-lo na minha próxima aula de compartilhamento de habilidades
Rino De Boer, Designer & Content creator
