# Curso de Masterização na Marketing de Sites Web Data: 09-01-2025 06: 10: 05 ## Transcrições de: Curso de Masterização na Marketing de Sites Web Vídeo 1: [Link](https://www.youtube.com/watch?v=nIKbN5pBSXo) (Idioma: en) Se você estiver a procura de um belo site profissional para seu negócio, financiamento, eventos comunitários, casamento, portfólio pessoal ou até mesmo um projeto escolar, então Wix é uma opção muito poderosa para isso. Permite que você crie sites belos e personalizáveis ​​com muito esforço mínimo. Neste vídeo, vou mostrá-lo passo a passo tudo o que você precisa saber para ir de um iniciante absoluto até ter um site web completamente profissional por meio deste vídeo. Vou mostrar todas as ferramentas que você precisa e, provavelmente, algumas mais ferramentas adicionais que você talvez não precise, mas são bem-vindas de qualquer forma. Então, com isso, dados de ser muito para cobrir em este vídeo, colocarei marcações de tempo abaixo, de modo que se você ficar preso em algum lugar, poderá repetir lentamente ou você pode acessar as marcações de tempo e saltar para outras partes importantes do seu site enquanto ele está sendo construído. Então, com isso, vamos entrar no vídeo e começar a criar um site profissional. CIA! Então, aqui estamos no seu desktop e a primeira coisa que você quer fazer é abrir seu navegador na Internet e copiar o link da parte de cima da descrição deste vídeo e colar na parte superior do navegador, ou você pode ir e digitá-lo diretamente em [centralmedia. com/wix](http://centralmedia.com/wix) assim que nós possamos garantir que todos começamos da mesma página. centralmedia. com/wix, clique em Enter, isso redirigirá você para esta página aqui e não se preocupe se a imagem acima mudar todos os dois anos; é possível que não seja esta pintura de montanha aqui, mas o queso é que no meio da imagem você deve ver um botão 'Iniciar agora'. clicar em esse botão que o levantará para a página de login. Suponha que você ainda não tenha uma conta, o que queremos fazer é realmente assinar para uma nova uma. Então, clicar simplesmente em 'Inscrever-se'. Você pode assinar com o Facebook ou com o Google se quiser, mas você só precisa digitar o nome de email e senha para assinar. Definidamente esteja recordando estas, você as precisará sempre que entrar para trabalhar no seu site. Eu vinha apenas digitar [tutoriais@santralmedia. com](mailto: tutoriais@santralmedia. com) e estamos vindo a criar uma senha e continuar para a próxima etapa. Simplesmente clicar em 'Registrar' e uma vez que você chegar na próxima tela, aqui é onde vamos realmente começar. Vai perguntar muita coisa para você, tipo, qual tipo de site você está tentando fazer. Então alcance criar um site com um negócio, por exemplo. Então, digite apenas 'começo' para este caso e depois vai perguntar sobre o tamanho do seu negócio, coisas desse tipo. Porque eu estou tentando criar um site de café? Aqui digite 'ele próprio' porque eu estou fazendo isso apenas para um portfólio pessoal ou qualquer coisa desse tipo, mas realmente não importa qual você selecionará. De maneira semelhante, se você nunca criou um site antes, realmente digite que é a primeira vez, mas isso vai controlar apenas o tipo de feedback que você está recebendo. E então, aqui é onde começa a importar um pouco, mas novamente, podemos alterar tudo isso depois. Então, você precisa digitar ao nível máximo o tipo de site que você está tentando criar porque isso vai ajudar muito. Por exemplo, se você está fazendo um café, se você digitar 'café', você vai ver várias e várias opções; uma loja de café, um clube de fãs de café, um camião de café, um curso de café, tudo o que podemos visualizar são várias opções, então, se você tiver um camião de café, eu recomendaria não dizer apenas 'restaurante' , mas alguém procurar por alguma coisa o mais específica que possível por que isso vai ajudar você a encontrar um modelo certo. Quando chegar nesta página, Isto é onde as pessoas tendem a derreter um pouco. A maioria das pessoas acaba usando o criador Wix ADI, mas isso não é o que recomendo. É mais rápido e fácil fazer seu site início, mas no longo prazo, as pessoas perdem muita da personalização que elas têm quando você escolhe realmente um modelo. Eu não vou usar o criador ADI do Wix; em vez disso, clicaremos em 'Escolha um Modelo', apenas porque, como já falei, você vai ter muita mais liberdade e muito mais personalização como você verá ao longo deste vídeo. Então, sempre clique em 'Escolha um Modelo' e então nesta época, Isto é o que eu estava falando alguns minutos atrás; nada importa se digite 'loja de café', 'barbearia', etc. Estes são todos os que são possíveis supostamente relacionados a um café, por exemplo, uma barbearia parece que pode não ser relacionado, mas se você me revelar realmente, é provável que tenha algo bem semelhante, como a página “Sobre nós”, etc. , mas é importante lembrar, como eu disse antes, se você mudar de ideia e se sentir mal com o modelo de café, você pode procurar na parte superior direita ou você pode descer e procurar pelo tipo de categoria também, então, você pode procurar por uma empresa, talvez uma propriedade, etc. Então, se você estiver feliz com esse modelo, você pode clicar em 'Visualizar' e então, nessa etapa você pode editar imediatamente ou você pode ir para 'Votação' em algumas pessoas vão criar esse lado de 'Coreografias' e, se rodar esse vídeo e ele nomeia Cascade e aparece uma página branca e uma mensagem dizendo "entrar em edição", o que você precisa fazer é apenas clicar na parte superior à direita onde diz 'β并且entrar em edição 'e isso vai levá-lo para a página de edição. Então, é lá onde tudo realmente começa e, como disse antes, dado o fato de que é aí que nossas mãos vão funcionar, é muito importante mover vários elementos e aprender o efeito daquele tamanho alterar, etc. Por outro lado, você pode ter tudo into aquele ícone no lado esquerdo dizendo qual a categoria que você está querendo se inscrever ali. Se você estiver procurando apenas um tour, então escolha 'Tour'. Se você estiver procurando uma cafeína extra, siga para 'Café강' . Agora, em parte, depende da geografia que você escolher, pois aqui em Portugal, se você clicar em 'Café', ele vai fornecer-lhe muitas opções. Se você tiver um café em Portugal, isso éunches um aperto de mão para alguns grupos próximos e nós podemos nos coletar juntos para fazer campanha. Outros metais são bem concorrentes neste país e nós precisaremos ajudar uns aos outros para aumentar a popularidade e a visibilidade nas redes sociais. Em outros lugares, se você tiver um café em Paris, por exemplo, poderá haver mais opções comissária. Ele pode ter mais opções de associação se ele for usado principalmente como um mercado trabalhador e ele pode ter opções que pareçam desconexas, como 'taberna', mas se você site para uma loja de café, por exemplo, ela vai criar um modelo para você e é bom ter uma ideia dos modelos que são disponíveis antes de decidi-lo. Por último, você deve considerar usar uma templates web gratuita que são bem ótimas e encontrará exemplos de templates web gratuitas para sua ideia na internet. Se você descobrir vários para sua loja de café ou café escolher o que você pensa que você gosta ou o que parece melhor para você. Agora, em relação aos elementos maiores do Joomla Web, nós estaremos usando o tema 'mashiro' que está disponível gratuitamente pela maioria das famílias de template web distribuídas pela internet. Uma vez que descarregamos, consulte um guia sobre personalização na Joomla, ocorre que ele tem um guia de personalização na Joomla e como instalar o tema Mashiro. O tema Mashiro é um modelo de café personalizado e fácil de ser usado pela primeira vez. Ele te dará sobre o café que você precisa. Você ainda precisará considerar a forma como você vai builde seu site, como você vai colocar as informações no site, como configurar o modulo do meio e como gerenciar todo o resto, mas este video mostrando como personalizar o tema Mashiro. Feliz fries, continuamos em breve! Contentcredits: [deRondomen](https://www.debadrie.com/) por 'Getting started with Mashiro' e Youtube por vidéo original. # Melhorando o Design de Sites Web com Wix: Uma Guia Passo a Passo O Wix oferece uma plataforma de uso fácil para a criação de sites, facilitando o gerenciamento de conteúdo multimídia como arquivos, imagens e vídeos em um único local. Para melhorar este processo, siga essas etapas e recomendações: ## Seleção do Logo 1. Quando carregar o logo, selecione "Escolher arquivo. " Ajuste a dimensão para escalá-lo abaixo adequadamente para uma aparência limpa. 2. Guarde as alterações e feche o editor clicando no ícone x no canto superior direito. ## Navegação e Personalização ### Menu do Site 1. Personalize os menus de site ao clicar nos três pontos junto de cada página ou usando o botão azul "Adicionar página" para adicionar, renomear, reorganizar ou excluir páginas como necessário. 2. Utilize as funcionalidades de arrastar e soltar para facilitar a alinhamento de itens e a criação de sub-páginas ao arrastar um item para a direita. ### Layouts 1. Edite as opções de layout para adicionar ou remover elementos de cabeçalho e rodapé de acordo com os requisitos de suas necessidades. ### Links 1. Crie links para sites externos, endereços de e-mail ou números para telefone para funcionalidade adicional. ### SEO e Redes Sociais 1. Optimize seu site com opções de SEO para visibilidade em motores de pesquisa. 2. Configura as opções de compartilhar redes sociais para garantir que apresente imagens e descrições appropriadas quando o conteúdo for compartilhado. 3. Aplique descrições personalizadas de meta e strings de URL otimizadas para melhores classificações e engajamento nos motores de pesquisa. ## Conclusão Mantenha um design limpo, organizado e visualmente apelativo através do uso da variedade de ferramentas do Wix sobre layout, navegação e opções de personalização. Parimore essas recursos com técnicas de otimização de SEO e redes sociais para uma experiência de usuário envolvente e visibilidade melhorada em motores de pesquisa. # Usando Fondo para a Faixa no Wix: Uma Guia Detalhada Utilizar um fondo para a faixa no Wix oferece várias vantagens, como a prolongação do fondo atrás da cabeçalha, o que permite uma seção superior mais coesa. Pode escolher manuscrito, imagem ou cor fill. No entanto, é importante considerar fatores como velocidade de internet e resolução ao selecionar um fondo. ## Opções de Parallax, Tiled e Fill - **Parallax**: Ao deslizar, a imagem de fundo permanece estática. - **Tiled**: A criação de um padrão repetitivo da imagem de fundo escolhida é criada. - **Fill**: O fundo da imagem é esticado para preencher toda a seção. ## Escolha e Posicionamento da Imagem - **Local**: Pode mover a imagem para a esquerda ou direita dentro da seção. - **Qualidade**: Considere substituir a imagem se for baixa resolução. - **Personalização**: Ajuste as configurações da foto, como contraste, brilho, saturação e temperatura, com as extensas opções de personalização do Wix. ## Edição do Fundo da Imagem 1. **Parallax**: Permite movimentar o fundo enquanto deslizas. 2. **Fill**: Estica a imagem de fundo para preencher a seção. 3. **Posição**: Permite mover a imagem dentro da seção. ## Recursos Adicionais do Wix O Wix oferece vários recursos, como: - Estilos personalizáveis de botões - Galerias - Formas e linhas decorativas - Elementos interativos como slideshows e formulários de assinaturas. ## Edição de Seções Individuais - Arraste e soltos os itens para reorganizá-los. - Ajuste seções verticalmente arrastando a barra azul grossa. - Edite seções individuais ao passar o ratim over elas. - Duplique seções para criar modelos para outras. ## Dicas Importantes 1. Manteja todos os elementos dentro das linhas allowatrizadas à esquerda para garantir uma visualização adequada em vários dispositivos. 2. Personalize o título, texto e outras propriedades como desejado. 3. Utilize animações para elementos individuais, mas use-as frequentemente para evitar distrações. ## Botões Desfazer e Voltar Estes botões são essenciais quando se faz alterações. Pode desfazer ou reverter rapidamente as suas ações para manter o estado desejado. ## Conclusão A criação de um site estético e funcional no Wix envolve dominar várias opções de personalização, como as opções de personalização da imagem de fundo da faixa. Seguindo esta guia, estarão bem no caminho para a criação de seu site de sonho! # Documentação Técnica - Melhorando o Design de Seções em Markdown Você está lidando com a documentação de uma página web e vamos melhorá-la utilizando Markdown. Abaixo está a descrição de como editar uma seção de vídeo: ## Section 1: A seção atual Esta seção mostra um vídeo, mas ele não irá reproduzir no momento. Se você estiver em um ambiente de visualização, será possível ver o vídeo. Vamos adicionar uma seção abaixo desta que não é o vídeo. Você pode zoomar para fora e duplicar essa seção para ter uma segunda seção abaixo, ou se preferir, você pode criar uma seção diferente clicando no lado esquerdo e escolher `strip` para adicionar uma nova strip. Existem várias opções de strip disponíveis, como `team`, `testimonials` e `classic`. Vamos escolher `team` e adicionar a nossa equipe. Você pode arrastar e soltar um esforçado para a posição desejada, mas pode levar um tempo até que apareça. Depois que aparece, temos um problema, pois esta está longe da posição desejada, portanto, iremos zoomar para fora e reordenar, movendo a seção para baixo da posição desejada. Pode ser necessário tentar novamente em algumas ocasiões para ver se o item aparece. ## Edição dessas seções Esta seção atual é um vídeo, e a visual da seção é a razão pela qual seu vídeo é a largura total, pois o vídeo também é a parte de fundo desta strip. Nenhuma outra coisa está presente nesta seção. Você pode clicar no botão `play` para ver o vídeo em ação. Parece que nós temos uma seção de café também, mas parece que ela está indo para a esquerda do vídeo. Você pode alterar a parte de fundo da seção, escolhendo `coffee` para uma imagem que mostra uma garota ou um homem bebendo café trabalhando em um computador. Há ainda alguns ajustes disponíveis, como um `overlay pattern` que faz com que seus textos sejam mais legíveis. Você também pode mudar a opacidade para que as letras sejam mais visíveis. ## Seção direito Você pode editar a seção de baixo e alterar a parte de fundo para emulação de café com uma imagem de garota ou homem bebendo café. Você pode alterar a seção de fundo uma vez mais para uma imagem diferente se desejado. Você também pode adicionar texto ao início dessa seção utilizando o botão `add`. Você pode arrastar e soltar o botão `add` para a posição desejada e alterar a tamanho da seção e a fontes para melhor corresponder ao restante da página. # Tutorial: Criar um site com o Wix Crie um link para o texto e podemos o vincular a um identificador. Ao momento, temos apenas dois identificadores: "Fenas" e "Contato". Aqui está como vincular-se a um identificador: 1. Fenas: Este vinculará à seção de Fenas. ! [Vincular a Fenas](#beans) 2. Contato: Este vinculará à seção de Contato. ! [Vincular ao Contato](#contact) Clicando nos links, alguém será automaticamente deslocado para a seção correspondente. Isso é uma ótima maneira de conservar informação em local alto, tornando o conteúdo mais clicável e fácil de navegar. --- ## Atualizando o Site do Wix Ao salvar alterações, você pode notar que é disponibilizada em um domínio estranho como `tutorials91. wixsite. com`. Agora, vamos falar sobre atualizar. ### Planos Disponíveis O Wix oferece um par de planos que você poderá escolher: - Empresarial - E-commerce - Planos Web (inclui Empresarial e E-commerce) Se você estiver usando seu site para qualquer coisa além de um projeto de escola, considere atualizar. Os planos de site básicos funcionam bem para a maioria dos sites que não vendem algo. ### Recomendações Para este vídeo, se estiver criando um site para sua própria empresa pequena, um portfólio pessoal ou um casamento: - Recomendamos usar os planos básicos, combinados ou sem limite. - Se requisitar um espaço adicional de armazenamento, o planos sem limite pode ser uma boa opção. - Usar anualmente geralmente é mais barato do que usar mensalmente. Dois anos é geralmente o ponto mil agudo. --- ## Registo do Domínio Ao registar o domínio, você tem duas opções: 1. Registar através do Wix (mais fácil e mais rápido). 2. Usar um serviço de terceiros (pode ser mais barato, mas é mais trabalho). Por motivos deste vídeo, vamos registrar através do Wix. --- ## Adicionar Aplicações Apesar de texto e imagens fazerem o site parecer bem, a verdadeira potência provém da adição de diferentes aplicações: 1. Adicionar formulários. 2. Inserir código. 3. Adicionar reservas de agendamento e coisas de membro. 4. Designs personalizados. --- ## Editar o Cabo de Navigação Para editar um cabo de navegação, siga estas etapas: 1. Clique nele. 2. Altere a cor, transparência e definições básicas como desejado. 3. Desfixar quaisquer elementos que você pretender movê-lo. --- ## Barra Social 1. Mude os ícones de social e ordem deles. 2. Ocultar ou exibir ícones conforme necessário. --- ## Editar o Rodapé 1. Edite o rodapé para atender as suas necessidades. 2. Remova a marca Wix se tiver um plano pago. 3. Adicione o texto, número de telefone, endereço ou elementos dinâmicos ao rodapé. --- ## Adicionar Aplicações Para adicionar aplicações, encontre uma página sem muito conteúdo. 2. Vá ao Mercado de Aplicações do Wix. 3. Navegue pelos aplicações disponíveis. - Opções grátis e pagas disponíveis. - Muitas aplicações front-end e back-end. 4. Escolha uma aplicação apropriada e instale-a numa página do seu site. # Vídeo 1: Técnica completa para criar seu primeiro site com Wix (Versão em Português de Portugal) Criar seu primeiro site pode ser intimidadoso, o que é por que este vídeo é um tutorial completo para mostrar todos os recursos necessários para criar seu primeiro site usando Wix. Clamo com verdade que se você assistir neste vídeo do começo ao fim e entender tudo o que eu digo e mostro neste vídeo, você terá todos os recursos necessários para criar um site de sucesso. Quando eu digo "site de sucesso", isso pode significar muitas coisas de acordo com o que você está tentando fazer com seu site. Se isso for um negócio, o sucesso pode significar ganhar mais lead ou fazer mais vendas online, alcançar mais clientes e obtê-los como clientes do seu site. Se você estiver fazendo uma coleta de fundos e precisar de um site para a sua coleta, isso é uma forma de ser profissional e mostrar para o mundo que você conhece mais sobre sua coleta, tornando mais prováveis que eles ajudem, participem ou doem dinheiro. No entanto, se estiver fazendo algo mais pessoal, como um site para seu currículo ou para uma portfólio de trabalhos artísticos que você fez, ou algo ainda mais pessoal, como um site para o seu casamento, este vídeo mostrará todos os recursos necessários para criar um site profissional para impressionar outros clientes potenciais, clientes potenciais ou até mesmo amigos que vêm o seu casamento. Preciso da sua ajuda! Se você se perder em algum momento, recomendo interromper, reavançar e re-assistir e, se isso ainda não responder sua dúvida, comente abaixo e faré o meu melhor para ajudá-lo. Agora, sem mais ado, vamos entrar no próximo vídeo e começar a criar seu site. Você começará aqui na página de destino, aonde você clica neste link no texto de descrição abaixo. E o que eu desejo é, apenas clicar em "Começar Agora" e isso te conduzirá através da criação de seu site pela primeira vez com uma nova conta. Em seguida, será solicitado o tipo de site que você deseja criar. Basta clicar em "Sim" isto cria o site pela primeira vez com a sua conta nova. # Wix: Início Rápido O primeiro passo é clicar na opção "Assincrono" se você preferir usar o site assincrono, clique em "Sincrono" ao invés disso, clique em "Sim" logo abaixo. Na próxima tela, é apenas necessário selecionar o nome de sua nova página clicando na caixa rosa e adicionando o nome que você escolheu. Em seguida, clique em "Próximo". A seguir, será apresentada a seção de estilos para sua página, você pode escolher entre as diversas opções: templates, Efeitos Dinâmicos, Componentes e Fontes. Para selecionar o template, clique no bloco ao lado da imagem desejada e clique em "Próximo". Em seguida, começaremos na edição do conteúdo da sua página, na tela seguinte, você pode editar a imagem principal da página pressionando o botão seta para a direita, você pode adicionar textos, gerar um site automaticamente, editar o menu, dentre outras ações alguns botões mostram certas explicações. Em seguida é possível editar a imagem de fundo clicando no botão esquerdo e, como mostra a imagem, clique duas vezes na imagem ou clique na seta para baixo para escolher uma imagem. Por fim, é possível editar o conteúdo, você pode clicar no conteúdo das boxes e escolher as ações que desejar fazer. É possível adicionar textos, imagens, videos, ou outros componentes, funciona da mesma forma de sites como Wordpress. ## Outras Funcionalidades Para adicionar outras funcionalidades ao seu site, use as opções "App Store" localizado a esquerda para adicionar aplicações como formulários, albuns musicais, um site de vendas, ou serviços, entre outros. ## Conclusão Por fim, clique em Ir Atras para retornar ao Wix e clique no botão Começar para atualizar seu site, logo em seguida, vai ser apresentada algumas opções para ter uma boa experiência com o Wix, como criar um site interactivo clicando no botão Sim. Mas preciso de que seja conferido sempre os termos de uso para evitar problemas imediatos. Você também pode receber ofertas de marketing, se estiver interessado, deixe a marca marcada para aceitar. Em seguida, escolha o estilo de sua página pesquisando em "Estilos" e escolha um modelo, você pode editar as cores, textos e layout da sua pagina pra ficar a sua maneira. Após isso, você pode começar a povoar as suas páginas com uma quantidade desejada de páginas ou sections. Felizmente o Wix te brinde uma boa quantidade de layouts e templates para ajudá-lo a criar um site de qualidade. Eu gosto apenas de começar com um layout básico e adicionando seções a meu gosto. Depois você pode editar o menu, bem como agrupando as seções em grupos para facilitar o navegável. E por fim, clique no botão Salvar para salvar sua edição ou PREVIEW > Publicar no Botão esquerdo para enviar seu site para o mundo. E é isso! Muito esforço terá sido feito nesta parte para aprender a usar o Wix e seu guia foi criado para sanar as dúvidas e ajudar você nesta jornada. Boa Sorte! === Vídeo 2: https://www.youtube.com/watch?v=7R3ZywgdCZI (Idioma: en) === Criar o primeiro site pode ser muito intimido, o que é por que este vídeo é um tutorial completo para mostrar todas as ferramentas necessárias para criar seu primeiro site usando Wix. Eu mesmo admite uma série de reclamações aqui, e se você acompanhou este vídeo inteiro desde o início até o fim e entendeu tudo o que eu digo e mostro neste vídeo, então você terá todos os recursos necessários para criar um site de sucesso. Em termos de "site de sucesso", isso pode significar uma variedade de coisas de acordo com o que você pretende fazer com seu site. Se este site for para um negócio, o sucesso pode ser ganhar mais lead ou fazer mais vendas online, alcançar mais clientes e render-os como clientes do seu site. Se você estiver criando um site para uso pessoal, como um showcase para seu currículo ou para uma portfólio de trabalhos artísticos que você criou, ou algo mais pessoal, como um site para o seu casamento, este vídeo irá mostrar todas as ferramentas que você precisa para criar um site envidiable para impressionar outros clientes potenciais, clientes potenciais ou até mesmo amigos que vêm o seu casamento. No topo deste vídeo você será direcionado para uma página de destino onde você deve clicar em "Começar Agora" para começar. Inicialmente será solicitado o tipo de site que você deseja criar. Preciso que você selecione o tipo de site que é mais relevante para você. Após esse passo, será solicitado que você selecione um template para seu site. Você pode usar a busca pelo nome para encontrar template de várias categorias. Quando você encontrar o template que preferir, clique para editar o site na esquina superior direita. Isso lhe levará à mesa de trabalho, onde você pode personalizar o template de sua maneira. A mesa de trabalho está composta de diferentes seções chamadas "Elementos" e "Páginas". Os "elementos" representam o conteúdo que você irá adicionar ao seu site, como textos, imagens, vídeos e assim por diante. As "páginas" representam cada uma das páginas que você irá criar. Na mesa de trabalho, você pode mover os elementos para suas páginas. Você pode adicionar, editar ou excluir elementos a seu critério para personalizar o seu site. Quando for terminar com a personalização de uma página, você pode clicar no botão "Salvar" na esquina superior direita para salvar suas alterações. Quando você tiver criado todas as páginas para seu site, você pode mover-se para a seção de Menus. Os menus são localizados na esquerda da mesa de trabalho e eles te permitem criar uma navegação para seu site, tornando mais fácil para os visitantes achar o que procuram. Os menus são constituídos de diferentes seções, cada seção representando uma página de seu site. Você pode adicionar, remover ou reorganizar seções para personalizar sua navegação. Quando a sua navegação estiver configurada, você pode clicar no botão "Salvar" na esquina superior direita para salvar as alterações. Agora você pode clicar em "Publicar" na esquerda do painel para exibir o seu site ao mundo. Depois de publicar seu site, você pode clicar em "Editar" na esquerda do painel para retornar à mesa de trabalho e fazer qualquer alteração necessária. Então, seu site está ao ar e pronto para o mundo ver. Criar seu primeiro site pode ser muito exaustivo, mas também muito satisfatório. Apenas por que o Wix possui todas as ferramentas necessárias para criar um site de qualidade, se você estiver começando a criar um site para o primeiro vez, é possível ser confuso com todos os recursos disponíveis e ao mesmo tempo não saber onde começar. Mas não se perca! Este guia está aqui para ajudá-lo durante o processo de criação de site. Boa Sorte! # Porque criar um site com Wix? Este artigo explica por que criar um site com Wix é uma boa ideia e mostra como fazê-lo. ## Motivos para criar um site - Motivos possíveis para criar um site com Wix: - Tiver um propósito direto para o site - Ter outros sites que deseja criar depois deste - Criar uma plataforma de negócios ## Criar seu próprio site É importante criar seu próprio site para que possa entender como ele foi construído e projetado. Quando a necessidade de mudanças ou problemas surgirem, você saberá exatamente como lidar com eles. ### Utilize um modelo de site de acordo com o seu propósito Na Wix, existem vários modelos de sites para opção, alcançando desde os negócios até a fotografia. Selecione um modelo que se adeque melhor ao seu propósito, e eventualmente pode modificá-lo para se adequar apropriadamente à sua necessidade. ### Navegue entre as opções do site Uma vez que acessar o site construído a partir de um modelo, explore o site para compreender as diferentes funcionalidades disponíveis e como você pode personalizá-las de acordo com sua necessidade. ## Referências - [Wix. com](https://www.wix.com/) # Criando um website Wix: Guia Passo a Passo ## Introdução Quando se inicia um negócio, a escolha do plano adequado é fundamental. Neste caso, escolhi a opção Pro por uma assinatura de três anos, crendo que oferece uma escolha equilibrada e planeamento para o sucesso a longo prazo. No entanto, para eventos específicos, recaudações de fundos ou projetos de um tempo único, uma assinatura mensal ou anual talvez seja mais apropriada. ## Escolhendo o Plano de Assinatura 1. Escolha o plano de assinatura que melhor se adapte às suas necessidades. -Você pode escolher entre mensal, anual, a cada dois anos ou mesmo por três anos. -Considere a filosofia de negócios e os objetivos financeiros quando tomar decisão. ## Conectando um Domínio Existente 1. Se você já tem um domínio conectado, selecione a opção `Já possuo um domínio conectado` na parte inferior. ## Adquirindo um Novo Domínio 1. Adquirir um novo domínio por meio de um serviço de domínios, como o Squarespace. 2. Digite o seu domínio desejado e faça o pedido. -É fundamental escolher um domínio que represente a sua marca ou negócio. ## Conectando o Domínio ao Wix 1. Faça login no provedor do domínio (por exemplo, o Squarespace) e acesse as configurações de DNS. 2. Mude os servidores de nome para corresponder aos fornecidos pelo Wix. 3. Salve as alterações e verifique a conexão. ## Editando o Website Wix ### Barra de Ferramentas 1. A barra de ferramentas, localizada à direita, pode ajudar na posicionamento de imagens, formas ou texto. -Pode ser ocultada ou mostrada como necessário. ### Linhas Retas 1. Linhas retas na parte superior e direita ajudam na alinhamento de elementos horizontal e vertical. ### Linhas de Malha 1. Linhas de malha ajudam a garantir que os elementos estejam alinhados no website. ### Objetos Magnéticos 1. Objetos magnéticos para o alinhamento mais fácil. ### Modo Desenvolvedor 1. O modo desenvolvedor é útil para personalizações avançadas e código. ## Conclusão Resumindo, criar um website Wix envolve conectar um domínio, escolher um plano de assinatura e utilizar as várias ferramentas disponíveis para criar e personalizar o seu site. Lembra-se do objetivo e do fim do seu website, mantenha uma design limpa e use os botões estratégicamente para orientar os visitantes para contatá-lo e fazer negócios. # Guia completo para melhorar sua página Web com Wix Faça possível que os seus visitantes entre em contato com você através de uma página Web amigável e funcional. Aqui está um passo a passo para melhorar sua página Web atualizando-a com Features úteis e chamativas. ## Adicionar um formulário de contato 1. Na primeira vez, vá para o seu site e clique no `Adicionar` localizado na barra de navegação superior. 2. Assim, vamos para a seção `Formulários`. 3. Escolha a opção `Formulário de Contato`. 4. Podemos ter o formulário na página principal, mas, outra opção é colocá-lo no rodapé, o que, eu prefiro, pois considero importante ter um formulário de contato em toda página da minha Web. 5. Por fim, arraste o formulário para o rodapé clicando nos botões de arrastar e soltando-o à posição desejada. 6. Caso o formulário não vá automaticamente para o rodapé, repita o processo: arraste o formulário até a posição desejada, clique novamente e selecione a opção `Mover para o rodapé`. ## Editar o formulário de contato 1. Vá para o seu formulário de contato no rodapé. 2. Clique com o botão direito do mouse e selecione `Modo de edição`. 3. Agora, você poderá editar o formulário de acordo com seus necessidades adicionando e removendo campos. 4. Pode editar os nomes dos campos e também escolher se eles são obrigatórios ou não. 5. Por fim, clique `Sair do modo de edição`. ## Integrar vídeos em sua Web 1. Finalmente, integrando vídeos ajudará a impressionar seus visitantes e aumentar o tempo de visualização da página. 2. Como Podemos integrar vídeos? Você pode obter vídeos de arquivos . mp4 ou . webm e adicioná-los como vídeo autoplay ou não, dependendo do número de sites que queraberças incorporar na sua Web. ## Adicionar músicas a sua Web 1. Por fim, integre músicas a sua Web para torna-la mais interativa e acrescente um toque pessoal. 2. Após adicionar suas músicas, configure as configurações no player de áudio. Em resumo: 1. Adicione um formulário de contato ao rodapé da sua Web. 2. Edite ele de acordo com as suas necessidades. 3. Compre tirek entre várias opções para adicionar vídeos e músicas. Ao final, sua Web estará perfeita e os seus visitantes poderão interagir melhor com você. # Introdução às Ancoras no Wix Aprenda a usar as ancoras para melhorar a navegação da sua página Wix. Este guia vai lhe guiar para a adição de ancoras, menus de ancoras e a gestão efetiva delas. ## O Que São as Ancoras? As ancoras são ligações clicáveis que permitem que os visitantes baixem automaticamente para certas secções de uma página web. Pode ser comparado com o conteúdo de navegação clicável nas páginas do Wikipédia. Por exemplo, ao clicar no "Fontes" vai baixar para esse local no conteúdo de uma página do Wikipédia. No contexto de uma página Wix, se queremos ter uma secção "Contáctos" no topo e um link "Contáctos" que dirija os visitantes para essa secção, poderíamos utilizá-las. ## Adição de Ancoras ### Etapa 1: Navegue até a secção que pretende ancorar. Escolha a secção na sua página Wix onde quer criar uma ancoragem. ### Etapa 2: Clique nesta secção para abrir as suas configurações. Clique na secção para abrir as suas configurações. ### Etapa 3: Ralleie até a secção Ancoras. Ralleie até a secção "Anchor" nas configurações. ### Etapa 4: Adicione um Nome para a Ancoragem. Insira um nome descritivo para a ancoragem nos campos fornecidos. ### Etapa 5: Salve e Publique. Salve e publie os seus alterações. Agora tem uma ancoragem na sua página Wix. ## Gestão de Ancoras ### Redisposição de Ancoras Arraste e solte as ancoras para reposicioná-las conforme necessário. ### Renomeação de Ancoras Duplique clique no nome da ancoragem para renomeá-la. ### Eliminação de Ancoras Clique no botão de eliminação junto da ancoragem para a remover. Se acidentalmente apagar uma ancoragem, poderá utilizar a função de "desfazer" (Ctrl + Z) para a restaurarla. ## Adição de Menus de Ancoras Para criar um menu de ancoras, pode adicionar um menu de navegação com os itens dos menus opcionais ancoragem. Isto permite que os visitantes naveguem rapidamente para diferentes secções da sua página. ## Considerações de SEO Garanta que o seu conteúdo seja amigável ao SEO utilizando palavras-chaves adequadas, descrições claras e evitando o texto em imagens. Utilize as funcionalidades de SEO de Google para cada página para tornar a sua página mais visível para os motores de pesquisa. Forneça uma URL clara e intuitiva para cada página para ajudar o motor de pesquisa a entender o conteúdo da sua página web. ## Coleta de Endereços de E-mail no Wix Crie uma página de membros na sua página Wix para coletar endereços de e-mail. Faça a página apenas para membros para garantir que somente os utilizadores registados possam acessar a ela. Utilize o Google, o Facebook ou outras opções de login para tornar o processo de registo simples para os utilizadores. Lembre-se de atualizar e otimizar regularmente a sua página Wix para criar um ambiente de navegação amigável e amigável ao SEO. Feliz construir! # Construindo o seu primeiro website Shopify Aprenda a criar uma loja Shopify bem-sucedida com este tutorial passo a passo para principiantes! Neste vídeo, você será guiado por todos os passos necessários para criar uma loja Shopify. **Atenção: ** É importante destacar que existem outros vídeos disponíveis na rede, alguns de boa qualidade, mas outros são demasiado longos, demasiadamente rápidos ou cobram pelos seus materiais de curso. Aqui no Santro, acreditamos na compartilhação de informação gratuita, portanto, este tutorial não requer nenhuma pagamento. ## Estabelecendo a sua loja Shopify * Crie uma conta na [Shopify](https://www.shopify.com) website. * Sigam todos os passos necessários para configurar a sua loja online. ## Painel de controle * Conheça o painel de controle Shopify. * Observable as diferentes secções que fornecem informação importante sobre a performance da sua loja, vendas e configurações. ## Produtos * Adicione produtos clicando no "Produtos" na parte superior. * Escolha o tipo de produto que você deseja vender. * Carregue imagens, forneça variantes e configure o preço, SKU, peso e inventário. ## Coleções * Organize os seus produtos criando coleções. * Escolha o tipo de coleção (automática, inteligente ou personalizada). * Personalize o nome, descrição e opções como visibilidade, descrição, SEO e integração de aplicativos. ## Temas * Personalize o tema da loja mudando as imagens existentes, alterando cores, tipos de letra e estilos. * Instale temas gratuitos ou pagos de acordo com as suas preferências. ## Gateways de pagamento * Configura um gateway de pagamento clicando no "Pagamentos" na parte superior. * Escolha o método de pagamento desejado (por exemplo, PayPal, Stripe ou Shopify Payments). ## Zonas de envio * Defina taxas de transporte e points de entrega clicando em "Transporte" na parte superior. * Configurar zonas de transporte para vários países ou regiões. * Defina taxas de transporte de acordo com o peso, tamanho, produto ou total da ordem. ## Formulário de compra * Personalize o processo de compra navegando para a página "Formulário de compra" na parte superior. * Ajuste a linguagem, endereços de cobrança e endereços de entrega, processamento de ordem e opções de pagamento. ## Políticas e Páginas * Crie as páginas necessárias (Política de Termos de Serviço, Política de Privacidade, Política de Devolução, etc. ) clicando em "Loja na Web" na parte superior. * Crie conteúdo refinado e informativo para cada página. ## Aplicativos * Melhore a loja instalando os aplicativos. * Explore a loja de aplicativos Shopify para opções como certificados SSL, SEO, marketing e mais. ## Conclusão * Lance a sua nova loja e promova-a pela publicidade em redes sociais, marketing email e otimização de busca. * Continuamente refine e otimize a sua loja baseado no feedback dos usuários e dados de vendas. Para a sorte de vender e boa sorte na criação da sua loja Shopify! Se este tutorial for útil, por favor, marque como Gostado e assine para não perder nenhum futuro tutorial. # Guia Passo a Passo para Criar um Site da Shopify Não vendemos cóURSOS. Este vídeo oferece informação real, gratuita e Honesta sobre a criação de um site Shopify. Não haverá alguma promoção para cóURSOS durante a transmissão. Aqui tudo o que você precisa de saber. ## A Comensar 1. **Escolha seu Navegador**: Recomendamos o Google Chrome como navegador para este tutorial devido às extensas integrações com ferramentas como as extensões de anúncios da Facebook. No entanto, qualquer navegador pode ser usado. 2. **Copie o Link e Crie uma Seara de Navegação**: Copie o link do site da Shopify e cole-o na barra de endereço de uma nova aba em seu navegador. 3. **Inscreva-se**: Ao clicar no link, inscreva-se em uma conta Shopify digitando o seu email, criando uma senha, e definindo o nome de sua loja. Usaremos "cactus-desktop-plants" neste exemplo. 4. **Crie a sua Loja**: Após inserir os seus dados, clique em "Criar a sua Loja" para iniciar o período de testes gratuito de 14 dias. Para continuar utilizando a Shopify após este período de testes, será necessário atualizar a sua conta. 5. **Escolha uma Conta**: Faça login com uma ID Shopify existente ou crie uma nova. Usaremos uma conta existente de email neste tutorial. 6. **Dados Pessoais**: Forneça os seus dados pessoais quando solicitados. Neste exemplo dizemos que ainda não vendemos qualquer produto e temos uma ideia de como venderemos. 7. **Informações Bancárias**: Insira o seu endereço para receber pagamentos corretamente. 8. **Selecione um Plano**: Escolha o plano Shopify Básico pois, como iniciantes, é a opção mais adequada. 9. **Compre o seu Plano**: Compra o plano Shopify Básico para um mês para começar este tutorial. ## Adicionando o seu Primeiro Produto 1. **Adicionar Produtos**: Entre na sua página inicial, localize a opção "Adicionar Produtos", e clique nele. 2. **Dados do Produto**: Adicione um produto preenchendo os seus detalhes, tais como o nome, a descrição e o preço. Use imagens de alta qualidade para demonstrar o seu produto. 3. **Inventário e Entrega**: Defina a quantidade atual do estoque, as opções de entrega e outros detalhes pertinentes de acordo com o seu produto. ## Otimizando a SEO da Sua Loja Online 1. **OPtimização de Pesquisa (SEO)**: A fonctione sua loja melhor nos motores de pesquisa aumentando sua SEO por meio da utilização de palavras-chave e descrições apropriadas. **Note**: Este tutorial apresenta uma visão geral da criação de uma loja Shopify. Para obter informações mais detalhadas, recomendamos consultar a documentação da Shopify. # Vendendo Cactos Online: Uma Visita Guiada por Shopify A digitação de documentos técnicos em Markdown é um trabalho que exige uma certa cuidadosa e precisão. Abaixo, veja o texto corrigido e formatado segundo os três principais critérios: ## Nomeando e definindo o URL Por certo, nunca vendi cactos online então não sei o quê os termos correto seriam para isso. No entanto, abaixo temos o URL/nome de usuário, o que você chama. Por exemplo, se quisésse isso ser, um URL bonito seria `pequeno-cactus-de-escritório`. Isso vai fazer sentido; vai ser melhor para a classificação do Google, e também vai facilitar para as pessoas navegar e compreenderem que estão na página correta e não estão em uma Quantidade aleatória de caracteres que podem ser um pouco mais suspeitos. Eles não querem se sentir que estão em algum site que possa lhes furtar seu dinheiro. Então, `pequeno-cactus-de-escritório` é um URL agradável. Ao clicar em "Salvar", vamos agora ter a nossa primeira mercadoria. A direita, se você tem um par de sapatos Nike ou algum tipo de marca, você pode organizar isso sob a seção de "Tipo de produto" ou "Coleções". Você pode fazer muita coisa assim se quiser adicionar este a diferentes coleções. Não temos coleções ainda, mas talvez queiramos adicionar algumas. Apenas em caso de pessoas navegarem por nosso site, podemos usar rotuladores como `cactus-de-escritório` ou `pequeno-cactus-de-escritório`. Aqui estão os que temos para agora. Vamos seguir e salvar isso, e depois podemos ir para as Transferências. ## Compra de um domínio Dessa forma, vamos descender para a parte esquerda, a partir de Home. Vamos voltar a Home. Adicionamos uma mercadoria e podemos customizarmos o tema, mas ia falar sobre isso ainda não. Em vez disso, quero salpiconar para baixo em `Add a domain`. Honestamente, se você está vendendo um loja de cacti a partir de `cactus-de-escritório. plantas. myshopify. com`, é provável que as pessoas saibam que você é um amador. Pode ser facilmente notado pela falta de um domínio profissional. Portanto, você deveria estar comprando um domínio relevante para a loja. Seja `cactus. com` (que provavelmente esteja fora de uso em 2020), `cactusdesktopplants. com`, ou algo mais criativo e o mais curto e fácil de dizer possível, sua loja vai funcionar melhor. No futuro, vou mostrar você onde você pode obter um email para isso, pois provavelmente não quer usar algo como `mikerickybobby5769@gmail. com` em um site profissional. Se as pessoas contatarem você para atendimento ao cliente, é importante ter um email profissional, como `[mike](mailto: mike@cactus. com)` ou `support@cactus. com`. Claro, seu domínio vai ser substituído lá, mas você pode comprar um domínio imediatamente aqui se quiser. Pode encontrar e comprar aqui na Shopify, mas tipicamente, você pode encontrar localizações mais baratas em outras partes, como Namecheap. com ou GoDaddy. Você pode também encontrar domínios em Google Domains e em vários outros lugares. ## Administração de domínio Quando você tiver um domínio, podem ir para sua administração de domínio, o que irá conquistar a seguinte página: ```bash Você está sendo redirecionado para a administração do seu domínio ``` Aqui, pode gerenciar várias partes de seu domínio, como mudar nome-servidores, criar subdomínios, e configurar contas de correio eletrônico. No futuro, mostrarei como fazer isso. ## Outros recursos Agora, como vamos descer a tela de Home, você vai ver um montão de outras coisas que talvez seja útil conhecer no futuro, como postagens de blog, análise, e correios de cliente. Deixamos a exploração de mais recursos da nossa página. ## Pedidos Claro, não temos pedidos ainda, mas você verá que pode rastrear seus pedidos, marcá-los como entregues, e geralmente gerenciar uma grande parte de seus pedidos aqui. Você pode ter rascunhos, pedidos abandonados e outras coisas úteis. Isso será um poderioso ferramental que eu recomendo que você use. Por favor, vou mostrálos como otimizar a site em breve, mas vamos continuar para os outros recursos: ## Produtos Quando vamos para Produtos, podemos ver todos os produtos e, como acabamos de adicionar aqui, temos 700 em quatro variantes diferentes. Isso é nossa pequena tabela do cactus do escritório. Pode filtrar por nossa, ordená-los, adicionar mais produtos, e assim por diante. Em seguida, você pode descer e transferir para diferentes coisas. Se você tem coisas como pedidos e movendo tais itens, você pode fazer isso exatamente lá. ## Gestão de Estoque A `Gestão de Estoque` é muito bom, pois podemos ver aqui exatamente o que temos no estoque, se tudo foi vendido, quando tudo vai se esgotar, e se tem algo a entrar. ## Colecções Isso é bem legal porque podemos criar diferentes coleções e mostrar diferentes coleções em nosso website. Vou mostrar você isso em breve, mas agora vamos criar nossa primeira coleção por aqui. Digamos que esta coleção vai ser de plantas com pículas, ou principalmente de cacti. Em seguida, vamos colocar uma descrição aqui para cima, uma descrição mais longa que esperamos podermos adicionar, sua imagem de coleção, e para os propósitos deste, vamos adicionar isso aqui como nossa imagem. Em seguida, pode descer, e poderá criar uma coleção automática ou você pode adicionar manualmente diferentes coisas aessa coleção e conectar. Claro, a SEO do site ainda é importante, então fazer uma coleção é muito fácil, e eu vou mostrar você como adicionar diferentes produtos nela em breve. ## Cartões de Presente Embora não possamos ganhar cartão de presente com o plano mais baixo, basicamente, será dado a correta de código a usuário que ele poderá usar no momento de checkout. Este código não será enviando correios físicos de presente. Se você quisesse realmente, provavelmente poderías fazer isso na Shopify. ## Clientes Você pode encontrar informações sobre nossos clientes aqui. Muitos artigos para a multidão, mas não temos clientes ainda. Você pode adicionar clientes se já tiver alguns dos passados. Você pode importar clientes se tinha uma loja em outro lugar. Isto é uma ótima oportunidade para gerenciar serviço ao cliente, por exemplo, se uma coisa disputar, você pode entrar aqui para aprender sobre o pedido, rastrear pedidos e coisas assim. Você também pode usá-lo para aprender mais sobre quem está comprando seu produto e assim por diante. ## Análise A partir de sua tela de painel principal, é onde você tem o grande quadro de sua venda, sua loja online de sessões, o índice de conversão, e muito mais. Pode testar diferentes produtos, A/B testando, e ver qual vende melhor. É onde vocÊ pode realmente começar a olhar o seu site para ver onde suas ineficiências são, e usá-lo para otimizar seu site e ter as vendas possíveis. ## Mercado Aqui, podem integrar alguns aplicativos na sua página e há alguns aplicativos de mercado como Smile. io, Recharge, e vários outros que poderiam ser úteis a nós. ## Relatórios Isto é o quadro muito maior, onde você tem a resumo financeira geral, despesas de marketing, e outras informações importantes. ## Análise ao vivo Isso vai mostrar a quantidade de pessoas no seu site agora, o valor que você fez hoje, e outras informações úteis. Você pode customizar isso para visualizar ou ocultar algumas informações. Como pode ver, a Shopify é uma ferramenta poderosas para criar uma loja online. Com muitas coisas e customizações, você pode criar uma loja única e profissional, gerenciar pedidos e estoque, e até mesmo gerenciar uma lista de e-mails e campanhas de marketing. Com um pouco de esforço, pode otimizar seu site para maximizar as vendas e vir a sua loja online em um negócio florido. # Descrição da automação do comercio eletrônico, corrigida e formatada em Markdown ## Introdução - A essência da automática do comercio eletrônico consiste em aumentar suas vendas e reduzir seu esforço, por meio de aplicações. De acordo com a sua necessidade, faça automação de textos de boas-vindas, envio de descontos, aplicação de desconto, automação de resposta para as pessoas que abandonam seu carrinho, criação de campanhas de marketing por email e muito mais. ## Automatização de Textos de Boas-Vindas Essa automação permite que você envie um texto de boas-vindas para pessoas que fecharam uma compra no seu site. ## Automatização de Descontos - Há muitas opções de automatizações de descontos, como desconto por percentagem, desconto fixo, desconto de envio grátis e regra de compra "compra um, receberá". ### Google Smart Shopping (Paga) Google Smart Shopping é uma opção paga para automatização de descontos no seu site. ### SMS Bump (Gratuito) SMS Bump é uma opção gratuita para automatização de descontos no seu site. ### Descontos - Pontos importantes a serem lembrados: - A criação de códigos de desconto é integrada com Shopify. - Você pode personalizar suas regras de desconto, por exemplo: quantia máxima de desconto, limite total ou limite pelas transações. - Você pode decidir quando as promoções para descontos vão parar, por exemplo: no prazo de dois semanas ou no próximo mês. ## Aplicativos - Em seu site, você poderá encontrar muitos aplicativos de uso útil, como automatização com SMS, análise de respostas e avaliações, gerenciamento de revisões, suporte ao cliente, rastreamento e envio de emails, etc. ### Lista de Aplicativos - como SMS Bump, Review, emails, suporte ao cliente, análise de vendas, análise de rastreamento, etc ### Bem-vindo a Loja Online Para criar sua loja online funcional e atraente, recomendo que siga os passos abaixo: 1. **Tema**: escolha um tema atraente e mude as imagens que serão exibidas no site. 2. **Aplicativos**: adicione os aplicativos necessários para ajudá-lo a aumentar suas vendas e sua produtividade. Vou listar alguns exemplos nesta seção. 3. **Descontos**: personalize seção de descontos no seu site. 4. **Mídias sociais e blog**: singue a mídia social e atualize seu blog no site. Isso ajudará sua loja a ficar cheia de conteúdo para que seus clientes tenham uma experiência de compra agradável. ## Conclusão A automatização do comercio eletrônico oferece muitas vantagens para tornar seu site mais produtivo e atraente para os clientes. Tire o máximo proveito da automatização de textos de boas-vindas, automatização de descontos e aplicativos, para ter uma loja online de mercado que realmente se destaca. # Linkagem e Organização do Conteúdo da Sua Página na Markdown Vincular oque desejar, você pode outlinhar o texto, então clique no pequeno ícone de cadeado à direita para que faça sentido como um link, e em seguida você terá a capacidade de vincular para outra página. Você também pode colar um link aqui ou encontrar outra página dentro de seu site. Por exemplo, vamos entrar na seção **Produtos** e vincular para um produto específico da seguinte maneira. Assim, agora teremos um link lá para que alguém possa ir e clicar em "Disponibilidade" lá para verificar se está disponível. Claire a depender do que você está escrevendo, talvez você queira vincular para posts de blog ou, provavelmente, dentro de um post de blog você possa vincular de volta a diferentes produtos. Só algumas formas de fazer isso. Você poderá alterar a alinhamento do texto, esquerdo ou direito, e adicionar conteúdo diferente. Por exemplo, se queremos adicionar mais texto ou outra imagem, fazemos isso da seguinte maneira (à medida que os elementos se sobrepõem), e você pode reorganizar-los usando os três pontos e arrastando-los para cima conforme necessário. Markdown não sempre é a maneira mais intuitiva de editar, mas é extremamente fácil de movimentar coisas. É menos personalizável do que algumas outras plataformas como Wix, mas podemos certamente remover conteúdo se não quisermos. ## Presentation (Slideshow) É possível ajustar a rotação automática da apresentação, alterar sua altura, e personalizar a velocidade com que eles passam. Também é possível adicionar diferentes slides selecionando as imagens que deseja e modificando seus cabeçalhos. ## Lista de Coleções É muito fácil ter várias coleções que as pessoas possam visualizar lá. Por exemplo, se nós vamos para a primeira uma, podemos selecionar uma coleção, como "Plantas com Espinhos", nossa primeira coleção, e veremos o link "Ver Todos" lá. ## Página Inicial A página inicial pode exibir "Ver Todos" ou ir para produtos individuais. É possível alterar as linhas, e por último, você pode adicionar outra seção para uma apresentação, um produto em destaque, notícias, mapa ou qualquer outra coisa que você possa precisar. ## Adicionar Seções Pode clicar em qualquer lugar e ele aparecerá lá. Em seguida, você pode ir e arrastar-lo para sua localização desejada. ## Rodapé Pode mudar o menu do rodapé navegando até ele e ajustando o que ele mostrará. ## Navegação Você pode usar todo o lado direito da tela para navegar seu site. Você pode editar a cabeçalho, rodapé, e conteúdo em cada seção. ## Configurações de Tema Pode alterar as cores, tipografia, adicionar links de redes sociais, e definir um favicon nas configurações de tema. ## Redes Sociais Adicionar links de redes sociais é essencial. Você pode adicionar seus diferentes links, como Instagram, aqui, e ele aparecerá lá para baixo com um ícone para acesso fácil. ## Favicon É possível carregar a sua logomarca como favicon, o qual aparecerá como um pequeno ícone no topo de seu navegador. Opsugestão de recomendado usar Canva. com para criar seu logotipo. ## Examinando Seu Site É essencial examinar seu site em vários monitores, tamanhos de tela e dispositivos diferentes para garantir que ele pareça bom para todos os usuários. Você também pode alternar entre recursos móveis e recursos de computador. Por último, confirme sua página de checkout se ela parece boa e tenha um design limpo, usuário-amigável. Lembrando-se de ajustar detalhes legais, como sua política de retorno e seus termos de uso, para se tornarem compatíveis com os requisitos de sua loja. É importante que considere adicionar um blog à sua loja. Criar conteúdo informativo e valoroso pode ajudar a atrair tráfego orgânico e promover seus produtos de maneira suave. # Criando uma Página Adicional no Shopify (Português de Portugal) Para adicionar uma página adicional à sua loja Shopify, siga estas etapas: 1. Crie uma página nova - Clique no botão "Adicionar página" localizado na página principal de "Páginas" de sua loja Shopify. - Dê um nome à sua página, por exemplo, "Sobre nós". - Atenção: Recomendamos adicionar algo além de "Sobre nós" para que a página seja mais interessante para os visitantes. Por exemplo, você pode adicionar a história da sua loja ou algum outro conteúdo interessante. 2. Descreva a página - Certifique-se de que a descrição da página seja curta e ferramenta para os visitantes saberem o que a página está sobre. - A nossa página "Sobre nós" possui uma descrição como: "Saiba mais sobre a Cactus Desktop Plants, a melhor loja de plantas para o dormitório. " 3. Publiquete a página - Ao criar a página, ela não será automaticamente publicada. Para fazer isso, siga estes passos: - Edite a página novamente. - Mova o cursor para baixo até a seção de "SEO" nas configurações de página. - Altere o parâmetro "URL" para a URL desejada para a página. Este url deve ter menos de 205 caracteres, sem espaços em branco e com letras minúsculas. - Salve as alterações. - A página será agora publicada em seu site. ## Publicando uma página Após criar uma página e publicá-la, você precisa adicioná-la à sua navegação para que apareça de forma visível em seu site. 1. Adicione a página à navegação - Clique no botão "Customize" localizado nas opções de configuração do seu site Shopify. - Clique em "Navegação". - Clique em "Menu do cabeçalho". - Clique em "Novo menu". - Edite este novo menu adicionando uma nova opção para a navegação com o nome da página desejada. - Salve as configurações. - A página agora deve aparecer na navegação na parte superior do seu site. # Construindo um site web com WordPress em Hostinger: Um guia completo Este tutorial te guiará pela processo de criar um site web utilizando WordPress em Hostinger. Criamos a nossa missão a fornecer informações gratuitas, assim não recomendaremos qualquer curso. ## Visão Geral O WordPress é um sistema de gerenciamento de conteúdo potente e aberto-source que funciona bem em sites em rede por todo o mundo. Também recomendamos o Hostinger por ser um serviço de hospedagem seguro, rápido e Ágil. Aqui estão alguns dos benefícios de utilizar Hostinger: 1. Seguro: Conhecido pela robusta funcionalidade de segurança. 2. Rápido: Armado com tecnologias modernas para garantir o desempenho otimizado. 3. Rentável: Planeamentos de preço competitivos para adaptar a todos os orçamentos. ### Pré-requisitos Antes de começar, é necessário ter: 1. Um navegador: Google Chrome, Firefox, Safari, ou qualquer outro navegador funciona bem. 2. Um endereço de e-mail: Você precisará de um endereço de e-mail válido para finalizar o processo de inscrição. 3. Fundos para o domínio e hospedagem: Embora o WordPress seja gratuito, será necessário investir em hospedagem e domínio (se não incluído no pacote de hospedagem). ## Guia passo a passo ### Passo 1: Escolha um plano hospedagem 1. Aceda ao site da Hostinger ([centralmedia. com/hostinger](http://centralmedia.com/hostinger)). 2. Selecione a opção de hospedagem WordPress, pois vem com pacotes adicionais específicos para site web em WordPress. 3. Escolha o plano de hospedagem que melhor atenda às suas necessidades. Para a maioria dos usuários, considere o segundo plano, pois oferece mais funcionalidades que o plano básico a um preço razoável. 4. Optar por uma assinatura de 12 meses, pois ajuda a economizar dinheiro e se comprometer a construir seu site. Outros períodos de assinatura estão disponíveis no seu critério. 5. Prossiga com a compra usando seu endereço de e-mail ou as contas de mídia social para a criação da conta. ### Passo 2: Registre um domínio Após ter escolhido um plano de hospedagem, será pedido para escolher ou comprar um domínio: 1. Registre um domínio novo ou utilize um domínio existente que já possui. 2. Se o plano de hospedagem inclui um domínio gratuito, aproveite a oferta e registre um domínio aqui. 3. Escolha o nome do seu domínio: Um nome de domínio que funciona bem para o seu site. 4. Escolha o intervalo de tempo para o seu domínio: Um, dois anos ou três anos de domínio. Recomendamos ir com dois anos para economia a longo prazo. ### Passo 3: Completar o pagamento Até aqui, recomendamos usar o pagamento com paga palavra, pois esta sugestão chega a economizar dinheiro. ### Passo 4: Configurar o seu dashboard WordPress Aceda ao seu dashboard WordPress seguindo estas instruções: 1. Acesse o painel de controle da Hostinger: [pot. my. hostinger. com](http://pt.my.hostinger.com/). 2. Na secção de Quick Start, clique no botão de "Acesso WordPress". 3. De lá você será redirecionado para seu dashboard do WordPress, onde você pode começar a construir seus site. ### Passo 5: Personalizar o seu site (opcional) Para um look mais profissional, considera instalar um tema ou personalizar o seu tema existente na secção de aparência > temas do seu painel do WordPress. Visite o Depêndio de temas do WordPress para navegar e instalar temas gratuitos. ## Conclusão Parabéns! Você acaba de concluir com sucesso a configuração do seu site WordPress em Hostinger. Finalizado este tutorial, tome um momento para curtir o nosso vídeo se encontrou util, pois nos ajuda a sustentar o canal e nos sustentamos nossa missão de fornecer informações gratuitas. Divirta-se construindo seus site! # Tutorial de Gerenciamento do WordPress: Um Guia para gerenciar seu site Este tutorial vai guiar você por uma jornada de gerenciamento de seu site usando o WordPress, localizado em `central surfing. com/wp-admin`. Aqui tem um pequeno resumo do que encontrará neste tutorial: 1. **Login** - Para fazer o login, visite seu domínio (`central surfing. com`) e digite `/wp-admin` no barramento de endereços. - Digite seu endereço de e-mail e sua senha para assinar. 2. **Painel de Controle** - O painel de controle é onde você fará tudo com seu site. - Acima, você encontrará funções básicas como visitar seu site e gerenciar notificações. - A esquerda, encontrará funcionalidades como painel, posts, mídia, páginas, comentários e aparência. - Tenha cuidado no painel de atualizações, pois ele notificará você sobre atualizações de plugins e do WordPress. 3. **Limpeza do Painel de Controle** - Para limpar o painel de controle, vá para `Plugins > Plugins Instalados`. - Desative e, depois, exclua os plugins que não forem necessários. 4. **Usando Modelos** - O tema Astra é uma opção popular por sua flexibilidade. Você pode installá-lo do `Aparença > Tema`. - Para importar um modelo de site completo, vá às opções do Astra, em seguida a `Instalar Plugin de Importação`. 5. **Gerenciador de Página** - Para facilitar a criação de páginas, o Elementor é uma opção ótima. Instale-o de `Plugins > Nova Adição` e siga o tutorial para obter mais informações adicionais. 6. **Seleção de Modelo** - Para selecionar um modelo gratuito, vá para `Aparença > Personalizar > Tema`. - Selecione um modelo que goste e certifique-se que ele atenda às necessidades de seu site. 7. **Gerenciamento de Conteúdo** - Do painel, gerencie posts, páginas e comentários conforme necessário. Junte-se à nossa jornada e construa seu belissimo site de surf separado com o WordPress e os plugins úteis disponíveis! 🎉🎉🎉 # Introdução à Personalização de seu Website WordPress com Elementor Este guia fornece passos para personalizar um website WordPress usando o Elementor. Vamos abordar definições e alterações essenciais para tornar o seu website mais otimizado e seguro. ## Conteúdo Resumido - Nome e Linha do Tempo - Site Seguro (HTTPS) - Links permanentes - Gerenciamento de Páginas - Edição da Página Inicial com Elementor - Interface do Elementor - Personalização de Elementos de Página ## Nome e Linha do Tempo 1. Abrindo o painel de controle do WordPress, vamos alterar o nome do website e a linha do tempo da seguinte forma: - Nome do Website: Central de Surf - Linha do Tempo: Uma Maleta de Surf (ou a sua própria linha do tempo) 2. Certifique-se da inclusão do protocolo `https` no URL: - Vá para Geral > Configuração na barra lateral esquerda. - Sob o WordPress Address (URL) e Site Address (URL), certifique-se que o URL começa com `https` ao invés de `http`. - Clique em "Aplicar mudanças" para aplicá-las. Você será solicitado a inserir a sua senha para verificação. ## Links permanentes 1. No painel de controle do WordPress, vá para Configuração > Links permanentes. 2. Mude a estrutura do link permanente para `Nome do Post`. Este formato fará com que as URLs do seu site sejam mais limpas e mais simples de navegar. 3. Clique em "Aplicar mudanças" para aplicá-las. ## Gerenciamento de Páginas 1. Pode encontrar e gerenciar as páginas do seu website na seção de Páginas na barra lateral esquerda. 2. Se o modelo que importou não vir com quaisquer postagens, você precisará delas criar mais tarde. No entanto, as páginas que virão com o modelo serão mostradas aqui. 3. Manteça as páginas que vierem com o modelo, como as que têm a etiqueta `Elementor`. Remova as que não precisam. 4. Para editar uma página, passe o ponteiro do mouse sobre o título e clique em `Editar com Elementor` ou simplesmente `Editar` se você preferir usar o editor padrão do WordPress. ## Editando a Página Inicial com Elementor ### Edição Regular 1. Para chegar ao editor padrão do WordPress, clique no botão `Editar` ao lado da Página Inicial. No entanto, lembre-se de que você precisará abrir o Elementor para editar o conteúdo. ### Edição com Elementor 1. Para abrir o editor do Elementor, passe o ponteiro do mouse sobre a Página Inicial e clique em `Editar com Elementor`. Isto abrirá a interface do Elementor para a edição da sua página de home. ## Interface do Elementor O Elementor fornece um intuitivo, editor de arrastar e soltar que deixa você personalizar todo o seu website sem necessidade de código. 1. Abre o editor do Elementor, notará que a interface está dividida em duas partes principais: o editor do Vivo (direita) e o Painel de Design (esquerda). 2. O editor do Vivo mostra o seu website tal como se veria no front-end, e o Painel de Design permite ajustar as definições para cada elemento na página. ## Personalização de Elementos de Página Para personalizar um elemento, basta clicar nele e usar o Painel de Design à esquerda para mudar suas propriedades, como texto, cor, link, espaçamento. 1. Por exemplo, você pode mudar a cor do texto, o estilo de cabeçalho e outras propriedades clicando nas seções relevantes no Painel de Design. 2. Para adicionar um novo elemento, procure a seção que deseja trabalhar embaixo no painel à esquerda, clique no elemento que deseja adicionar e arraste-o para a localização desejada no editor do Vivo. Depois de se familiarizar com os fundamentos do editor do Elementor, fique à vontade para explorar mais a fundo e descobrir todas as suas características. Gojem de personalizar o seu website WordPress! 🎉🌊🌴 # Documentação Técnica: Personalização de Imagem e Layout em Elementor ## Título Principal Neste guia, apresenta-se um tutorial para personalizar a imagem principal e os indicadores de segmentos em um site desenvolvido com Elementor. ### Fundo Fixo (Efeito Parallax) O fundo é definido como "fixed" para que o mesmo não seja afetado pelos movimentos da página, permanecendo fixo na tela e não se movimentando. Isso é conhecido como um "efeito Parallax". Alternativamente, você pode definir o feedback para "scroll" padrão, movendo-se conforme a página é rolada ou deixando o comportamento padrão do destino como "default" (que geralmente mantém o scroll). ### Fundo de Obrigação (Overlay) Se a imagem principal não for ativa com o fundo, você pode adicionar um "overlay" de cor escura à frente da imagem. Na seção atual, pode ser observado que um "overlay" escuro foi adicionado, o que dá uma aparência mais escura à imagem original. Você tem controle para personalizar a cor, opacidade e valor do "overlay", de modo que possa personalizar seu contraste com a imagem principal. ### Alteração de Imagem Para alterar a imagem principal, siga esta sequência de passos: 1. Clique em "trocar imagem" em *estilo > fundo* 2. Selecione a imagem desejada do arquivo em "escolher imagem" 3. Coloque a nova imagem ou seleção na posição desejada ### Alteração de Fundo de Obrigação (Overlay) Para trocar o "overlay", siga o seguinte passo: 1. Clique em "trocar cor" em *estilo > fundo de overlay* 2. Defina a cor desejada para o "overlay" Recomendamos que você mantenha uma cor à frente de qualquer texto que esteja na seção para que a legibilidade não seja impactada. ### Adição de Seção Para adicionar uma nova seção, siga esta sequência de passos: 1. Clique no símbolo de 6 ou 9 pontos no painel Elementor. 2. Clique no símbolo "+" para adicionar uma nova seção 3. Arraste os widgets desejados para a nova seção No entanto, alguns widgets podem não estar disponíveis sem a aquisição da versão pro de Elementor. ### Exclusão de Seção Para excluir uma seção, basta clicar no ícone do X na parte superior direita da seção que deseja excluir. ### Cores e Fonte Para alterar o comportamento de tamanhos de fontes, legibilidade, cores de fonte e personalização de fontes, você pode ir em *estilo > tipografia*. Recomendamos que você mantenha a consistência de fontes em todo o site, mas você também pode personalizar o texto de modo a ser igual para todos os elementos da sua página web. ### Links Para personalizar um link em elementor, selecione o link que deseja editar e clique no ícone da cadeado para adicionar um link personalizado. ### Anchors Os links auxiliares (anchors) permitem que você defina um local específico para seu link, permitindo que ele saiba para onde ir quando você clica nesse link. Isso pode ser útil para JavaScript personalizado ou para navegar em diferentes segmentos de uma página ou mesmo em diferentes páginas. Para adicionar um anchor, siga os seguintes passos: 1. Clique no símbolo de 9 pontos no painel Elementor. 2. Baixe o widget anchors até o local onde deseja que o anchor seja inserido. 3. Adicione um nome ou ID para o widget anterior ou clique em atualizar para salvar. 4. Personalize o conteúdo do anchor (caso deseje) e crie um link a esse anchor em outros Componentes do Elementor com uma sugestão de "name: ˝anchor\_nome". ### Salvar Trabalhos Para salvar novos trabalhos em Andamento, clique em "encontrar em cache" nos botões de manutenção no painel Elementor. # Tutorial: Explorando as Funções do Elementor para personalização de sites Neste tutorial, passaremos pela descrição de algumas das principais funções fornecidas pelo Elementor, um plugin de construtor de site popular para WordPress. Vamos começar! ## Botão de História O botão de história é uma ferramenta poderosa que permite desfazer as mudanças realizadas no seu site. Se desejar desfazer alguma alteração, basta clicar no botão de história e voltar a qualquer um dos estados anteriores do seu site. Fezemos algumas alterações no botão, por exemplo, e você pode voltar a qualquer um desses pontos da história clicando em "Ir para este ponto da história". Esse recurso é muito útil, pois permite experimentar com diferentes design sem se preocupar em perder seu trabalho. ## Modo Responsivo O modo responsivo permite visualizar o seu site conforme ele apareceria em dispositivos diferentes. A desligando o modo responsivo, obtenemos uma representação da utilização do site em vários dispositivos. Essa é uma ótima funcionalidade para garantir que o seu site seja exibido e funcione bem em todas as plataformas. ## Gerenciador, Definições e Visualizar Alterações Além do modo responsivo, o Elementor oferece um gerenciador, definições e uma funcionalidade "Visualizar Alterações". O gerenciador ajuda a navegar pela hierarquia do seu site, permitindo ocultar ou mostrar seções conforme necessário. As definições fornecem opções para personalizar a aparência e comportamento do seu site, enquanto a funcionalidade "Visualizar Alterações" permite visualizar o site conforme apareceria quando publicado, sem a real publicação. ## Fotos e Estilo Um dos coisas interessantes sobre o Elementor é a capacidade de personalizar a aparência das suas fotos. Por exemplo, pode adicionar sombras às imagens ou removê-las, assim como ajustar o raio de curva e outras opções de estilo. Pode até mesmo separar os valores para estas opções se encontrar frustrante quando eles mudam de forma simultânea. ## Adição de Novos Elementos O Elementor também permite adicionar novos elementos ao seu site, como mapas, formulários ou barras de progresso. Por exemplo, pode desejar adicionar uma barra de progresso para demonstrar o progresso de um alvo de arrecadação. Pode personalizar o título, estilo e opções avançadas para cada elemento de acordo com suas necessidades. ## Design Responsivo A funcionalidade de design responsivo do Elementor permite esconder elementos em dispositivos específicos, como o móvel ou a tableta. Isso é útil para garantir que o seu site seja exibido e funcione bem em todos os dispositivos, sem se tornar engarrafado ou difícil de navegar em tela pequenas. ## Salvar o Trabalho Por fim, o Elementor oferece a opção de salvar projeto e salvar rascunho, além da funcionalidade "Visualizar Alterações". O rascunho permite salvar qualquer alterações realizadas no seu site sem a publicação, enquanto a funcionalidade "Visualizar Alterações" permite visualizar o site conforme apareceria quando publicado. A funcionalidade modo responsivo também permite fazer o switch entre diferentes dispositivos para ver como o seu site aparece em cada um. Em conclusão, o Elementor é um plugin de construtor de site poderoso para WordPress que oferece uma ampla gama de funcionalidades para personalizar a aparência e comportamento do seu site. Do botão de história ao modo responsivo, gerenciador, definições, visualizar alterações, fotos e estilo, adição de novos elementos, design responsivo e salvar o trabalho, o Elementor fornece tudo o que você precisa para criar um site impressionante que pareça fantástico em todos os dispositivos. Feliz a construir! # Guia para criar e otimizar posts de blog com o Elementor Antes de começar, recomendo editar com o Elementor, pois permite uma personalização fácil de nossos posts de blog, tornando-os consistentes com as páginas restantes. ## Plantel Inicial - **Editar com o Elementor**: Fornece um quadro em branco para criar tudo do zero. Você também pode adicionar blocos pré-fabricados do template para economizar tempo. ### Atributos específicos do post de blog Ao editar um **post de blog**, você terá acesso a atributos adicionais como autor, navegação de post, e sumário. Esses atributos não fazem tanto sentido em páginas ou páginas de "sobre mim". ### Usando o Elementor Pro Geralmente, eu crio minhas próprias plantelas com o Elementor Pro, mas isso será discutido em detalhes em um vídeo futuro. ## Navegando no Painel do WordPress ### Mídia Gere tudo suas fotos, vídeos, etc. aqui. Você pode remover imagens de estoque, cortar ou substituir fotos, ou adicionar texto alternativo a elas desta área. ### Páginas Familiarize-se com a seção de Páginas, pois já abordamos extensivamente. ### Comentários Temos discutido comentários, mas vamos falar sobre plugins adicionais que podemos instalar como. . . ### Plugins #### Plugins Recomendados 1. **Wordfence**: Fornece autenticação de dois fatores, proteção de firewall e outras funcionalidades de segurança para prevenir hacks. Gratuito para usar com a opção de funcionalidades avançadas com uma assinatura premium. 2. **WooCommerce**: O plugin mais popular para e-commerce no WordPress. Se você possa vender algo no futuro, é melhor adicioná-lo precocemente para integração. ### Atualizações Automáticas Ative as atualizações automáticas para manter seus plugins de segurança atualizados sem precisar verificá-los manualmente. --- Continue a explorar outras seções à esquerda do painel para mais ferramentas como Usuários, Ferramentas, e Configurações. Garanta que as configurações do WordPress estejam corretamente configuradas para SEO, privacidade, e outras funcionalidades essenciais. Para uma explicação mais detalhada de cada seção e suas funções, por favor, consulte a descrição abaixo. Eu também fiz um vídeo separado sobre meus 10 plugins recomendados para WordPress, que será linkado abaixo. --- Divirta-se a criar e otimizar seus posts de blog com o Elementor! # Vídeo 5: Otimização de Velocidade do Website WordPress Este vídeo mostra como gerenciar e otimizar um website WordPress para melhor desempenho. Um dos recursos principais discutidos é o plugin Jetpack, que pode ajudar a melhorar significantemente as taxas de carregamento de imagens. Para uma análise mais detalhada, visite [pagespeed. web. dev](http://pagespeed.web.dev). ## Benefícios da Otimização da Velocidade de Carregamento do website WordPress A otimização da velocidade de carregamento do seu website WordPress provêm vários benefícios: 1. Experiência de usuário melhorada: Tempos de carregamento mais rápidos diminuem taxas de abandono e ajudam os usuários a navegar no seu website com mais fluidez. 2. Melhores classificações nas buscas: Google prioriza websites de carregamento rápido em seus resultados de busca. Taxas de carregamento mais rápidas podem ajudar a melhorar a visibilidade do seu website e atraindar mais visitantes. 3. Taxas de conversão mais altas: Um site mais rápido pode levar a taxas de conversão mais altas, já que facilita para os visitantes encontrarem as informações que precisam e concluir ações, como realizar uma compra. ## Passos para Optimizar a Velocidade de Carregamento do website WordPress Para optimizar a velocidade de carregamento do seu website WordPress, siga estes passos: 1. Instalar e ativar o plugin Jetpack: Isso pode ajudá-lo a melhorar as tempos de carregamento do seu website significantemente. 2. Ativar a compressão de imagens: Este recurso ajuda a reduzir o tamanho de imagens no seu website, rendendo-as carregarem mais rápido. 3. Usar a Ferramenta de Análise de Carregamento da Página do Google: Esta ferramenta analisa os tempos de carregamento da sua página e fornece orientações para melhorias. 4. Explorar o Browser Caching: O armazenamento local do browser armazena dados frequentemente acessados, reduzindo a quantidade de dados que precisa ser descarregada cada vez que um visitante retorna ao seu website. 5. Optimizar a sua base de dados: Limpe e otimize regularmente a sua base de dados WordPress para melhorar ainda mais os tempos de carregamento. ### Análise de Exemplo usando a Ferramenta de Análise de Carregamento da Página do Google Para demonstrar a eficácia da otimização da velocidade de carregamento do website WordPress, faremos uma análise de exemplo: [centralsurfing. com](http://centralsurfing.com). Sem otimização, os tempos de carregamento móvel e de escritório do website são relativamente baixos, com uma pontuação de 65 em móvel e 96 em escritório. Após a otimização, a pontuação deverá ser por acima de 90 em ambos o móvel e o desktop. Por resolver os problemas citados pela Ferramenta de Análise de Carregamento da Página do Google, como a otimização de imagens, a minificação de CSS e a exploração de browser caching, você pode melhorar significantemente os tempos de carregamento de sua página e a experiência de usuário. --- # Vídeo 6: Criação de um Website Profissional com Squarespace Neste tutoriais passo a passo, vamos te mostrar como criar um Website Profissional usando o Squarespace. Ideal para iniciantes, este vídeo fornece tudo o que precisas de saber para criar um Website Profissional sem precisar contratar um profissional de Website ou aprender palavrões técnicos. ## Passos para Criar um Website Profissional com Squarespace 1. Escolher um modelo: Os modelos devem ser escolhidos baseados em sua esquema de cores, layout e tipografia, pois isso facilitará o trabalho e o faça mais fácil de ser personalizado. 2. Criar uma conta ou fazer login: Crie uma conta nova ou realize o login usando Google, Apple ou email. 3. Escolher um modelo: Procure através dos diferentes modelos e escolha um que melhor se adapte às suas necessidades. 4. Personalizar o seu website: Personalize o seu website mudando o logotipo, navegação e outros elementos para correspondê-las a sua marca. 5. Publicar o seu website: Prévia e publique o seu website após se satisfazer com os resultados. ### Escolha de um Modelo Escolha um modelo que mais se adapte às suas necessidades e à sua indústria. Categorias incluem fotografia, pequena empresa e muito mais. Veja vários modelos para encontrar o melhor que se adapte ao seu estilo. --- Seguindo esses passos, você pode criar um Website Profissional com o Squarespace que represente sua marca e apelas aos seus públicos. Boa sorte! # Documentação Técnica: Configuração de Páginas em Squarespace Este guide mostrará como configurar e montar suas páginas em Squarespace usando o Markdown. ## Introdução ### Título principal Temos um site de fotografia em mente, no qual os títulos das páginas serão importantes por mais que seja relacionado ao nosso caso de uso. ### Sistema de navegação Abaça as configurações de *settings* para complete customizar esta página. A seção de "navigation title" corresponde ao título exibido no topo da página, portanto, vamos configurar o título "Testemunhos". ## Configuração da Página de Testemunhos ### Ativação da página Habilite a página de testemunhos, porém acesse as opções avançadas para não a protegê-la com senha (não é necessário para o seu uso geral). ### Título da URL O URL slug será o que aparece no final da URL de seu domínio, portanto, para este caso deve ser santrellphotography. com/testemunhos. ## Criação de novas páginas Clicando no botão de "+" é possível adicionar novas páginas, tais como "Portfólio". É recomendável atualmente fazer uso de páginas pré-configuradas, pois é mais fácil iniciar desta forma. ## Adicionando links ao menu de navegação É possível adicionar um link para o menu de navegação clicando no "+" do lado esquerdo, seguido da opção 'Link'. Nesse caso, adicione o link "Central Media" e configure próximo para abri-lo em uma nova janela. ## Conclusão Este guide mostrou os fundamentos básicos para configurar as páginas em Squarespace usando Markdown. É importante observar as estruturas e nomes claros para tornar o site mais fácil de navegar. 掉 # Criação de websites Squarespace: Criando e personalizando um logotipo Este guia irá ajudá-lo a criar e personalizar um logotipo para seu website Squarespace usando Canva. ## Criação de um logotipo usando Canva 1. Para criar um logotipo, acesse [Canva. com](http://Canva.com). Pode criar uma conta gratuitamente. 2. Depois de se logar, procure um modelo. Disponibiliza-se uma grande variedade de modelos gratuitos e pagos. 3. Escolha um modelo que seja adequado às suas necessidades e personalize-o de acordo com as suas preferências. ## Exemplo: Criação do logotipo Central Photography 1. vamos criar um logótipo para Central Photography. Vá para a seção de logotipos, e poderá encontrar várias opções. 2. Para este exemplo, escolheremos um modelo. Altere a fonte, o tamanho e o conteúdo para corresponder às suas preferências: - Para o título: Central Photography - Retire o texto adicional (mídia central neste caso) - Ajuste o tamanho para indicar o logotipo completo 3. Guarde o logo no formato PNG. Descarque o logo. ## Carregamento do novo logotipo no Squarespace 1. Volte para o seu website Squarespace. 2. Navegue até o menu de Design. 3. Carregue o novo logo na secção de logotipos. ## Personalização Adicional Pode personalizar seu website Squarespace ainda mais de uma forma ou outra: 1. Editar a cabeçalho do site 2. Adicionar novas secções 3. Mover secções para cima ou para baixo 4. Personalizar o conteúdo, texto e fundo de cada secção 5. Mudar os efeitos de imagem, opacidade e mais Divirta-se a criar seu website Squarespace! Caso encontre dificuldades, sinta-se livre para voltar a este guia para ajuda. # Movendo e formatando imagens e texto Esta seção vai mostrar como movimentar e formatar imagens e texto para torná-lo mais lido e visualmente atraente. ## Movendo a imagem Pode-se mover a imagem nesta secção de acordo com o desejado. Para colocar a imagem um pouco acima, siga estes passos: 1. No meio da página, navegue até uma posição desejada. 2. Escolha uma localização apropriada. Por exemplo: `lá em cima`. Assim, a imagem ficará melhor posicionada e menosmarcada na neve branca, melhorando a legibilidade. ## Removendo efeitos de imagem Se não há preferência para qualquer efeito de imagem, remova-o para preservar a qualidade original: 1. **Decide: ** Não há efeito de imagem desejado. 2. **Execução: ** Deixe-o desligado; deve ficar bom na neve. Por outro lado, se o desejar, pode tornar o texto mais marcante: ## Mudar a cor de fundo 1. **Navegue** para a opção de *Cores*. 2. **Selecione** uma cor de destaque desejada para mudar a cor de fundo. Por exemplo: *escuro*. Assim, a cor de fundo providenciará uma contraste com o texto e tornará-o mais marcante. No entanto, você deverá determinar a cor mais indicada com base no fundo de imagem que está usando. ## Formatando cabeçalhos e secções ### Seções de texto Estão disponíveis muitas secções de texto, como cabeçalhos e parágrafos. A estrutura de títulos foi preservada aqui. 1. Desloque a mão sobre uma seção para selecioná-la. 2. Ajuste o estilo, se necessário, como fazendo pela centralização do texto ou adicionando um título personalizado, como `Central para fotografia de Centauros`. Garanta que as cabeçalhos, como `h1`, `h2`, `h3`, etc. , sejam utilizados e realize as modificações necessárias de acordo com sua preferência, como alterar o estilo do texto, citas, ou marcadores. ## Personalizar botões e links ### Botões Personalize o tamanho, estilo e aparência do botão utilizando as opções disponíveis: 1. Escolha um tamanho, como `médio`. 2. Personalize o buffer. 3. Altere o rótulo do botão para a sua preferência, por exemplo, `exibe galeria`. Para links internos, navegue até a página desejada, como `portfolio`, clique em `configurações` para aplicar o link. Este é um breve resumo da edição e formatação nesta seção. Você poderá encontrar opções mais complexas ainda mais à frente no vídeo, como as opções de lista e cartão que economizam tempo ao construir sites web. Espero que este texto formatado em Markdown tornar seu conteúdo mais fácil de ler e entender! --- Nota que as URLs originais e termos específicos foram preservados no texto formatado. ## Editar imagens As imagens podem ser redimensionadas, explicado acima. Agora é possível ver que estas duas imagens apresentam sutil diferença. Uma delas parece mais suave ou com uma tonalidade mais leve enquanto a outra é mais agudida. Isoladamente elas não parecem muito boas, portanto a melhor opção seria: 1. Clique no botão "Editar" no lado esquerdo das imagens. 2. Depois, você pode editar as propriedades do editor de imagens e alterar características como brilho, contraste, sombreadores, etc. 3. Salve a alteração e veja se melhorou. Exemplo: ``` ### Editar imagens 1. Clique no botão "Editar" no lado esquerdo das imagens. 2. Depois, você pode editar as propriedades do editor de imagens e alterar características como brilho, contraste, sombreadores, etc. 3. Salve a alteração e veja se melhorou. Exemplo: augmentar o contraste e sombras. ``` --- ## Modificar o título Também é possível mudar o título ao clicar emle e editá-lo manualmente. ``` ### Modificar o título Clique nele e faça a sua edição. ``` --- ## Adicionar novos elementos É possível adicionar novos elementos ao segmento clicando no ícone de mais (+) e escolhendo o tipo de elemento desejado. ``` ### Adicionar novos elementos Clique no ícone de mais (+) e escolha o tipo de elemento a ser adicionado. ``` --- ## Remover elementos Também é possível Manter elementos desnecessários. Por exemplo, se você não gosta de um determinado texto, basta clicar nele e clicar em "Excluir". ``` ### Remover elementos Clique no elemento que deseja remover e clique em "Excluir". ``` --- ## Atualizar spacers É possível alterar o tamanho dos spacers clicando neles e ajustando o tamanho visualmente. ``` ### Atualizar spacers Clique no spacer que deseja editar e altere o tamanho visualmente com a drag and drop. ``` --- ## Carrossel Para exibição de um carrossel, é possível adicionar uma galeria de imagens de forma semelhante ao método anterior. ``` ### Carrossel É possível adicionar uma galeria de imagens e transformá-la em um carrossel. Avance ou volte usando os botões de navegação. ``` --- # Atualizando o seu site do Squarespace: Um Guia Passo a Passo Obrigado por considerar a atualização do seu site do Squarespace. Aqui está um guia para como realizar isso, destacando as diferenças entre planos e passos para definir um domínio personalizado. ## Definindo as Páginas Primeiro, vamos definir as páginas para o seu site atualizado. 1. **Aplicando alterações**: Navegue para as páginas que deseja modificar e clique em `Editar`. 2. **Realizando alterações**: Realize as alterações necessárias e clique em `OK` para as aplicar. 3. **Cancelando alterações (opcional)**: Se desejar cancelar as alterações, clique em `Cancelar`. 4. **Salvando alterações**: Quando estar satisfazido com as alterações, clique em `Concluído` e em seguida em `Salvar`. Isso o levará de volta à posição em que estava antes. ## Navegando no Site Agora que você está de volta na configuração inicial, você pode navegar pelo site. Clicando em elementos você será redirecionado para as seções desejadas. - Verifique se todas as ligações operam corretamente. - A partir do menu principal, pode ver que todas as ligações aparecem funcionais. ## Enviar um email (opcional) Se clicar no botão para enviar um email, talvez seja encaminhado para enviar um email. No entanto, se não desejar enviar um email logo agora, simplesmente navegue de volta para onde você estava antes. ## Atualizando o site Agora, vamos prosseguir para a atualização do site para um melhor plano. 1. **Escolhendo um Plano**: Procure os planos disponíveis e considere as suas diferenças. Imbre incurrente que o mais barato o (12$ por mês) oferece uma desconto se pagado anualmente. 2. **Pagando Anualmente**: Se estiver a planejar utilizar o Squarespace por períodos mais longos, recomendamos pagar anualmente em vez de mensalmente para economizar dinheiro. ## Definindo um Domínio Personalizado Definir um domínio personalizado é parte essencial de um site profissional. O Squarespace fornece uma avaliação gratuita de 15 dias para novos sites. - Para definir um domínio personalizado, navegue para `Configurações` > `Domínios`. - Aqui, pode optar por utilizar um domínio que já possui ou comprar um novo através do Squarespace. Para este guia, demonstraremos como utilizar um domínio comprado através do Squarespace. - Se desejar utilizar um domínio que já possui, siga os passos fornecidos pela Squarespace. ## Vantagens de um Domínio Personalizado - SSL Security: A segurança SSL é incluída em todos os planos do Squarespace, garantindo que seu site seja seguro, especialmente importante para lojas eletrônicas. - Armazenamento Ilimitado: Uma features essencial para grandes blogs, adição de fotos e vídeos a seu site. - Domínio Personalizado (Primeiro Ano Gratuito): Quando utilizar um domínio personalizado através do Squarespace, o primeiro ano é gratuito. Depois disso, deverá pagar anualmente. Depois de seguir estes passos, poderá ter um site do Squarespace atualizado magnífico com um domínio personalizado. Boa sorte nas suas novas criações! --- **Nota**: O código `l10` pode ser usado para obter uma desconto de 10% na primeira compra se optar por um subscrição de 12 meses inteira. # Guia de Configurações do Squarespace ## Mudança de Método de Pagamento Para mudar o método de pagamento, é um processo simples e rápido localizado na seção de faturação e conta. Esta característica é muitas vezes oculta em outros sites, mas o Squarespace a torna fácil de localizar e gerenciar. ## Cookies e Dados do Visitante O Squarespace permite gerenciar cookies e dados do visitante. Você pode ativar uma bandeja de cookies, pop-up, ou desabilitá-las completamente de acordo com as suas preferências. Se você não planejar utilizar cookies, poderá facilmente desabilitá-los. ## Barra de Informações na Mobilidade Com o plano Empresarial ou Avançado, você pode adicionar uma barra de informações na mobilidade. Para restaurantes ou empresas que operam nessa linha, esta característica é particularmente útil. Ela aparece como uma barra de chamada de ação na visualização móvel e permite mostrar informações úteis como email, número de telefone ou mapa. Desafortunadamente, esta opção não está disponível no plano padrão. ## Recursos Avançados Na seção avançada, você pode encontrar recursos como chaves API, injetão de código e SSL. Estes recursos são geralmente de interesse para desenvolvedores de código, especialmente ao se lidar com tarefas mais avançadas, como integração de código customizado ou tratamento de dados seguro (SSL). ## Áreas de Membros as áreas de membros podem ser úteis se você estiver gerenciando um curso online, um blog exclusivo ou oferecendo vídeos exclusivos. Elas permitem criar uma página de assinatura que captura emails ou exige pagamento pelo acesso. Esta opção é mais avançada e não pode ser necessária para todos os usuários. ## Edição do Header e Footer Você pode editar o seu header e footer para personalizar a aparência de seu site. Para o header, você pode escolher visualizar um logotipo, título do site ou ambos. Você também pode personalizar a posição de elementos, como botões, links de rede social e ícones de carrinho. No footer, você pode modificar o texto e links Carnes de cada item para páginas específicas de acordo com suas preferências. --- Em resumo, o Squarespace oferece uma variedade de opções de personalização através de suas configurações. De métodos de pagamento e dados do visitante até às barras de informações em mobilidade, áreas de membros e edição de header/footer, o Squarespace oferece uma ampla gama de recursos para ajudá-lo a suceder online. Divirta-se explorando e personalizando seu site do Squarespace! # Guia do Editor de Blog Antes de abordar o SEO, [clique aqui](#editor-de-blog) para acessar o editor de blog. O editor de blog oferece várias amostras padrão. Para começar a criar um novo post, siga estes passos: 1. Apague amostras desnecessárias clicando no botão **Apagar** ao lado de cada uma. 2. Clique no post de amostra desejado para abrir-o no editor. 3. No canto superior esquerdo, clique em **Editar** para modificar o post. 4. Mude o título digitando-o no campo especificado. 5. Escreva seu conteúdo no corpo doeditor, conservando a estrutura e a formatação necessária. 6. Para adicionar uma imagem, deslize o cursor até o local desejado até aparecer a pequena bolha, depois adicione a imagem desejada. 7. Para ajustar a posição da imagem, clique e arraste até a posição desejada. 8. Adicione uma legenda para a imagem abaixo dela. 9. Repita estes passos para adicionar mais imagens e texto quando necessário. 10. Quando estiver satisfeito, clique em **Salvar** ou em outras opções relevantes como **Publicar** ou **Agendamento**, dependendo de seus requisitos. ## Disponibilidade do Site 1. Vá para **Configurações** > **Disponibilidade do Site**. 2. Mude a disponibilidade do site de `Privado` para `Público`. 3. Salve as alterações para tornar o website público. Visite o website em [Nosso URL do Site](#) para ver as alterações. ## Duplicação de Posts de Blog 1. No painel de blogs, clique no botão com três pontos no canto inferior direito do post desejado. 2. Selecione **Duplicar** para criar um modelo idêntico para um novo post. Usando este método economiza tempo e mantém consistência acima dos posts de blog. ## Configurações de SEO 1. Navegue para a página ou post desejado. 2. Clique em **SEO** no menu de Configurações. 3. Personalize o **Título do SEO**, **Descrição do SEO**, e **Imagem de Rede Social** conforme necessário para melhor otimização em motores de busca. ### Dicas de SEO para Blogs - Faça o URL limpo e usuário-amigável para melhor SEO e navegação. - Faça a descrição do SEO curta, tendo-se em conta que deve ter 250 caracteres ou menos para garantir a leitura em vários dispositivos. - Use imagens relevantes como a imagem de rede social para compartilhar no Facebook. - Otimize imagens para carregar mais rapidamente e visualizar corretamente em diferentes dispositivos. Encontre mais ferramentas de pesquisa de palavra-chave como [SEMrush](https://www.semrush.com/) para ajudar a criar conteúdo otimizado para motores de busca. Boa sorte no seu blog! 🌐📝 # Vídeo 6: [Link do Vídeo em Inglês](https://www.youtube.com/watch?v=zhGeMvDxiBQ) (Idioma: en) ## Introdução Neste tutorial completo, vamos te guiar passo a passo em como começar um website de marketing de afiliados para que possa fazer dinheiro online. Este conteúdo é totalmente gratuito e real. Leia atentamente esta página antes de começar: estamos apenas fornecendo uma revisão do tutorial em Markdown e não estamos endossando ou ajudando em suas atividades de marketing de afiliados. --- ## Parte 1: Domínio e Hospedagem ### Domínio Primeiro, precisamos discutir sobre onde obter o seu website e como o nome do website deve ser chamado. ### Hospedagem Neste passo, vamos discutir sobre como configurar o processo inicial de ativar o website e fazê-lo enviar online. Após discutirmos sobre o domínio e hospedagem, falaremos sobre o WordPress e outras opções para construir um website. --- ## Parte 2: Instalar WordPress e Construir o website ### Instalar WordPress Após discutir o domínio e hospedagem, vamos falar sobre a instalação do WordPress e outras opções disponíveis para construir um website. ### Construir o Website *você não precisa ser um especialista em computação para construir o seu website, e nem todos os que o construíram possuíam muitos conhecimentos de computação antes de começar. * --- ## Parte 3: Criar conteúdo e otimização para pesquisa ### Criar Conteúdo ``` No momento em que começar a criar conteúdo, poderemos discutir o tipo de artigos que devem ser escritos e a estratégia por trás deles. ``` ### Otimização para Pesquisa *vamos discutir sobre como melhorar a posição do seu website em buscadores de pesquisa para que seja mais facilmente acessado pelos usuários. * --- ## Conclusão *É importante lembrar que o marketing de afiliados já existia há vários anos e os maiores websites do mundo primariamente obtêm sua renda através de marketing de afiliados. Enquanto existe uma nação de pessoas dishonestas que escrevem resenhas falsas para promover produtos, vamos discutir como se proteger da estratégia e tornar o seu website um sucesso financeiro. * # Fase de 12 meses: Construção do seu site de afiliados Este guia irá te guiar pelo processo de criação de um site de marketing de afiliados usando o domínio [nation do suplemento](http://nation do suplemento. com) como exemplo, mas sinta-se à vontade para escolher qualquer direção que seja adequada às suas preferências. ## Registro de Domínios - Compre o domínio para o seu site de afiliados (por exemplo, nation do suplemento. com) - Considere ativar a privacidade do domínio para evitar o spam (disponível a um custo adicional de 12 dólares por ano) ## Site Ground Scanner do Site - Não precisarás deste inicialmente, mas talvez seja necessário ao longo do tempo, ao seu site crescer e receber mais tráfego, para proteger-se contra tentativas de hacking ou injeções de código malicioso. ## Criação do seu Site de Marketing de Afiliados 1. Navegue para a área do cliente e aguarde a criação do seu website. 2. Apontar o domínio para a nova página web ou migrar um site existente. 3. Configurar um novo site WordPress (em caso de venda de produtos, considere configurar o WooCommerce como um plugin WordPress de e-commerce). 4. Crie um login de WordPress para gerir o teu site. 5. Configurar HTTPS para proteger o teu site e melhorar a privacidade dos utilizadores. ## Customização do teu Site WordPress - Instale temas para customizar a aparência do teu site. Utilize o tema popular, Astra, para iniciantes. - Modificar as definições, como os links permanentes, para tornar a estrutura URL mais amigável aos utilizadores e aos motores de busca. **Nota Importante: ** Este é apenas um ponto de partida para criar um site de marketing de afiliados. Terás de investir mais tempo em designer e optimizar o teu site para torná-lo atraente e funcional para o teu público-alvo. Fique atento a mais guias sobre a optimização do conteúdo, conduzir tráfego e aumentar as conversões no teu site de marketing de afiliados. # Criando e otimizando o seu website de marketing de afiliados em WordPress ## Introdução Neste guia, iremos caminhar por passos na criação e otimização de um website de marketing de afiliados em WordPress. Enquanto este exemplo se foca num website para supletos, as principais ideias se aplicam a qualquer nicho de marketing de afiliados. Vamos abordar temas como organização da sua conteúdo, escolha de plugins importantes e otimização da aparência e estrutura de menu do seu website. Vamos começar! ## Criando as suas seções de website 1. Altere o título do site para evitar confusão e melhor definir a sua identidade de marca. Para nosso exemplo, o título passa a ser "Suplementos Nation" com um lema como "Let's Get Swole! " 2. Comece a construir o seu site criando páginas. Começamos por uma Home, um Blog e uma página Sobre nós. Talvez quereses priorizar criar um pequeno número de páginas para evitar se sentir em overwhelmed por várias opções inicialmente. 3. A partir do painel de controle WordPress, selecione "Páginas > Novo, " e siga os passos para criar cada página (Home, Blog e Sobre nós). Depois de criar a página Sobre nós, pode narrar a sua história para ajudar a estabelecer a sua credibilidade sobre o assunto(s) que o nossa blog trata. Isso ajuda a aumentar a confiança com os leitores. ## Designando o layout 1. Para criar e personalizar o teu menu, clica em "Apaerência > Menus. " Nosso exemplo, vamos criar um "Menu Principal" que inclua as secções "Home", "Blog", e "Sobre nós". Você também pode reorganizar ou até mesmo criar submenus para uma navegação organizada. 2. Instale plugins essenciais para melhorar a funcionalidade e streamliner o gerenciamento do teu site. Os plugins recomendados são: - Elementor: um builder de páginas de arrastar e soltar versátil (a versão gratuita será suficiente enquanto começar, com versões premium disponíveis mais tarde. ) - Essential Add-ons for Elementor: um addon que melhora as capacidades de Elementor para melhorar a eficiência na construção de um website. - Links Bonitos: um plugin utilizado para rastrear links, tornando-os mais fáceis de gerir e otimizar para marketing de afiliados. 3. Com integres dos links bons, selecione "Plugins > Instalados. " Procure o plugin, então clique em "Activate. " Insira a sua informação desejada, e avance a esconder os links através da sequência de passos na tela de plugin. 4. Configure as definições de site e layouts de página com os pluguns restantes, eliminando os plugins inúteis e finetuning a tua tema e as suas opções através do uso de Invidalla. 5. A instalação de Yoast SEO é importante para a otimização de conteúdo, optimização de posts e páginas, e o aumento das posições nas populars tengas buscadores como Google. Instale e configure Yoast SEO no health vane women daily pills your WordPress Dashboard, garantindo uma exposição SEO ótima para os teus posts e páginas. Agora tens um Website de marketing de afiliados otimizado em WordPress! Com pensamentos metodicamente organizados e o conjunto certos de ferramentas em mãos, a construção e crescimento de um negócio de marketing de afiliados jamais foi tão fácil. Apliques boas práticas ao promover apenas aqueles produtos que tens verificado pessoalmente para garantir uma relação duradoura e confiável com o teu público. Boa sorte no caminho para o sucesso! > Sempre lembra-te de "Optar por artigos, conteúdo e relacionamentos de alta qualidade ao invés apenas do dinheiro. " Feliz a criar! # Amentando a aparência de nosso site WordPress ## Preparando para as páginas Inicial, Blog e Sobre Nós Antes de começarmos a construir as nossas páginas inicial, blog e Sobre Nós, queremos limpar a aparência atual do nosso site. Aqui está como fazer isso: 1. **Personalização das configurações da página Inicial** Para alterar as configurações de como a página Inicial appearances, siga os seguintes passos: - Acesse o nosso site e clique em `Personalizar` acima do nosso nome. - No menu de personalização, clique em `Configurações da Página Inicial`. - Desça uma pelada e altere a página Inicial para uma página estática. - Selecione`Página Estática` e defina a página Inicial como `Home` e a página de post como `Blog`. 2. **Remoção do Painel Lateral** Para remover o painel lateral: - No menu de personalização, clique em `Painel Lateral`. - Desmarque `Painel Lateral` e clique em `OK`. 3. **Usando o Elementor para construir a página Inicial** - Volte para o painel de controle do WordPress do nosso site. - Clique em `Elementor` (ou páginas) para começar a construir a nossa página Inicial. 4. **Localizar e Importar um Modelo** - Vá para `Elementos` e clique em `Elementos`. - Therefore the terms and conditions and clique em `Continue`. - Agora podemos navegar pela galeria de modelos gratuitos e premium em Elementos Envato. - Desça até encontrar os modelos gratuítos no fundo da página. - Escolha um modelo que corresponda às nossas necessidades e clique nele para importá-lo no nosso site. Com estas etapas, deveriamos ter uma página Inicial mais limpa e profissional para nosso site. Agora podemos continuar a construir nossa página Inicial, blog e Sobre Nós usando o Elementor. # Guia da Marketing na Afiliação: Fornecendo revisões de qualidade e valor A manutenção de altos padrões é fundamental ao realizar revisões de produtos como profissional de marketing na afiliação. É importante lembrar que promover produtos de baixa qualidade pode prejudicar tanto sua reputação quanto a confiança de seu público. ## A importância de fornecer valor 1. Evite promover produtos sem uma clara compreensão de seu valor para seu público. 2. Realizando revisões de produto meaningful ajuda a atrair e manter visitantes no seu site. 3. As websites de afiliação de ponta fornecem revisões objectivas e de valor para os leitores que eles podem confiar. ## Instalar um Plugin de Botões de Compartilhamento em Mídias Sociais Neste guia, você vai descobrir como instalar um plugin de botões de compartilhamento em mídias sociais para aumentar a visibilidade de seu conteúdo. 1. Navegue para o painel de controle do WordPress. 2. Vá para Plugins > Novo. 3. Pesquise por "botões de compartilhamento em mídias sociais". 4. Instale e ative o plugins "Botões de compartilhamento em Mídias Sociais e Fotos de difusão compartilhadas". ## Configurando o plugin 1. Após a ativação, vá para Configuração > Botões de compartilhamento. 2. Escolha as plataformas de mídias sociais que você deseja incluir, tais como Twitter, Facebook, LinkedIn, Instagram e Telegram. 3. Decida onde você deseja que os ícones de compartilhamento apareçam, como após a publicação ou em um widget. 4. Salve suas configurações. ## Coletando e rastreando emails e desempenho do site 1. Considere instalar o MailChimp ou algum plugin de coleta de emails semelhante para manter a interação com seu público. 2. Instale um plugin de rastreamento de análise de sites, como MonsterInsights, para rastrear o desempenho e o comportamento dos visitantes do seu site. ## Console de Pesquisa do Google 1. Entre no Console de Pesquisa do Google para seu site para rastrear seu desempenho e melhorias ao longo do tempo. 2. Use os dados coletados para analisar suas sucessões e áreas para melhoria na sua estratégia de marketing na afiliação. # Affiliate Marketing: Análise de Desempenho com Google Search Console e Google Analytics O marketing de afiliados é um exemplo interessante. Vamos olhar para nossas impressões totais e comparar isso com nossa posição média, por exemplo. Para artigos, você pode ver que, uma vez, a posição média estava bastante alta pois não tinhamos nada mais, então estávamos a nível de ranking alto quando as pessoas pesquisavam especificamente o nosso domínio. No entanto, ao longo do tempo, começamos a publicar artigos e a posição total aumentou. É importante lembrar que impressões e cliques são fundamentais. Você pode usar esta Consola de Pesquisa do Google em combinação com o Analytics do Google para obter uma compreensão abrangente do tráfego da sua página e quanto se está a fazer para termos específicos. Por exemplo, se criar um artigo sobre os suplementos melhores, você encontrará que o artigo está aqui (sob Páginas). Pode verificar a sua posição média para a palavra-chave "melhores suplementos para 2020". Se a posição média for alta (por exemplo, 100), poderá querer se concentrar em melhorar o seu ranking nos resultados da pesquisa do Google. Isso é um método de gerar tráfego através de SEO (Optimização de Pesquisa no Enginge, que abordaremos em breve. Além disso, recomendo verificar o Ahrefs. É uma ferramenta popular que pode fornecer um grande volume de dados. Embora não seja barato, eles oferecem um período de avaliação de 7 dias por apenas $ 7. É uma ferramenta útil para ajudá-lo a classificar o site da sua aplicação. Agora vou levá-lo a uma conta de borrador para mostrar-lhe ao redor e demonstração de como utilizar o Ahrefs também. Esta é a página do Ahrefs, e existem várias opções interessantes nesta página. Temos a Painel, Explorador do Site, Explorador de Palavras-Chave, entre outras coisas. Se estiver a procurar novas palavras-chave, ainda que se preocupe quanto ao número de buscas que as pessoas estão a fazer por palavras-chave específicas e o quais devem alvo, isso pode ser muito útil. Além disso, pode utilizar o Ahrefs para examinar sites inteiros. Por exemplo, permite-me abrir uma nova pesquisa na Google e digitar "suplementos para homens 2020". Aqui, podemos encontrar exemplos como saúde do homem, verywellfit, calma, etc. Estes sites podem fornecer idéias para seus próprios links de afiliação. Em termos da performance determinantes de um site, os links cruzados são importantes. O Google se preocupa quanto aos links cruzados porque sauce credibilidade se grandes sites linkam para o seu site. Links cruzados enviam "juice" para o site, indicando que talvez seja um site legítimo. Por exemplo, o site verywellfit. com parece estar a fazer bem. Vamos verificar agora o seu tráfego estimado. O site verywellfit. com é estimado a receber cerca de 2, 7 milhões de palavras-chave orgânicas mensais, 4, 6 milhões de tráfego orgânico, e um valor de tráfego de $ 4, 4 milhões. Isso não significa necessariamente que eles estão a ganhar $ 4, 4 milhões, mas indica que, se quisessem o mesmo volume de tráfego através de publicidade, iriam necessitar de gastar cerca de $ 4, 4 milhões. Em resumo, o Ahrefs é uma ferramenta poderosa que pode ajudá-lo a construir, a classificar e a arrecadar dinheiro do seu site enunciando vários fatores importantes como links cruzados. Iremos continuar com mais insights sobre SEO e marketing de afiliados nos minutos que vêm! ## Ferramentas de Sucesso - Consola de Pesquisa do Google - Analytics do Google - Ahrefs ## Resultados Chave - Links cruzados: Importantes pois o Google se preocupa com eles, mostrando credibilidade quando grandes sites linkam para o seu site. - Palavras-Chave Orgânicas: O número mensal de palavras-chave orgânicas que um site está a receber. - Tráfego Orgânico: O número mensal de tráfego orgânico que um site recebe. - Valor de Tráfego: O valor estimado do tráfego mensal orgânico, considerando o dinheiro que um site precisaria de gastar na publicidade para receber o mesmo volume de tráfego. # Guia sobre a Seleção e Melhoria do seu Documento Técnico com Markdown ## Introdução Markdown é uma linguagem marcada-ligeiro popular que podemos utilizar para adicionar elementos de formato a documentos de texto simples. Este guia irá ajuda-lhe a melhorar e estruturar sua documentação técnica em Markdown seguiendo algumas diretrizes: 1. Formatação: ** Utilize "#" para título e subtópicos, "**" para texto negrito, "```" para códigos em linhas, " " para citações, e "- ou \*" para lists, e "" para separações. 2. **Estrutura: ** Divida o teor em sectiones claras com título e utilizará parágrafo para separar as ideas, mantenga as bullet lists e persevere nas hierarquias de titolo. 3. **Content: ** Corrique spelling errors e erros de gramático, terce a pessoa fica em francês e terms técnica mantenidas, perserve os commando e bocados do códigos como estao, e retenha links e referentes. ## Procurando palavras-chave na linha de artigos suplementos Quando estar a criar artigos ou revisão, é relevante que nos foces em palavras-chave especifica e longha. A sua maneiro de se virar aquistas palavra-chaves em tuis documentos: ** 1. Incuide as teuas áreas target no título da tua análise de artigos/revisação. 2. Enchi a descrição meta em palavrasse relaciónadas. 3. Nunca aquises a tecnica escriture sobre o mesmo assuntos enganando as ta tua readership. Em vez de “melhores suplementares, ” considera focando em palavras-chave mais precisas: “melhor suplementados para homnes de 40 anos“, “melhors supletamentos de homnes mais de 40 anos, “ ou “melhos supletemantos do exercíço. ” 4. Sòguere mais hobbieis especìficos nos teus aartigos com relaçãoo a tesa. 5. Ten que o tual nich na relaciónio com as tecnica do tutor e cintidates interésis. 6. **Iniciando ou Criação de Nixhe: ** **Para ua succesivve site de Mercado Afilliate, tuve as seguinte suggestions: ** * Ten a curiosidade para nunca a paixão toa tao grande 2. Scope for specificas hobbess para crearc tua maneira paínteles, es faicil dorad de teusa paínte para ellès quando ten dorad explicidade co tesónio * Investigue índustirias existenctes no MercadoAfilliate achaques – acho ca que ka tal indústoia te lle potes marcated * Amas cundas das tenas teous hobbès e fé-la da lista pa ver se tu poudeseñalha’l uma niche saíta da lista 5. Aqueça a adequata indústoio pa tiéres teçudo pa tal tesa relaciónia-lha ka tua passiõ nivel * Para o apresentação products en la línea do mesmo nixhe, toma essis passos a seguir pa promover esses products nos tesoiuos duscritoss: 6. Entras no programans de MercadeAfilliantes, aske Impactos. com **ou sema similar. ** 7. Resta nasca a nikh a pesucar achos brandes. 8. Le e agrada’l as regas dos rateos de condición offerbidos de coada marca en la aicha a seguir a la aplicacions. 8. Apply da aplicaions pa acesso àl programans xa ossu contente es audiendse. 9. Alimenta aqua te conexion pardónnase a comunicação dos brands e que ten desíres pa negotiate’a condición kada aplic # Video 7: Construindo o seu primeiro websites com o Godaddy's Website Builder (Pt-PT) Bem-vindo de volta ao canal! Neste vídeo, mostrar-lhe-á tudo o que precisa saber para criar o seu primeiro site utilizando o Godaddy's Website Builder. **Quando se começar um site, pode ser terrível de intimidar se não sabe o que se está a fazer. ** Há muitas maneiras diferentes para fazer isso, e você pode pensar que há programação involvidada. Mas a riqueza é que o Godaddy's Website Builder faz o processo bem fácil de criar um site profissional, mesmo que você tenha nenhum experiência. Não necessitará de programação, e, no geral, todo o processo é simples e fácil de acessar quando se tenta criar um site. Estas websites podem ser para qualquer coisa – um casamento, empresas, gerar lideranças para uma administração, um portfólio online se você é um artista, um projeto, escola – **não importa o que você está a tentar fazer. ** Vou mostrar-lhe passo a passo tudo o que precisará saber como iniciado. Cada vez que navegamos na internet ou assistimos a vídeos, **a maior parte das visitas vai estar no móvel. ** Pessoas frequentemente se esquecem disso quando estão a construir um site porque forma principalmente construir sitios no escritório ou no velho Lcd. Porém, lembre-se, uma parte significativa dos visitantes vai estar no seu celular, então sempre lembre-se da acessibilidade móvel quando for projetar o seu site. Parta comigo! Para compreender o desenvolvimento do seu site, **copie o link da descrição deste vídeo** e cole-a em uma nova guia do navegador. Isso garante que todos começarmos no mesmo ponto. Agora, precisará criar uma conta. Quando cria uma conta, ser-lhe-á perguntado várias questões, como a categoria do seu site e o nome do seu site. Tente escolher a categoria que seja a mais próxima da sua categoria real. Por exemplo, se você estiver a construir um site para fotografia ou para casamentos, é recomendável escolher opções semelhantes. Está agora pronto para ir! O Godaddy vai configurar o seu site automaticamente com base na categoria que escolheu. Se você não gostar do tema que escolheu para você, pode escolher um diferente alguns. No lado direito, pode pré-visualizar o seu site e editar o ou publicá-lo. Lembre-se do grande e do pequeno entre as visões do desktop e do mobile – uma grande parte de seu público vai estar no móvel, então você deve testar o site em ambas as visões antes de publicar. Não se esqueça de comprar o site após a configuração. Essa é uma visão basicca do uso do Godaddy's Website Builder. Em vídeos futuros, mostrar-lhe-á informações e dicas adicionais sobre como classificar o seu site e construir um negócio de marketing de afiliados. Muito obrigado por assistir, e, lembram-se de clicar no botão de "inscreva-se", envie uma mensagem no Instagram e volte a voltar a semana próxima! === Video 7: https://www.youtube.com/watch?v=7LAkVYe4Lj8 (Idioma: en) # Guia Compreensivo para Otimização do Tema do Seu Site com GoDaddy ## Introdução Este guia tem por objetivo ajudá-lo a otimizar o seu tema GoDaddy de acordo com os requisitos da sua empresa. Neste tutorial, iremos passar por várias secções e ferramentas que a GoDaddy fornece para uma experiência de website personalizada. ## Escolha de um Tema Escolha um tema que se adapte às suas necessidades e seja coerente com a sua marca. Pode encontrar muitos temas diferentes que se adaptam a vários fins, mas certifique-se de escolher um que se adapte às suas necessidades específicas. ## Personalização de Cores Personalize os esquemas de cores para corresponder à sua marca e logotipo. Pode facilmente encontrar um código de cor HTML identificador na Google para um correspondente exato do seu logotipo. ## Escolha de Fonte Escolha as combinações de fonte para cabeçalhos e texto de corpo que pareçam limpos e profissionais. Procure fontes que sejam harmoniosas e melhorem a legibilidade do site. ## Gestão de Seções - **Seções** - Cada seção tem um propósito único no seu site. - Pode adicionar, mover ou eliminar seções para criar o layout preferido. - **Tema** - Mude a cor das seções conforme a sua preferência. - Carregue o seu logotipo para que o tema corresponda à sua marcação corporativa. ## Galeria de Fotos e Blog - **Galeria de Fotos** - Use a galeria de fotos para conteúdo visualmente atraente. - Personalize a galeria e escolha as seções adequadas. - **Blog** - Use o blog para publicar artigos e postagens. - Comece a escrever para que as suas postagens do blog sejam exibidas. ## Gestão de Páginas - **Gerenciar Páginas** - Adicione, reorganize, duplique e elimine páginas para criar um site multipágina. - Defina a privacidade, navegação e conteúdo para cada página conforme necessário. ## Estrutura & Layout - **Navegação** - Personalize as barras de navegação para incluir ou excluir links conforme necessário. - Organize e reorganize itens de menu conforme desejado. ## Personalização de Seções - **Seções** - Escolha a seção adequada para cada página do seu site. - Adicione, mover ou eliminar seções para otimizar o layout do site. ## Em Resumo Para otimizar o seu tema GoDaddy, siga estes passos: 1. Escolha um tema adequado. 2. Personalize as cores, fontes e outras configurações para corresponder à sua marca. 3. Defina a sua navegação, páginas e seções conforme necessário. 4. Personalize cada seção para um layout otimizado e atraente. ## Leitura adicional & Recursos Para mais informação, visite o [Centro de Ajuda da GoDaddy](https://www.godaddy.com/help/create-a-website-166356) para aprender mais sobre a criação de sites com a GoDaddy. # Criando um Post de Blog usando GoDaddy Sites (Markdown) Como criar um post de blog no GoDaddy Sites (Markdown) ## Iniciando Aqui você aprenderá a criar um post de blog no GoDaddy Sites. ### Criar um novo post 1. Clique no botão "Adicionar" que está localizado acima da seção de posts. 2. insira o título do seu post no campo fornecido. 3. Clique no botão "Adicionar". ### Adição de um divisor 1. Pode adicionar um divisor clicando no botão "Adicionar" e escolhendo "Divisor". ### Adição de uma imagem 1. Pode adicionar uma imagem clicando no botão "Adicionar" e escolhendo "Imagem". 2. Muitas opções de imagens estão disponíveis, como uma simples busca de imagem ou a possibilidade de carregar uma imagem de sua própria coleção. ### Adição de texto 1. Para adicionar texto, clique fora da imagem ou outros elements na área do post. 2. Comece a digitar seu texto. ## Formatação de texto ### Negrito Para criar texto negrito, utilize dois sinais de sublinhados (**) ao redor do texto. Por exemplo: `**negrito**`. ### Citações Para criar uma citação, use três motivos de sotaque (`>>>`) ao redor do texto. Por exemplo: `>>> Aqui está a citação <<<`. ### Links Para criar um link, selecione o texto desejado, clique com o botão direito do mouse e escolha "Adicionar link" ou utilize o formato de Markdown: `[Texto do link](https://endereço-do-link)`. ## Conclusão Após terminar de criar e formatar seu post de blog, clique no botão "Publicar" para torná-lo visível ao público. --- Acesse a [documentação oficial do GoDaddy Sites para obter mais informações](https://docs.godaddy.com/pt_US/websites/builder/godaddy-sites/articles/create-a-post). # **Guia do Editor de Site: Godaddy Website Builder** Este guia é uma introdução básica ao editor de site da GoDaddy. As diferentes seções podem ter funcionalidades diferentes e você poderá editar apenas parte das opções disponíveis. ## **Seção Principal** Nesta seção, encontrará textos importantes e opções de configuração, mas o conteúdo central não poderá ser movido. Você poderá modificar: 1. Média de cobertura (Cover media): - Trocar a imagem - Alterar a cor de fundo da seção 2. Alinhamento: - Colocar o texto no centro (padrão), ou na esquerda ou direita. 3. Título de navegação na parte superior (fundo de navegação): - Trocar o texto - Definir um fundo de navegação nas cores do tema ## **Edição de Seção** Clicando em uma seção, abrirá uma área de edição à direita. Algumas das funcionalidades disponíveis incluem: ### **Promoção** Adicione uma promoção útil na parte superior de sua página, por exemplo, *Transporte Gratuito em Todas as Encomendas*. ### **Navegação do Site** É possível editar o menu de navegação na parte superior da seção de navegação. Algumas seções não podem conter links. ### **Banner de Promoção** Pode-se adicionar um banner de promoção no topo da página com informações, por exemplo, sobre promoções ou atualizações. ### **Logotipo** Adicione seu logotipo ou nome no topo da página. É também possível editar essa área selecionando a imagem ou a área de texto na área de edição lateral. ### **Botão de Ação** É possível alterar o texto e o destino deste botão. Por exemplo, *Saber Mais*. ## **Edição de Texto** É possível editar o texto em todos estes campos de texto e adicionar hiperlinks onde desejado. Simplesmente selecione o texto para editar e utilize os botões na área de edição lateral à direita para adicionar o conteúdo ou a formatação desejados. ## **Considerações Finais** Esse guia forneceu algumas das funcionalidades mais importantes do editor de site da GoDaddy. Para editar seu site completo, continue explorando as diferentes seções e editar conforme necessário. Lembrete-se de verificar os outros páginas e editar-lhes também. Todos os links e URLs incluídos no texto foram preservados. A maioria das referências às pastas [minérios familiares] e [minérios mais raros] estão inalteradas. # Vídeo 8: Tutorial de Criação do Primeiro Site no Squarespace (EN) ## Introdução Bem-vindo ao meu canal onde vou te mostrar como criar o seu primeiro site no Squarespace. Neste tutorial, vou te levar por etapas na utilização dos ferramentais, de sua posição e utilização, para que consigas efetivamente construir o seu primeiro site no Squarespace. Este é um tutorial para iniciantes, portanto, vamos cobrir todos os passos. Se tiveres questões sobre o conteúdo, revise a descrição para encontrar um resumo dos temas abordados no vídeo. ## Panorama do Squarespace - Plataforma utilizadora e incluível em todos os sentidos - Elimina a necessidade de codar e oferece uma interface gráfica de utilizador drag-and-drop - Os modelos são otimizados para diferentes plataformas, fazendo com que seja difícil engessar o design - Não precisas contratar desenvolvedores para codar, pois o Squarespace faz isso internamente ## Quem pode beneficiar de um site no Squarespace - Blogs - Lojas de e-commerce - Cursos on-line - Sítios pessoais como resumos ou portfólios - Fotógrafos - E mais! ## Iniciando com o Squarespace 1. **Entrar ou Criar uma Conta**: Aceda ao site do Squarespace e faça login ou crie uma conta. O processo pode parecer diferente dependendo do navegador ou conta, mas normalmente encontrarás os botões "Entrar" ou "Criar Conta" no canto superior direito. 2. **Selecione um Modelo**: O Squarespace oferece vários modelos baseados no tipo de negócio ou site. Podes os encontrar ao lado esquerdo ou digitando o negócio ou premissa de site no cimo para ter modelos recomendados. 3. **Veja a Previsualização do Modelo**: Antes de escolher um modelo, veja a previsualização para garantir que o modelo satisfaça as tus requisitos. Podes ver a previsualização do site completo ou um janela de previsualização mais pequena. 4. **Ver o Design nos Dispositivos Diferentes**: É importante verificar o design nos modos tablet e mobile, pois 60% da navegação online é feita através de dispositivos móveis hoje em dia. 5. **Personalize o Design**: Depois de escolher um modelo, podes personalizar a sua por adição de páginas, imagens e outras modificações necessárias. ## Conclusão Ficará no teu próximo vídeo a respeito do Squarespace e outros geradores de site! Se encontraste este vídeo útil, por favor, deixe uma like, subscreve e deixa um comentário. Obrigado por assistir, e veremos-nos no próximo! --- Referências: - [Review do Gerador de Site Squarespace](https://www.websitebuilderexpert.com/squarespace-review/) - [Galeria de Modelos do Squarespace](https://www.squarespace.com/templates/) - [Canva – Ferramenta de Design Grátis](https://www.canva.com/) # Design e Edição de Blocos Como você pode ver, o design de bloco é uma ferramenta importante para editarmos nosso site. Aqui estão algumas instruções para uso dela: ## Sobre Cada bloco tem uma seção "Sobre" que pode ser editada. Para editarmos essa seção, podemos selecioná-la e alterar o texto. Por exemplo, podemos alterar a seção "pickled perfection" para " São Trails". ``` São Trails ``` ## Edição de Texto Você pode editar o texto de qualquer bloco selecionando-o e utilizando as ferramentas de edição disponíveis na barra de ferramentas. Alterarmos o texto para o desejado é simples de fazer. ## Links Para adicionarmos um link a um texto, podemos selecioná-lo e clicarmos no botão de link na barra de ferramentas. Podemos então colocar a URL do link. ``` San Trail comm slash blog ``` ## Posição de Blocos Podemos arrastar e soltar qualquer bloco para alterarmos sua posição. Em geral, existem defeitos de espaçamento, mas podemos alterarmos esses espaçamentos para adaptarmos o layout ao nosso gosto. ## Adição de Blocos Clicando no botão "+" ao lado de um bloco, podemos adicionarmos outros blocos de conteúdo. Existem várias opções de conteúdo, como texto, imagens, vídeos e espaços. ## Botões Podemos adicionar um botão à qualquer parte do site clicando no botão "+" e adicionando uma caixa de texto com um link-de-transição. O botão pode ser posicionado em qualquer lugar no site e possui muitas opções de configuração. ## SEO Para melhorar a visibilidade de nosso site em buscadores de texto, certifiquem-se de configurar as seções de SEO nas páginas do nosso site. Incluirmos descrições e tags-de-meta ajudarão a melhorar a visibilidade de nosso site. Isso é apenas uma introdução ao design de bloco em um site. Sugerimos que você explore todas as opções disponíveis para encontrarmos o layout que melhor se adapta ao nosso site. Lembrar que podemos arrastar e soltar qualquer bloco para alterarmos sua posição e configurar o layout exatamente à nossa maneira. # Documentação: Edição de Produtos e Blogs usando Squarespace Este guia irá te ajudar a editar produtos e blogues no seu site Squarespace. ## Edição de Produtos 1. Navegue para a página **Loja** no seu painel de controle. 2. Clique duas vezes em qualquer produto para abrir as opções do produto. 3. Aqui, você pode: - Adicionar imagens para seus produtos. - Definir o preço, especialmente para produtos de assinatura. - Selecionar o tipo de produto, como produto indentificado. - Adicionar uma URL do produto para acesso fácil. - Preencha informações de SEO para melhor otimização de motores de busca. - Altere as configurações de exibição em redes sociais. - Salve suas alterações. 4. Você pode facilmente reorganizar itens dentro do layout da loja. ## Edição de Blogues 1. Navegue para a página **Página de cópia** no seu painel de controle. 2. A interface pode parecer complexa inicialmente, mas vai se tornar familiar ao uso. 3. Você pode criar e editar postagens de blog individualmente ou usar projetos intermediários e postagens agendadas. 4. Use o ícone de mais no topo para criar uma nova postagem. 5. Cada postagem tem as opções como: - URL do postagem para melhor SEO. - Informações do autor do post. - URL de origem para conteúdo adicional. - Otimização de SEO. - Opções de compartilhamento em redes sociais. - Categorias e etiquetas de blog para melhor organização e busca. - Comentários (ativos ou inativos) para interação com o usuário. 6. Salve, marque como pendente ou publique suas postagens conforme desejado. ### Dicas adicionais: 1. Verifique a estrutura do site (design) para fazer alterações que se apliquem ao seu site em geral. 2. Use as visualizações em tela completa e pré-visualizações no dispositivo móvel para garantir que seu site pareça bom em diferentes dispositivos. 3. Faça uso do assistente (ícone de interrogação no canto inferior direito) para recordações e ajuda. 4. Tenha em mente as tendências de sites, pois mais tráfego trasnsita para plataformas móveis. Divirta-se à criação e edição de seu conteúdo! 😀 # Tutorial: Configurar o Primer Website no Squarespace Isto é uma orientação básica, o que se aplica neste caso é o conteúdo, o gerenciamento de estoque, descontos e mais. Aqui está um resumo: ## Gerenciamento de Pedidos e Estoque - Você pode ter recordes quando sua estoque está esgotando. - Os pagamentos e o checkout podem ser configurados facilmente. ## Marketing - A otimização SEO é disponível. - Designs publicitários pop-up para capturar emails ou encorajar ações no seu website são um ótimo recurso chamativos. ## Importações, Promoção em Instagram e Botões de Compartilhamento - O marketing proporciona diferentes ferramentas para interação e compartilhamento. ## Agendamento e Análises - O agendamento está disponível para reuniões e agendamentos. - As análises fornecem informações sobre as vendas e o tráfego, ajudando-o a otimizar seu site e produtos. ## Comentários e Configurações - A visibilidade do site pode ser definida com base se o site foi publicado ou não. - Você pode escolher um plano, um domínio personalizado, segurança, banda larga ilimitada e armazenamento ilimitado. ## Configuração do Domínio - Você precisará de um domínio para publicar o seu website. Você pode comprar um domínio através do Squarespace ou conectar o seu domínio existente. ## Configuração de E-mail (Recomendado) - configure um e-mail profissional com o G Suite para uma aparência mais polida. ## Conclusão - Começe a construir e a praticar o seu website. Não se preocupe se não parecer perfeito no início. Aprenderá mais sobre as ferramentas e se tornará mais habilidoso ao longo do caminho. - Obrigado para assistir. Se este vídeo te ajudou, por favor diga seu parecer e inscreva-se. Voltemos a next time. --- # Tutorial: Configurar a Sua Primeira Loja Online no Wix Neste tutorial, irei te mostrar tudo o que precisar de saber para configurar a sua primeira loja online usando o Wix. Este vídeo é para lojas online com o uso do Wix, uma ferramenta de construção de website potente e fácil de usar. 1. Abre um browser web, como o Google Chrome. - Vá para o site do Wix clicando no link fornecido na descrição do vídeo. - Clique no botão "Começar" ou similar. - Crie uma conta ou faça login se já tem uma. 2. Escolha o tipo de site. - Como estamos construindo uma loja online, selecione "Loja Online". 3. Escolha o criador ADI (Inteligência Artificial) ou o editor do Wix. - Recomendo utilizar o editor do Wix para opções maior de personalização. 4. Selecione um modelo. - Escolha um modelo que te apeteça. Embora as imagens sejam placeholders, pode mudá-las facilmente mais tarde. 5. Personalize o seu website. - Agora pode adicionar produtos, personalizar cores, texto, imagens e mais para que o seu website seja único. 6. Publique a sua loja. - Quando estiver satisfeito com a sua loja online, é hora de publicá-la para que os visitantes possam comprar. 7. Ótimize e mantenha a sua loja. - Fortemente recomendo revisar e atualizar seu produto, promoções e conteúdo regularmente para garantir que a sua loja permaneça relevante e competitiva. Assim se emula o texto traduzido com todos os elementos de Markdown parecidos com os originais. # Documentação para edição de site com Wix ## Introdução Partindo de uma planta de referência pode economizar esforços, portanto, para nosso propósito aqui vamos abstrair-nos desta planta aqui, a planta que vamos vender: * Sim, vamos vender algumas plantas talvez. * Contente-se com uma pré-visualização primeiro para ver mais sobre ela, pois não é apenas um ícone pequeno. Para isso, vá para o "Visualizar", você terá uma experiência mais divertida da planta. * Descerra depois e veja a planta em detalhes. * É possível que esta planta seja boa para nossas necessidades ou escolha outra. * Caso queira editar o site, vá para "Editar site". * Acima tudo, Boa Sorte! ## Editor do site ### Barra de menu Estas são as principais páginas: * **Upper Left: ** Páginas * Caso esteja usando um template paginado, você verá todas as páginas visíveis. ### Criação de uma loja * Situe-se em **Seu Loja** (My Store) para ter acesso às opções de vendas. * Selecione o primeiro template de loja. * Popule o seu site com produtos adicionando detalhes como preço, destaque, imagens, etc. * Crie categorias de produtos para organizar seu loja, exemplo: Flores, Plantas, Arbustos, etc. ### Próximas etapas * Adicione pagamentos (cartão de crédito, PayPal, etc. ) para sua loja. * Conecte seu domínio com o site. * Publicar o seu loja. # Guia: Adicionar Produtos à Sua Loja Wix ## Resumo Este guia vai guiar você pelo processo de adicionar variados itens à sua loja Wix. Começe iniciando pelo painel de controle. ### Painel de Controle O painel de controle é onde você pode adicionar produtos, gerenciar páginas da loja e personalizar outros elementos no seu site. Aqui está o que você verá no painel de controle: 1. Produtos: Adicione e gerencie a sua estoque da loja. 2. Páginas da loja: Quatro páginas principais no total, incluindo loja, produto, carrinho e agradecimento. 3. Elementos da loja: Personalize elementos da loja como galerias, carrosséis, slides, e widgets de produto. ### Adicionar Produtos #### Criação de Produtos 1. Comece adicionando um novo produto do painel de controle. 2. Dê ao produto um nome, como "Camisa San Trail". 3. Carregue mídia (imagens, vídeos) para representar o produto (por exemplo, uma imagem de uma camiseta). #### Detalhes de Produto - **Novo: ** Verifique se este caixinha de seleção está marcada se o item é um novo produto em estoque. - **Preço: ** Defina o preço do produto, como $15. - **Desconto: ** Se desejar, crie um desconto para o produto (por exemplo, 20% de desconto). - **Descrição: ** Escreva uma descrição breve do produto, como "Camisa sanchow éppingue". - **Informações adicionais: ** Inclua mais informações sobre o produto, como a política de trocas, detalhes de tamanho e opções de produto (por exemplo, cores). #### Organização de Produtos 1. Escolha uma coleção para o produto criando uma nova ou selecionando uma existente. 2. Salve e continue. ## Regiões de Envio e Configurações de SEO Depois de configurar o seu produto, você pode configurar as regiões de envio e as configurações de SEO para uma visibilidade melhor nas buscas dos engines de pesquisa. ## Adicionando Produtos Digitais Para adicionar um produto digital, carregue um arquivo (por exemplo, um PDF) da sua notebook. Defina os detalhes do produto e defina o preço como zero se ofertar gratuitamente. ## Personalização do Layout do Site Personalize o layout do site ajustando as opções de menu, fundos de página e adicionando vários elementos ao site usando o usífico drag-and-drop do Wix. Esse é um breve resumo de como adicionar produtos e personalizar sua loja Wix. Para mais instruções detalhadas, explore os recursos de apoio da Wix ou o centro de aprendizagem deles. # Construindo um Site Profissional com Wix: Um Guia Passo a Passo ## Introdução Neste tutorial, você aprenderá a criar um site profissional com a ajuda do Wix, sem precisar de conhecimentos em código. Esta mini-guia te levará de ter nenhum site para ter um site funcional o mais rápido que possível. ### Pré-requisitos - Conta do Wix (crie uma se não tiver uma) ## Seção 1: Criação da Página Inicial ### Adicionando um Logotipo - Clique no canto superior esquerdo para editar a seção do logotipo - Troque o texto pelo logotipo de seu site ou pela imagem - Certifique-se que o logotipo vai até a página inicial ### Adicionando Botões - Adicione um botão usando a seção de botões à esquerda - Personalize o design do botão, o texto e o link - Use anchors para vincular a seções específicas na mesma página ### Adicionando Caixas - Use o elemento Caixas para adicionar novas seções - Personalize o design, o conteúdo e o layout da caixa ### Utilizando Lightboxes - Adicione um lightbox para exibir mensagens ou promover ofertas - Personalize o conteúdo do lightbox ### Adicionando ícones de redes sociais - Adicione ícones de redes sociais para engajar os visitantes ## Seção 2: Criação da Loja - Use o Mercado de Apps do Wix para integrar uma loja - Selecione a aplicação apropriada para as suas necessidades - Personalize o design e o layout da loja ### Recursos Importantes da Loja - Integridade do Carrinho e da Compra - Customização da página de Obrigações - Gerenciamento de Produtos ## Seção 3: Recursos Adicionais - Adicione mídia (imagens, documentos, etc. ) - Inicie um blog - Adicione eventos ou calendários de reserva - Integrar Mapas do Google - Adicione chat ou formulários de contato ## Conclusão - Preencha seu site com conteúdo e produtos - Teste a experiência do usuário em dispositivos diferentes - Publique o site quando estiver bem prepra - Promova à sua loja e goite dos bons resultados! ### Recursos Adicionais - Suporte do Wix: [https://www.wix.com/support/](https://www.wix.com/support/) - Tutoriais de vídeo do Wix: [https://www.youtube.com/playlist?list=PLRMz3a4pniib-gT-_se0Z3XgZO_x8uf-L](https://www.youtube.com/playlist?list=PLRMz3a4pniib-gT-_se0Z3XgZO_x8uf-L) ## Recomendado – Tutorial de vídeo (em inglês) [Vídeo 10: Construindo uma Loja com o Wix](https://www.youtube.com/watch?v=oX3lgJoj27g) # Guia de HostGator: Criar um site web ## Introdução Este guia irá você conduzir pelo processo de criar um site utilizando o HostGator. Cobertos os passos para criar uma conta, adicionar serviços, introduzir um código de desconto e instalar o WordPress para construir seu site. ## Secção 1: Inscrever-se 1. Crie a sua conta HostGator com seu usuário preferido e segurança pin. 2. Introduza sua informação de faturação. ## Secção 2: Adicionar serviços - Alguns serviços adicionais poderão ser úteis, mas não todos são necessários. Para este guia, deixam-nos por agora o correio profissional e backup de site. - O certificado SSL é considerado importante, e embora um gratuito esteja disponível, optaremos pelo certificado Premium de $3, 33/mês. ## Secção 3: Introduzir um código de desconto - Se tem um código de desconto, introduza-o para reduzir aproximadamente em 60%. O Hostgator pode receber um comércio por referências, mas recomendamos sinceramente seus serviços. ## Secção 4: Ajustar custos - Removendo o certificado SSL, os custos diminuem cerca de $80 para um plano de 12 meses, equivalentes aproximadamente em $6, 67 por mês para um site profissional. ## Secção 5: Entrar em pagamento 1. Revisar e concordar com os termos de serviço, política de cancelamento e política de privacidade. 2. Clique no `Prosseguir para o pagamento`. ## Secção 6: Visão geral do painel de controle 1. Faça a sua familiarização com o painel de control. 2. Clique no `Marketplace` a esquerda para instalar o WordPress, que será usado para construir o seu site. ## Secção 7: Instalar o WordPress 1. Clique no `Site Builder & CMS`. 2. Selecione `WordPress`. 3. Preeña as seguintes informações: - Titulo do blog: [Seu Titulo do Blog] - Usuário Admin: [Seu Primeiro Nome] [Seu Último Nome] - Email do Admin: [Seu Endereço de Email] 4. Clique no `Instalar`. ## Secção 8: Iniciar sessão no WordPress - Seus credenciais de início de sessão do WordPress serão fornecidos após a instalação. Marque estas informações pois serão necessárias para se logar. ## Secção 9: Construindo o seu site - Continue a personalizar o seu site utilizando o WordPress. Familiarize-se com o painel de control, temas e plugins para personalizar o site. Precione o botão [Começar](https://www.hostgator.com/) e inicie a construção do seu novo site com o HostGator! Caso necessite de mais uma ajuda ou tem alguma perguntas, poste um comentário abaixo. --- Notas: - As URLs são preservadas em sua forma original. - Este guia serve como exemplo, seguindo as regras de formatação apresentada. O texto pode ser revisado em um cenário real do mundo para melhor clareza, gramática e melhorar o fluxo. # Criando um Website do WordPress com Elementor e Envato ## Passo 1: Criação de PáGINAS Iniciamos com a criação de uma página de blog clicando duas vezes em "Publicar", seguido de voltar para o logotipo do WordPress e adicionar outra página nomeada "Produtos". Após a publicação novamente, volte para o logotipo do WordPress e repita esses passos para criar o número desejado de páginas. Note que este processo é diferente para a criação de posts. Para páginas importantes como "Contato", publique a página e volte para o painel do dashboard do WordPress. ## Passo 2: Verificação do Website Atualize o website para ver as novas páginas na barra de navegação, como "Blog", "Contato" e "Produtos". Enquanto a aparência ainda precisará de melhorias, estamos fazendo progresso. ## Passo 3: Instalando Plugins Essenciais Passe sobre "Plugins" e adicione um novo plugin. Vamos instalar o "Elementor" plugin, que converte o WordPress em uma plataforma de "arrastrar e soltar" para construir seu site, semelhante à Squarespace ou Wix. Ambos o Elementor e o Divi são opções excelentes, mas a versão gratuita do Elementor oferece um bom ponto de partida. Depois da instalação, ative o gerador de página Elementor e você será confrontado com página de boas-vindas. Para agora, vamos continuar adicionando uma página inicial. ## Passo 4: Criação de uma Página inicial Crie uma página inicial clicando em "Adicionar nova página" abaixo de Páginas. Com o Elementor instalado, podemos usar a versão gratuita para começar a construir a página inicial de um site maravilhoso. Ao abrir a página inicial, clique em "Editar com o Elementor" para abrir o gerador de páginas. Aqui, podemos arrastar e soltar diversos elementos como vídeos, botões e mais para projetarmos nossa página inicial. ## Passo 5: Personalizando a Página inicial (opcional) Para personalizar ainda mais a página inicial, volte para o painel do dashboard do WordPress e, sob as configurações da página inicial, selecione uma página estática como a página inicial e escolha uma página diferente para a página dos posts. Assim, a página inicial exibirá uma página estática em lugar de apenas os últimos posts. Além disso, verifique as opções de tabela e móvel para otimizar a design para tamanhos de telas diferentes. ## Passo 6: Usando Modelos (opcional) Por uma solução mais rápida, volte ao painel do dashboard, passe o punter sobre "Plugins", adicione um novo plugin, instale "Envato" na lista de plugins. Após ativar essa opção, você encontrará uma seção chamada "Elementos". Navegue pelos modelos disponíveis Grátis para instalar um design que seja adequado às suas necessidades, o que pode te salvar tempo durante a construção de seu site a partir do zero. Depois de instalar o modelo desejado, importe-o para sua página inicial com o Elementor para aplicar as alterações e criar um site visualmente atraente com apenas algumas cliques. Ajuste a ortografia, imagens e fundo para correspondência à sua marca. ## Vídeo 11: <https://www.youtube.com/watch?v=nLJvniZrSp4 (Idioma: en) Neste vídeo, mostrarei tudo o que você precisará para criar seu primeiro site com Weebly. Este é um tutorial passo-a-passo no qual mostrarei todas as ferramentas e onde encontrá-las para empregá-las efetivamente e eficientemente. Fique à vontade para verificar as notas do vídeo no description se desejar saltar para uma seção específica. Agora, vamos começar… Clique no link no topo da descrição para chegar a uma página que se parece assim: ```markdown Weebly e ecommerce buy square . . . ``` Clique em `se inscrever` localizado no canto superior direito, uma página básica será apresentada, apenas necessitará do seu nome e de um email para continuar. Caso já tenha escolhido Weebly em comparação a Squarespace ou Wix, entre outras opções, foi uma boa escolha, gosto de trabalhar tanto com Weebly assim como com as outras. Weebly é especialmente bom porque também oferece uma versão gratuita quando começa-se. No entanto, se você tem um negócio, recomendo que se inscreva na versão premium, que, de certeza, é muito importante. Depois de inscrever-se na conta, você será apresentado uma página com um layout limpo, onde você escolhe se quer um site ou um site com um armazenamento online. Como já estamos criando um site e não um armazenamento online, selecione `site` nas opções disponíveis. Na página seguinte, você terá várias opções de modelo para escolher, Elas lhe permitirão escolher um tema. Há opções para empresas, portfólios, entre outros. Para nosso exemplo, selecione um tema que seja adequado ao seu site, como por exemplo o alerta de notícias local. Clique em `editar` localizado no canto superior esquerdo para abrir o editor do modelo e começar a personalizar o seu site. Depois de selecionar um modelo e chegar na página com o editor, será apresentada a opção de selecionar um domínio. Aqui, você pode transferir ou conectar um domínio que já possui, mas neste tutorial, vamos escolher um domínio novo. Por exemplo, você pode inserir o nome `jane-doe. com`. Na página seguinte, você terá várias opções de planos, cada um com seus próprios recursos e preços associados. Se você quiser a versão gratuita, você poderá encontrar uma opção para selecioná-la no canto inferior da próxima página. Caso faça sua escolha, eles comunicarão a você um preço básico, mas é importante notar que é o valor ativo por ano, então considere a possibilidade de cobranças mensais. Agradeço-lhe a atenção e também agradeço uma eventual dobração do like, inscrição no canal pelo YouTube e, se desejar, uma visita aos recursos especificados nos show notes. # Configuração de site e aplicativo com Weebly (Português de Portugal) Este tutorial vai guiar você através da configuração e configuração de um site e aplicativos com Weebly. ## Fontes Rápidas e SEO-Amigáveis para Sites Ao alcançar um site rápido carregando que seja classificado mais alto em Google, considere usar fontes usuais ou amigáveis para carregar, como Roboto, Open Sans, ou outras opções populares. ## Aplicativos para Sites de Weebly Weebly oferece várias aplicações que você pode adicionar ao seu site. Estas incluem aplicativos feitos por Weebly, aplicativos sociais, aplicativos de aumento de tráfego, e mais. Para um loja online simples, talvez você não precise destas aplicações início. 1. Aplicativos Weebly - Aplicativos feitos por Weebly, como Site Search, Social Media, e Formulário de Contato. 2. Aplicativos Sociais - Conecte seu site com várias plataformas de mídia social. 3. Aplicativos de Tráfego - Aplicativos que ajudam a aumentar o tráfego de site, como ferramentas SEO, AdRoll, e MailChimp. 4. Outros Aplicativos - Para necessidades mais específicas, como lojas online, questionários, e galerias. ## Configurações Nas configurações, você pode gerenciar informações gerais do site, SEO, usuários, e aplicações. 1. Informações do Site - Edite a descrição do site, defina editores e níveis de acesso, e gerencie os membros do site. 2. SEO - Melhore a indentificação do site nos motores de busca ao definir palavras-chave, metadados, e verificação do site. 3. Aplicativos - Gerencie e instale aplicações de terceiros para expandir a funcionalidade do seu site. 4. Blog - Gerencie os posts de blog, categorias, e tags. 5. Ajuda - Entre em contato com a equipe de suporte WEEBLY. ## Criação de Seções (Seção de construção) 1. Página Inicial - Ajuste e personalize sua página inicial para melhor representar seu site. 2. Layout de página - Crie e arrange sections, blocos e elementos para construir a estrutura do seu site. - Exemplos de elementos incluem títulos, texto, imagens, formulários, e linhas. ### Estrutura de uma Seção 1. Adicione uma nova seção. 2. Arraste e solte elementos na seção. 3. Ajuste a posição e layout dos elementos dentro da seção. ### Exemplos Exemplo 1: Adicione uma imagem 1. Clique no elemento de imagem no editor. 2. Selecione uma imagem do seu computador ou de uma fonte existente. 3. configure as configurações da imagem, como tamanho, link, e configurações de lupa. Exemplo 2: Adicione um texto 1. Clique no elemento de texto no editor. 2. Escreva o conteúdo desejado no editor de texto. 3. personalize as configurações de texto, como fonte, cor, e configurações de formatação. Exemplo 3: Adicione um formulário de contato 1. Clique no elemento do formulário de contato no editor. 2. personalize as configurações do formulário e alterações aos níveis, como campos de formulário e ajustes. 3. Salve o formulário de contato e publique seu site. Exemplo 4: Adicione um botão 1. Clique no elemento do botão no editor. 2. personalize a configuração do botão, como texto, links, e ajustes de estilo. 3. Salve e publique seu site. Exemplo 5: Adicione uma galeria 1. Clique no elemento da galeria no editor. 2. carregue imagens ou selecione do seu computador. 3. personalize a configuração da galeria, como efeitos de transição e velocidade da ldomain. 4. Salve e publique seu site. Estes exemplos servem como referência para a construção e personalização do seu site com Weebly. Experimente com os diferentes elementos e ferramentas criando um site único e eficiente que seja adecuado a seus recursos. Felizes festa ! # Guia de Construção de Website Weebly Este guia demonstrará como criar um site Weebly. Por enquanto, vamos centrar-nos na adição de características básicas, como uma caixa de pesquisa e opções de monetização. Em breve, vamos falar sobre ecommerce e configuração de um blog. ## Caixa de Pesquisa Para adicionar uma caixa de pesquisa, vá para a opção `Visualização` e clique em `EditarSite`. Você será levado de volta para o seu site. Agora, navegue para o `menu Construir`, enfia e deslize para a esquerda. Quando você chegar na seção `Estrutura`, procure a página apropriada onde deseja adicionar a caixa de pesquisa. Por exemplo, vamos colocar aqui na página de título. Para isso, é só adicionar o seguinte bloco de citação: ``` > Caixa de pesquisa ``` Embora a caixa de pesquisa seja uma features útil, é importante destacar que não é tão eficaz como o diretório de Google para se mover para websites. Em vez disso, considere criar um sistema de navegação fácil em vez de confiar em uma barra de pesquisa. ## Monetização Vamos adicionar a AdSense de Google para monetizar nosso site. Primeiro, certifique-se de estar inscrito e registrado para AdSense de Google. Agora, você pode facilmente adicionar anúncios ao seu site usando a função de AdSense de Google fornecida pelo Weebly. ``` O Weebly facilita a colocação de anúncios em seu site, e isso é uma forma conveniente de monetizá-lo. ``` ## Opt-Out de Cookies Se você estiver rastreando visitantes com uma pixela ou similar, você pode adicionar um `opt-out de cookies` por motivos de privacidade. ``` Você pode adicionar um opt-out de cookies lá e dá às pessoas a opção de recusar a rastreamentos. ``` ## Configuração do Blog (Em breve) Vamos falar sobre a configuração do blog em aulas futuras. Por enquanto, vamos avançar para verificar a visualização em dispositivos mobile. Para isso, clique no switcher de dispositivo, garanta que o seu site seja apresentado de forma adequada em dispositivos móveis. ## Recursos adicionais - Você pode encontrar dicas e conselhos sobre a adição e remoção de elementos na seção de Recursos do Weebly. - Não esqueça de publicar seu site para que esteja disponível no domínio fornecido. ## Otimização do seu site Após publicar seu site, vá para o seu painel de controle do Weebly (á esquerda, clique no X), onde você pode monitorar o desempenho do site, discutir estrategias de otimização e aprender sobre recursos avançados. Recomendamos vigiar regularmente a visualização em dispositivos móveis, pois a maioria dos usuários acessa o site por meio de dispositivos móveis. Além disso, considere usar pop-ups ou campanhas de e-mail para fins de marketing se você estiver gerenciando uma loja online ou pretender ampliar o seu público. # Vídeo 12: [YouTube](https://www.youtube.com/watch?v=6fWxJkhRKgk) - Melhor Ferramenta para Vídeos Web: Por Cada Necessidade ## Visão Geral A escolha de uma ferramenta adequada para o seu site web pode ter um significativo efeito, não só sobre a facilidade de uso como também sobre o seu sucesso. Esta decisão pode ser um assunto confuso devido à multiplicidade de opções disponíveis. Neste vídeo, compartilha-te Five melhores builder de websites divididos por Assunto. ## Assuntos 1. **Melhor para E-commerce: ** Shopify 2. **Melhor para Blogues e Conteúdos Avançados: ** WordPress (independente de hospedagem com fornecedores como o Hostinger) 3. **WordPress Builder: ** Elementor ou Divi (inicialmente sem custo, com opção de atualização) 4. **Melhor para Design Avançado: ** Webflow 5. **Melhor Multi-f capacity: ** Squarespace ## Análise Detalhada ### 1. Shopify O Shopify é incontestávelmente o rei das plataformas de e-commerce. O seu design fácil e intuitivo permite criar um site profissional em minutos através do uso de modelos pré-construídos. No back-end, o Shopify oferece gerenciamento de estoque, integração com várias apps, e serviços de marketing como o MailChimp. ### 2. WordPress (independente de hospedagem + Hostinger) O WordPress (independente de hospedagem) é usado por uma significativa porção da internet com uma interface usuário amigável e uma vasta gama de plug-ins a escolher. O Hostinger é o meu fornecedor de hospedagem recomendado para WordPress, oferecendo um serviço rápido, barato e fiável. ### 3. WordPress Builders (Elementor ou Divi) Quando se começa com um único website ou com várias, o Elementor (inicialmente sem custo com opção de atualização) ou Divi (compra uma vez para utilizar sobre várias websites) pode tornar o WordPress mais acessível para iniciantes sem habilidades técnicas, favorecendo a customização simples. ### 4. Webflow O Webflow oferece às pessoas com habilidades técnicas a possibilidade de criar websites esteticamente vizirais com animações e recursos de design avançados. Ver alguns exemplos de websites feitos com o Webflow para inspirar-se. ### 5. Squarespace O Squarespace é um all-rounder versátil e intuitivo, com templates que podem ser facilmente personalizados. O Squarespace agora permite que os utilizadores movam elementos, o que o torna similar ao Wix em termos de design acessível para utilizadores. O Squarespace também oferece recursos integrados para agendamento, venda de produtos, blogue, e hospedagem de um podcast. ## Conclusão Cada uma destas ferramentas tem as suas forças e fracassos, e a escolha ideal dependerá principalmente dos teus requisitos específicos e dos teus níveis de habilidades. Certifica-te de assistir aos tutor Quest usuários para ajudar a te guiar na tua decisão. Boa sorte na criação do teu primeiro website! ## Vídeo 13: [YouTube](https://www.youtube.com/watch?v=-OkLNYbpNfU) - Criando o teu Primeiro Website (Sem habilidades técnicas requeridas) Se estás à procura de criar o teu primeiro website sem se acostumar com WordPress ou hospedagem, poderás escolher entre o Squarespace ou o Wix. Ambos são muitos populares e acessíveis builders de websites. Neste vídeo, vou separar similaridades e diferenças para que possas escolher qual é o ideal para as tus necessidades específicas. # Comparando Wix e Squarespace: Qual é o Melhor para o seu Site? Este texto fornecerá uma visão geral das diferenças entre Wix e Squarespace, dois construtores de sites populares, para ajudá-lo a decidir qual deles atenderá melhor às suas necessidades. ## Differenças entre Wix e Squarespace * **Diferenças no Editor: ** Quando utilizar tanto Wix como Squarespace, você notará que os editors são drasticamente diferentes. O Wix é mais livreforme, oferecendo mais opções para colocar elementos onde desejar utilizando um sistema drag-and-drop. Conversamente, o Squarespace é mais estruturado e utiliza um sistema de grade com elementos pré-definidos do modelo. * **Personalização: ** O Wix admite mais personalização, tornando-o mais fácil de mudar a apresentação, adicionar imagens, botões ou outros elementos onde você quiser. O Squarespace, por outro lado, é um pouco mais estruturado e requer a exclusão e adição de blocos para ajustar a apresentação. * **Processo de Criação de Sites: ** Com ambos Wix e Squarespace, é possível começar com um modelo pronto e personalizá-lo à sua gostosa. No entanto, se preferir criar um design original, o Wix oferece mais flexibilidade. * **Publicação e Backup: ** O Wix permite que você crie o seu site e reiteresso nele antes da publicação. Você pode salvar as alterações e continuar a aprimorando o site até estar pronto para lançá-lo. Em contraste, o Squarespace emprega um modelo de publicação ao vivo, exigindo uma assinatura para o nível premium para salvar e publicar sua obra. * **Preços: ** Ambos Wix e Squarespace oferecem planos premium, mas o Wix também tem uma opção de criador de site gratuita, enquanto o Squarespace requer uma inscrição. * **E-commerce: ** O Squarespace é geralmente melhor para e-commerce devido à sua configuração rápida para lojas, recepteicos de e-mail personalizados, cartões de presente, impostos, entre outros recursos embedidos. O Wix pode ainda apoiar e-commerce, mas esses recursos podem ser mais ocultos e mais difíceis de implementar. * **SEO: ** O Wix tem um melhor conjunto de ferramentas para otimização de site de busca (SEO), tornando mais fácil de se posicionar mais alto nos resultados de pesquisas no Google. Os sites do Squarespace também podem se posicionar bem, mas o editor do Wix fornece mais opções para otimizar o seu site para resultados de pesquisa. * **Otimização de Sites Móveis: ** Para sites móveis, o Wix é a opção preferida devido a um editor móvel mais limpo e mais fácil de navegar. * **Integração de Aplicações: ** O Wix oferece uma biblioteca de aplicações que pode ser facilmente integrada no seu site através do menu à esquerda, enquanto no Squarespace será necessário tomar alguns passos adicionais para adicionar aplicações e poderá ser necessário copiar e colar código. * **Preços: ** Os preços de ambos o Wix e o Squarespace são semelhantes, com pequenas diferenças entre os planos. Para obter informações precisas de preços, siga o link fornecido abaixo para detalhes atuais. ## Qual é o Melhor para Você? Se não houver alguma sugestão, consideremos o seguinte: * Se desejar criar um site altamente personalizado com uma variedade de recursos únicos, considere o Wix. * Se o foco é a venda por e-commerce, os recursos integrados do Squarespace podem ser uma opção melhor. * Se o SEO for a sua prioridade, as ferramentas do Wix para otimização de site de busca lhe darão vantagem em se posicionar mais alto nos resultados da busca. * Se a optimização de sites móveis for preocupação, o editor móvel do Wix facilita a criação de um site adaptado às telas móveis. * Se for necessária a integração de aplicações, a biblioteca de aplicações inclusa do Wix torna a adição de recursos ao seu site mais fácil. Escolha a que melhor cumprir suas necessidades. Se preferir compartilhar seus pensamentos, por favor, deixe um comentário abaixo. Que seja útil! **Vídeo 14: ** <https://www.youtube.com/watch?v=abzSHFI4RUg> **Preços Máximos: ** (Este texto deve ser substituído pelo URL atualização com os preços mais atuais. ) # Como Configurar um Site do WordPress Utilizando o Bluehost Bem-vindo de volta ao canal! Neste vídeo, vou demonstrar como configurar um site do WordPress utilizando o Bluehost, uma das maneiras mais fáceis, acessíveis e fiáveis de se fazer isso. É fortemente recomendado por WordPress. org por justas razões. ## HOSPEDAGEM em WordPress Vamos começar com uma rápida comparação: Considere a hospedagem em WordPress como se estivesse a escrever um documento no Microsoft Word, Google Docs ou qualquer outra plataforma. O documento representa o seu site, e a interface permite-lhe especificar seus conteúdos. O WordPress faz o trabalho de codificação por trás das telas para apresentar o seu site conforme pretendido. ## O Que é a Hospedagem? PENSAR NA HOSPPEDAGEM como um salvar o seu documento num ficheiro ou unidade. Como precisa de salvar o seu documento em algum lugar para que possa ser visto por outros, precisa de um hospedeiro para o seu site para gerir e apresentá-lo aos visitantes. ## O Domínio Também vai comprar um domínio, que funciona mucho como o título do seu documento. Exemplos familiares incluem `www. amazon. com` e `youtube. com`. Não se pode obter o domínio sem custo; o custo é aproximadamente $15 a $20 por ano. ## Começar Para começar, vá para a descrição, clique no link para `centralmedia. com/bluehost`. Alternativamente, abra uma nova aba e digite o URL. Isso váio te levando à página seguinte, a partir da qual posso proceder. ## Escolhendo um Plano Quando estiver na página, vai achar três opções diferentes de planos. Neste vídeo, vou escolher o plano básico, pois é o que preciso. No entanto, se tiver necessidades específicas, considere os planos Plus ou Choice Plus. ## Registrando o Domínio Depois, pode ter um domínio que já possui e transferir-lo, ou comprar um novo através do Bluehost. Para este guia, vamos comprar um novo domínio, por exemplo, `sandrellmediawebsite. com`. ## Informação da Conta e do Pacote Entre com a informação da sua conta, depois passe à informação do pacote. Considere se comprometer com um período de tempo maior, como 36 meses, para economizar dinheiro e garantir o preço mais baixo. Nota-se que não há opção de pagamento mensal aqui, e o mínimo é de 12 meses. ## Verificando o Endereço de E-mail Finalmente, verifique o seu endereço de e-mail para assegurar o seu domínio. Depois de se acessar a conta, siga as instruções na tela para criar uma palavra-passe e entrar. A partir daí, siga as instruções da interface Bluehost para configurar o seu site do WordPress. Termino este vídeo com um site do WordPress funcionando! Se este tutorial for útil, considere apoiar o meu canal para mais vídeos deste tipo. Obrigado pela visualização! # Criando Seu Blog com WordPress: Guia Passo a Passo ## Posts Aqui é como você edita seu conteúdo e gestiona posts: 1. Para criar novos posts (artigos), pode fazer isso aqui. Clique no botão `+ Novo` para criar um novo post. 2. Para excluir um post existente, selecione-o e clique no botão `Lixeira`. Apagar um post vazio ajuda a manter um blog limpo e organizado. ## Mídia A secção de mídia contém todos as imagens, vídeos, ficheiros de áudio, documentos, etc. , que pode utilizar no seu blog e no seu website. ## Páginas Atualmente, as páginas do seu website incluem uma página principal, uma página de exemplo e uma página de política de privacidade. Para este guia, excluiremos essas e as reconstruiremos a partir do zero. 1. Para excluir uma página, selecione-a e mova-a para a `Lixeira`. Clique em `Aplicar` para confirmar a exclusão. ### Aviso Apagar as páginas existentes e começar do zero será mais fácil de construir o seu website sem encontrar problemas durante o processo. ## Aparência Escolha um tema que cumprir suas necessidades. Neste guia, usaremos o tema Astra. Para instalar o Astra, siga estes passos: 1. Clique em `Adicionar Mais Tema` sob o menu de temas. 2. C destaque para `Astra` (`a-s-t-r-a`). 3. Clique em `Instalar` e `Ativar` para aplicar o tema ao seu website. ## Plugins ### Elementor O Elementor é um plugin de construção de página versátil que oferece ambas as versões gratuita e pagamento. Neste guia, considere subir para a versão paga para obter recursos adicionais. Aqui está como instalar e ativar: 1. C destaque para `Elementor` (`e-l-e-m-e-n-t-o-r`). 2. Clique em `Instalar` para instalar o plugin. Depois de instalado, clique em `Ativar` para habilitá-lo. ### Envato O Envato é outro plugin que amplia as funcionalidades do seu website com uma sobra de foco em adicionar mais elementos e melhorar a versatilidade. A versão gratuita pode ser encontrada no Directório de Plugins do WordPress. 1. C destaque para `Envato`. 2. Clique em `Instalar` e em `Ativar` para habilitar o plugin. ## Plantelas Starter do Astra Para economizar tempo e criar um website profissionalmente desenhado, pode importar um modelo pré-feito usando as Plantelas Starter do Astra. Siga estes passos: 1. Ire para `Astra > Plantelas Starter`. 2. Clique em `Começar` para ativar o plugin. 3. Navegue através dos modelos disponíveis e escolha um que se adeque às suas necessidades. 4. Clique em `Importar` para importar os modelos, widgets e as definições do customizador para o seu website. Depois de o modelo ser importado, pode editar, personalizar e criar um belo blog usando a construção de página do plugin Elementor. Aproveite a construção do seu novo blog! # Criando uma Página com Elementor no WordPress ## Usando Divisores Para adicionar um divisor abaixo de um texto específico, basta clicar e arrastar o cursor até a localização desejada. Você pode personalizar a aparência do divisor, por exemplo, mudando sua cor, peso e estilo. As opções incluem uma linha sólida, linha dupla e um ícone. ! [](https://www.youtube.com/watch?v=onr0mJ8aGM8) (idioma: en) ## Adicionando Elementos e Modelos do Envato Para adicionar seções pré-formatadas à sua página, procure a opção "Envato Elements". Como não temos nenhum instalado no momento, podemos navegar pelos modelos grátis ou de alta qualidade. Estes podem ser facilmente usados para criar uma página inteira ou uma seção específica utilizando-os. ## Instalando Modelos Depois de selecionar um modelo, instale-o e ajuste as cores e aparência para corresponder à sua temática. Este processo é conveniente e mais rápido do que criar estes elementos manualmente. ## Bloqueio de Contato Agora vamos adicionar um bloqueio de contato para nossa página. Escolhemos um bloqueio de contato apresentando um mapa para torná-lo mais engajante. ## Definições e Personalização ### Título do Site, Frase Limite e URL Para alterar o título do site, frase limite e URL, acesse Configurações, e faça as alterações desejadas. Faça cerco de salvar as alterações após realizar as modificações. Em alguns casos, as novas configurações exigem uma nova assinatura. ### Configurações de Permalinks Na seção de Permalinks, pode personalizar a estrutura de URL para exibir diferentes páginas. Recomendamos usar o nome do post para práticas de SEO melhoradas. ### Menus Para alterar o menu, acesse Aparência > Menus. Em seção de Menus, você pode personalizar o que aparece no cabeçalho, adicionar ou remover páginas do menu, e alterar a ordem do menu. ###Ícone Favorito Para alterar o ícone do favorito, acesse Aparência > Personalizar > Cabeçalho. No cabeçalho, clique em "Identidade do Site", e selecione o ícone do site para enviar seu logo desejado. ### Site para Dispositivos Móveis Para visualizar o site em um dispositivo móvel, acesse Aparência > Personalizar > Site para Dispositivos Móveis. Faça certo que seu site seja válido em telas pequenas e não venha a apresentar imagens e elementos sobrepostos. ## Conclusão O guia apresentado fornece uma visão geral da adição e gestão de vários elementos da página utilizando o Elementor no WordPress. Você também encontrará mais informações em vídeos relacionados linkados na descrição abaixo para temas avançados, como usar Astra ou criar uma loja online com o WordPress. Boa sorte na criação do seu site profissional! # Criando um Website em 15 minutos no Squarespace Vamos criar um site em apenas 15 minutos, então clique em **Iniciar** e iremos clicar em **Começar agora**. Nesse momento será solicitado algumas informações básicas, porém não importa o porquê da criação do site, pois podemos pular essas perguntas. Encontraremos um modelo adequado mais tarde. Assim, continuaremos com o botão X na parte superior e clicaremos novamente para retornar à página seguinte. Não desejo que o Squarespace escolha o modelo para mim, portanto, iremos desativar todas as opções e exploraremos nossa própria forma de modelos. Nosso objetivo é criar um portfólio pessoal, então clique em **Portfólio** e selecione um dos seis modelos recomendados. Lembrando que você pode usar qualquer modelo disponível. Desative o portfólio se não for um dos modelos que você gosta e veja se há algum outro que se destaque. Quando encontrarmos um modelo que gostamos, podemos clicar em **Visualizar prévia**. Pessoalmente, creio que esse será um modelo perfeito, então clicaremos em **Criar com esse design**. Em seguida, será solicitado que criemos uma conta. Vamos continuar com o e-mail e depois podemos dar um nome para o site, por exemplo, *Mike's Portfolio Pessoal*. Feche o assistente ao lado. Agora podemos ver nossa página no lado direito e as configurações do site no lado esquerdo. Podemos editar a configuração de agendamento, análises, perfil, outras configurações e editar a página ao clicar no botão **Editar** ao lado. Clique em **Editar** e depois em **Ignorar**. Conforme vimos nas versões anteriores do Squarespace, agora podemos movimentar elementos em qualquer lugar que desejarmos. Por exemplo, podemos arrastar o botão para a direita, se desejarmos. É responsivo, então, se visualizarmos a página em dispositivos diferentes, todos os elementos serão ajustados. Pode-se alternar entre dispositivos móveis e dispositivos fixos clicando no ícone de alternância no canto superior direito. Aqui temos uma layout com três seções. Você pode adicionar novas seções facilmente ao clicar em **Adicionar seção**. Podemos ver muitas seções pré-feitas para uso. Você pode adicionar uma delas aqui, mas podemos adicionar uma outra seção no final, como um resumo ou algo do gênero. Para editar um bloco, basta clicar nele e fazer duas vezes clique em ele. A partir daí, você pode editar o texto e as configurações no canto superior. Por exemplo, podemos editar a seção e trocar a foto de fundo por outra, carregando uma imagem da nossa escolha. É possível arrastar o foco para onde queremos que fique a imagem. Podemos também ajustar o brilho e outras opções para que a imagem se encaixe perfeitamente. Pode-se alterar o tamanho e a posição do texto de acordo com nossas preferências. Pode-se adicionar um link em um botão, alterar o texto e as configurações. Além disso, é possível editar os fundos, as cores e as configurações da fonte, de acordo com as nossas preferências pessoais. Quando tudo estiver pronto, não esqueça de clicar em **Salvar** frequentemente. Título: Um Guia Rápido para Otimizar o Seu Site Squarespace --- # Introdução Este guia vai lhe levar pelo processo de otimização do seu site Squarespace, com foco em navegação, recursos e configurações. --- ## Cabeçalho e Rodapé do Site - Desative o botão de doação volumoso editing ao cabeçalho do site. - Mude o botão superior direito (se necessário) para um botão de contato que lhe envie um e-mail se necessário. ``` Contact me Mike@yourdomain. com ``` --- ## Navegação - Mude a navegação superior para torná-la mais pertinente. Por exemplo, exclude `Episodes`, pois não se adequa ao seu site. - Adicione páginas que não estejam ligadas à navegação superior, tais como uma página `Doar` ou `Termos de Serviço`, e ligue-as em qualquer outra parte do seu site. - Adicione páginas que devem ser visíveis na navegação, tais como uma página de `Portfólio`. --- ## Atualização Squarespace requer uma atualização para se conectar a um domínio ou ter acesso a alguns recursos. Clique em 'Subscribe' para selecionar um plano adequado e aplique o código promocional `SAN Trail 10` para obter uma desconto de 10%. --- ## Domínio Grátis - Utilize o domínio gratuito durante um ano, que está disponível no plano anual. ``` Obtenha um grátis por um ano MikeO'Brien ``` --- ## Comércio - Se não estiver vendendo nada, não purposes nada com o Comércio. - Para os que vendem produtos, utilize o Comércio para gerir inventário, pedidos e mais. --- ## Marketing e SEO - Personalize as configurações SEO para diferentes páginas e itens usando práticas de otimização performant pourGoogle. - Utilize serviços como Semrush para otimização adicional. --- ## Outras Configurações - Garanta que a disponibilidade do site está pública. - Carregue um ícone favorito para substituir o padrão por predefinição. - Adicione entretenimentos sociais ao site para evitar visualizações menos profissionais. --- ## Envolvendo - Revise a versão completa do tutorial em Squarespace para instruções mais concisas. - Forneça linksss para o seu site e considere estar como uma ação agradecida e inscrever-se se findsse helfull. ### Vídeo 17: [Link para o vídeo](https://www.youtube.com/watch?v=86HLFHutUDA) (Idioma: en) # Resumo do Vídeo: Configurando uma loja online com Squarespace Este guia mostra como criar uma loja online usando a plataforma Squarespace. Ideal para vender produtos físicos, digitais e produtos de drop shipping, Squarespace é recomendado como uma das opções mais práticas entre as muitas opções de e-commerce disponíveis. ## Vantagens de usar Squarespace - Fácil de construir: Configure uma loja profissional em poucos cliques - Pura profissionalidade: Lojas criadas com Squarespace podem confundir com lojas de marcas grandes - Integração com redes sociais: Compartilhe seu produto diretamente na Instagram, por exemplo, e permita que seus clientes o caracterizem nele ## Passos para configurar uma loja online com Squarespace 1. Inicie sua conta gratuita com Squarespace: ``` Limite: 14 dias de teste Link de acesso: [Link para o teste gratuito] ``` 2. Selecione o estilo de sua página e configure suas configurações iniciais (palavras-chave, tema e icone de favicon). 3. Personalize sua loja: - Configurações Gerais (Nome da loja; Descrição curta e longa; E-mail de suporte; Telefone) - Descrição da loja - Formato de preço - Idiomas - Opção para permitir comprar produtos como visitante (marque como "Ativado") 4. Crie suas categorias e produtos. 5. Configure as configurações gerais de producte: - Tipo de produto (Físico ou digital) - Limites de peso mínimo e máximo para produtos físicos - Ajustes adicionais para produtos físicos (preço, desconto, perdas de estoque) - Preferências do comprador (aviso de frete para compras de qualquer preço) - Disponibilidade global (selecione países onde seu produto pode ser enviado) 6. Configure suas opções de pagamentos e entrega: - Use Automática para configurar automaticamente o pagamentos e entregas: selecione a gama de opções disponíveis também é possível habilitar outras opções, como: - * Preferências para pagamento: tipos de pagamento, opções de pagamento múltiplas, fundo de childhood - * Configurações de entrega: fornecedores de entrega, padrões de entrega, custo de entrega, prazo de entrega - * Configurações de impostos: régime fiscal do cliente, impostos de exportação 7. Adicione imagens e descrições fotográficas de produtos, informações do vendedor e como enviar comandos de clientes. 8. Configure a pagamento: - Forneça informações e detalhes de banco de crédito ou conta eletrônica de depósito para estabelecer as configurações de pagamento 9. Confirme suas informações e publicar a loja: - Examine a sua loja e verifique se todos os detalhes estão corretos - Publique a loja (selecionando a opção "Pronta") # Tabela de Conteúdo 1. Iniciar a conta gratuita 02: 00 2. Selecione o estilo da página 03: 00 3. Configurações iniciais (Nome, palavra-chave, idioma, tema # Preparação da Loja Squarespace: Tutorial Completo Este vídeo cobrirá vários aspectos, porém sua principal abordagem será a configuração do seu site web. O objetivo é criar um site agradável à vista e cobrir os fundamentos. Abordaremos fontes de pagamentos, configuração do checkout, de envio e de encontro de e-mails, entre outros tópicos. Vamos discutir como processar encomendas, fazer devoluções, reembolsos e gerenciar encomendas. Também abordaremos analytics, como definir descontos e muitos outros assuntos do mesmo tipo. É claro que há um trabalho monumental a ser feito neste vídeo. Finalmente, antes de entrarmos no assunto, gostaria de avisar que se você encontrar que eu estou falando demasiadamente ou demasiadamente lentamente, que o YouTube tem uma opção incrível que permite alterar a velocidade da reprodução e, portanto, você pode alterar para 1, 5 vezes mais rápida ou 0, 75 tempo mais devagar, para encontrar a velocidade certa para si. Este tutorial começará na descrição do vídeo, onde você encontrará um link para a página de origem da nossa loja Squarespace. Esta página será onde começaremos para a nossa loja e parecerá mais ou menos igual para qualquer loja Squarespace, pois qualquer página do Squarespace pode ser configurada como uma loja. Deve haver um plano pagante ligeiramente diferente, o que será abordado em breve. Clique neste link. Após isso, você será levado para a página seguinte que acrescentará um botão "Começar agora" no cantão superior direito da página. Destaque que temos 4 versões do plano básico: Pessoal, Empresarial, Básico de Comércio e Avançado de Comércio. Estes dois últimos são os planos mais especialized em comércio eletrônico. Depois de clicar em Começar agora, apareceram os modelos. Sempre que possível, recomendamos que você escolha uma das opções comerciais listadas na página. Clique em uma dessas opções e clique em Customizar para fazer a customização da página. Começe fornecendo as informações de contato e da empresa. Pronto! A sua loja Squarespace estará configurada. Em seguida, vamos adicionar um produto à loja. Clique no botão "Produtos" no menu lateral esquerdo. Clique em Novo produto. Forneça um nome, descrição e preço para o produto. Clique em Salvar e salve na loja. Completado isso, será solicitado que você crie uma caixa de envio para a loja. Finalmente, configure os métodos de envio e de pagamento. É possível configurar envios personalizados para tipos como taxa fixa, de graça ou peso. Se você escolher contas de frete FedEx ou UPS, é possível automatizar os freios com base em endereços e preços de envio. Se você tiver dúvidas, não hesite em comentar abaixo! Espero que esta ajudasse nesta guia básica de configuração de uma loja Squarespace. É um processo que requer conhecimento técnico e um aprendizado continuo, mas espero que tenhamos abordado problemas críticos para os iniciantes. Boa sorte! --- Nós também conseguimos traduzir e formatar texto em lógica de programação, como Python, jQuery e SQL, além de proveer serviços de tradução e edição de vasta variedade de documentos complexos. Não dude em entrar em contato para mais informações. # Background Image e Edição Básica em Squarespace Este guia fornecerá uma visão geral de como adicionar uma imagem de fundo e realizar edição básica em Squarespace usando Markdown. Isto abrange adição de um botão, links, criação de seções e manipulação do layout. ## Adição de Imagem de Fundo 1. Encontre uma imagem adequada para o seu fundo de background. 2. Navegue até a seção onde deseja definir a imagem como um fundo. 3. Para adicionar a imagem de fundo, clique no botão de "+" no editor de bloco. 4. Escolha "Fundo" e selecione a sua imagem. 5. Após adicionada, pode alterar a alinhamento, tamanho e posição da imagem, conforme necessário. ## Edição dos Elementos Básicos ### Texto 1. Selecione texto para criar um link interno. 2. Clique com o botão direito no texto selecionado e selecione "Link". 3. Adicione o URL da página para a qual o texto deve ligar. ### Botões 1. Clique com o botão "+" no editor de bloco. 2. Escolha "Botão". 3. Adicione um título (e. g. , "Saiba mais") para o botão. 4. Adicione o URL onde deseja que o botão vá (e. g. , "loja"). 5. Alterar tamanho, alinhamento e outras propriedades usando as opções no painel esquerdo. ### Espacadores & Posicionamento 1. Arraste um espacador para a página para adicionar espaço entre os elementos. 2. Arraste o espacador para ajustar sua posição. 3. Adicione mais espacadores para atingir layouts personalizados (e. g. , terças partes iguais). A seguir destas orientações, pode criar um layout otimizado e adicionar elementos básicos ao seu website Squarespace. Experimente continuamente o editor para descobrir mais funcionalidades e recursos. Para edição mais complexa e modelos de tema, Squarespace oferece modelos pré-feitos que são facilmente customizáveis para atender às suas necessidades. 🇵🇹 # Introdução ao Squarespace: Melhorando a Sua Loja Online Este guia irá Orienta-Lo por como melhorar a sua loja online Squarespace, concentrando-se em recursos essenciais e práticas recomendadas de otimização para engenharia de busca (SEO), navegação, design e comércio. ## Ativando e Desativando Páginas - Ative a página se desejar que ela seja visível. - Desative a página se estiver a trabalhar nele e não desejar que seja apresentada imediatamente. - Pode facilmente tornar a página visível apenas para usuários com a senha do administrador. ## Duplicando Páginas e Configurar como Página Principal - Duplique a página para criar uma nova versão. - Configurar a página duplicada como a página principal se necessário. ## SEO - Adicione um título e uma descrição às Tuas páginas. - Com dificuldade de baixo, certifique-se de que os títulos e descrições estão otimizados para motores de busca para ajudar a melhorar a visibilidade e o classificamento do teu site no Google. - Não esconda as Tuas páginas dos resultados de busca. ## Imagem de Rede Social - Personalize a imagem de rede social para cada página, a fim de controlar o o que aparece em prévia quando a página for compartilhada em plataformas de rede social. ## Navegação - Ajustar a ordem do menu de navegação arrastando e soltando. - Adicione páginas novas ao menu de navegação como necessário. ## Design - Personalize as tipografias, esquemas de cores e efeitos de animação do teu modelo a combinar com a marca. ## Produtos - Personalize a aparência e a disposição de itens da galeria de produtos. ## Ícone de Browser - Adicione a tua logotipo como o Ícone de Browser para fazer com que o teu website pareça mais profissional. ## Página de bloqueio de tela de checagem - Personalize a página de checagem de bloqueio para assegurar uma experiência de compra mais suave e mais segura para os teus clientes. ## Página 404 - Personalize a página 404 para fornecer uma experiência de usuário mais amigável quando os visitantes acabem por aterrissar em páginas que não existem. ## CSS personalizado - Deixe o CSS para profissionais de web se a não for familiar de código. ## Comércio - Subscreve a plan ingRESSAR na planilha comercial para habilitar características do comércio na página web do Squarespace. - Faça o teu melhor a usar as análises de comércio, ferramentas de mercadorias e funções integradas comerciais para uma experiência de compra online continuamente melhor. # Configurando Seu Produto: Uma Guia Passo a Passo para Loja de Roupas no Squarespace Aprenda a adicionar, gerenciar e excluir produtos na sua loja de roupas do Squarespace. ## Adicionando um Produto Para adicionar um produto, siga estes passos: 1. Clique em `Produto físico` para começar a adicionar um produto físico (ou `Produto digital` para itens digitais). 2. Depois de selecionar o tipo de produto, você será direcionado para uma nova página. 3. Adicione uma imagem (ou várias imagens se desejado) para o seu produto. Tenha em mente fotos de alta qualidade que apresentem os seus produtos em um ambiente apelativo. 4. Forneça um nome do produto e preço ou variações. 5. Opicionalmente, você pode alterar o SKU, adicionar dimensões, e especificar nomes opcionais para variações do produto, como a cor. 6. Escreva informações detalhadas sobre o seu produto para ajudar os clientes a tomar decisões de compra informadas. 7. Opcionalmente, você pode adicionar perguntas frequentes, imagens adicionais, e um formulário personalizado. 8. Adicione uma URL específica do produto para fins de SEO. 9. Salve e Publique o seu produto. ## Gerenciando a Estoque Para verificar a estoque: 1. Navegue para a página de estoque a partir do comercio. 2. Clique em cada produto individual para gerenciar a sua quantidade em estoque. 3. Ajuste a quantidade de estoque conforme necessário. 4. Salve suas alterações. ## Excluindo um Produto Para excluir um produto: 1. Navegue para a página de estoque a partir do comercio. 2. Clique no produto que você deseja excluir. 3. Clique em `Excluir`. 4. Confirme a exclusão. ## Configurando uma Desconto Para criar um código de desconto: 1. Vá para `Descontos` a partir do menu principal. 2. Clique em `Adicionar Desconto`. 3. Escolha o tipo de desconto (desconto por porcentagem, desconto fixo, ou envio grátis). 4. Insira os detalhes do seu desconto, como o código, valor do desconto e condições aplicáveis. 5. Salve o desconto. Boa venda! # Checkout Payments e Contas de Clientes Nesta secção, exploraremos as funcionalidades de pagamento no checkout e contas de clientes do Squarespace. ## Introdução Você pode se encontrar numa situação em que, talvez, o gato teve um acidente e ficou preso no muro, e você precisar pega-lo urgentemente. Enquanto cuidava da questão urgente, pode esquecer-se de algo que inicialmente planejou, como fazer uma compra de uma camiseta de nós. Este artigo irá ajudá-lo a compreender as funcionalidades de pagamento no checkout e contas de clientes, de modo a não perder a sua compra. ## Checkout Express Uma das grandes funcionalidades do Squarespace é o Checkout Express. Elimina a necessidade de um passo "Adicionar ao Carrinho", permitindo comprar um produto com um único clique, similar ao serviço de compra única do Amazon. Se você possui um site ou loja online que principalmente vende um produto, recomendamos utilizar esta funcionalidade por seu eficácia e facilidade de utilização. ``` seu peso vai ser o que a opção é ``` ## Contas de Clientes Ativar contas de clientes dá aos seus clientes a possibilidade de criar contas, comprisar um produto enquanto os itens ainda estão salvo no carrinho, e ver a história das suas compras. Isso também lhes permite enviar emails de lembretes. ``` seu gato chegou a piral he deus ou algo assim ``` ## Envio e Impostos Tratar adequadamente o envio e os impostos é essencial para manutenção da legalidade, e para entregar os produtos aos seus clientes. Você pode escolher entre quatro opções de envio: envio grátis, envio por peso, envio calculado pelo carteiro, ou taxa fixa de envio. Certifique-se de configurar zonas de envio para facilitar o processo para seus clientes. Caso queira facilitar as coisas para si mesmo, peça por envio grátis e integre-o ao custo com base nas suas políticas de marketing e seu mercado alvo. ``` caso contrário talvez esqueça e nunca faça uma compra ``` ## Contabilidade A contabilidade não é a parte mais excitante do processo, mas ela é essencial. Você pode baixar relatórios se necessário, o que será inestimável para rastrear os seus dados de vendas e analisá-los com outros programações como a Excel. ``` veja a sua própria no domínio ``` ## Notificações O sistema de notificações do Squarespace oferece dois recursos principais: alertas de baixa de estoque e notificações para clientes. Os alertas de baixa de estoque avisam quando seus itens chega a um nível determinado para que você possa comprar mais, enquanto as notificações para clientes ajudam a manter seus clientes informados sobre suas compras. Você também pode configurar emails de recuperação de carrinho abandonado e listas de espera, que podem ajudar a aumentar as vendas e mantê-los engajados. ## Ferramentas de Vendas As listas de espera e produtos relacionados são ferramentas de vendas que podem ser úteis para aumentar as vendas. Se alguém estiver visualizando um produto, pode ser possível exibir produtos relacionados que possam interessá-lo, oferecendo-lhe a chance de fazer mais vendas. Estas ferramentas podem não ser necessárias para iniciantes, mas podem ser importantes ao longer termo, conforme seu negócio crescer. ## Marketing O marketing é essencial para o sucesso de sua loja online. O Squarespace oferece campanhas de email e ferramentas de SEO para ajudá-lo a chegar a uma audiência maior e gerar mais vendas. Recomendo explorar estas funcionalidades a fundo para maximizar o potencial de sua loja online. ``` Squarespace eles geralmente são baratos 12 a 20 dólares por ano ``` Certifique-se de clicar no botão de publicar para publicar o seu site após a sua configuração. Depois da publicação, faça uma compra de teste ou regular para ver como funciona e verifique se você recebe todos os emails adequados. ``` Antrel Mediacom seria uma boa opção lá ``` Em geral, o Squarespace oferece um conjunto completo de ferramentas e funcionalidades para gerenciar sua loja online. Explore e utilize estas funcionalidades para dar um único passo à sua empresa. # Guia para E-commerce com Squarespace (Portuguese de Portugal) Este vídeo vai te guiar a configurar um site de e-commerce com Squarespace, com uma perspectiva de produtos físicos e digitais, serviços e um blog. O vídeo aborda aspectos importantes como Pixel do Facebook e anúncios, análise, agenda, extensões, permissões, links sociais, informação da empresa, adição de um domínio, e-mail do G Suite, cobrança e blogue. **Tabela de conteúdos** 1. **Pixel do Facebook e Anúncios** * O Pixel do Facebook e Anúncios são excelentes formas de obter vendas e crescimento de uma empresa rapidamente * Integrando o Pixel e usando reanuncia, poderás lembrar potenciais clientes dos seus produtos no Facebook. 2. **Análise** * Utilize a Análise para entender o tráfego, a conversão e a receita dos seus anúncios, produtos e serviços. 3. **Agenda** * A agenda permite que as pessoas reservedem ou agendem reuniões de forma prática. Embora não seja abordado extensivamente neste vídeo, poderá ser uma boa opção para o seu site de loja. 4. **Configurações** * As opções de extensões, permissões, conta e configurações geral estão discutidos. * O Squarespace disponibiliza extensões para funcionalidades diversas como tradução e entrega. 5. **Permissões** * As permissões concedem controle específico a usuários diferentes das várias seções do seu site Squarespace. Use este recurso efetivamente para gerenciar membros de equipe e proteger informação da empresa. 6. **Links Sociais** * Verifique se suas ligações sociais funcionam corretamente, redirecionando visitantes para suas plataformas oficiais. 7. **Informação da Empresa** * Preencha as informações empresariais essenciais no seu site Squarespace, como as horas, endereços, telefones, e-mails. 8. **Adicionar um Domínio** * Adquira e adicione um domínio único para uma URL profissional e facilmente reconhecível. 9. **E-mail do G Suite** * configure um e-mail profissional para a comunicação com clientes através do seu domínio. 10. **Cobrança** * Realize pagamentos e gerencie suas contas através da seção de configurações. 11. **Blogging** * Publique conteúdo engajado para melhor resultados em SEO, desenvolvimento da marca e maior exposição dos produtos nos motores de busca e plataformas sociais. **Ú Niñosa: Comparando Squarespace e Wix** (Vídeo 18: <https://www.youtube.com/watch?v=IapJ9byDsWE (Idioma: en>) ) * Se está a considerar a criação de um site sem aprender habilidades técnicas como anfitrião independente, WordPress ou Webflow, Squarespace e Wix são opções conveniente. A comparação de seus recursos principais pode ajudar a decidir a opção melhor adequada às suas necessidades de empresa. Faça seguro de usar o visualizador Squarespace e Wix disponível no final do vídeo para começar a criar o seu site de loja e a sua plataforma e-commerce. # Comparando Wix e Squarespace: Um Resumo Completo ## Espaços em Blankos Squarespace Conheça a funcionalidade de grade em Squarespace. Clique e arraste espacadores para posicioná-los, criando uma grade que pode ser movida livremente na tela. Esta nova funcionalidade permite sobrepor imagens, fornecendo uma flexibilidade adicional, embora abra a porta para possíveis erros de visualização em diferentes tamanhos de tela. ### Vantagens da grade em Squarespace - Edição de websites adaptados para diferentes dispositivos - Adição de vários blocos e elementos facilmente - Opções padrão que reproduzem o estilo de design de Squarespace para maior conveniência ## O Editor Wix Por outro lado, o editor em Wix oferece mais flexibilidade para customizar seu website e fornece uma experiência personalizada de acordo com a sua niches, preferências de design e necessidades específicas. 1. Escolher várias fontes e temas 2. T personalizar sua página sobre e home 3. Combinar entradas para criar um website personalizado pronto para uso 4. Acessar centenas de modelos em Wix, alguns deles gratuitos 5. Utilizar o sistema de layout de seções do editor Wix 6. Zoom e mover elementos dentro do editor sem esforço ## Responsividade móvel em Wix e Squarespace Ambos os editores de website oferecem opções de visualização em tela móvel, de modo a ajustar o layout para a melhor funcionalidade em dispositivos diferentes. ## Bloggando com Wix e Squarespace Ainda que WordPress seja a plataforma de blogging mais capaz, também Squarespace e Wix oferecem funcionalidades de blogge capazes. - Wix oferece opções de layout personalizadas para o blog - Agendar publicações, moderar comentários, moderar comentários por padrão para conteúdo intenso e utilizar feeds RSS para distribuição fácil de conteúdo quando usar Squarespace. ### Características de Comércio Eletrônico para Wix e Squarespace Ambos os editores de site oferecem áreas de membro para logins de usuários, lojas e serviços digitais. Suas funcionalidades de comércio eletrônico podem incluir: - Ferramentas de agendamento - Distribuição automática com plataformas de terceireis como Printful e AliExpress - Opções de restaurante e reservas em Wix. #### A vantagem do mercado de aplicações, apps e plugins em Wix Explore um extenso mercado com mais de 250 aplicações personalizáveis no mercado de aplicações de Wix. Alguns recursos incluem: - Adição de ícones de redes sociais e áudios de fundo personalizados - Um calendário de eventos - Rastreamento de lucros # Análise Comparativa: Wix vs. Squarespace Comece agora e você será guiado por um processo agradável de adição de tudo o que você possa precisar. Você pode fazer parte deste trabalho com Squarespace, e frequentemente a escolha seja apenas questão de preferência em relação ao qual plataforma é mais fácil ou mais personalizável. No entanto, para fins pessoais, a Wix jamais leve um pouco de vantagem, especialmente em termos de preço. ## Preços Aqui estão os detalhes do preço, lembrando que estes são planos anuais: - A Squarespace começa em $16 por mês e oferece quatro níveis: $23, $27, e $49 por mês. Se você paga apenas mensalmente, será mais caro. - A Wix é semelhante com planos iniciando em $16 e indo até $22, $27, $45 por mês. Os planos mais altos são ligeiramente mais baratos, mas o plano mais baixo é o mesmo em ambos os lançamentos. A Wix também oferece mais opções para e-commerce e grande empresas, e ela stratifica tudo em vários lugares. Além disso, a Wix oferece uma versão gratuita, ao contrário da Squarespace, que apenas oferece uma versão de avaliação gratuita. ## Escolha do Plataforma Correta No limite, a escolha entre a Wix e a Squarespace depende de suas necessidades. Se você deseja personalizar tudo no seu site e ter muitas opções de personalização para design e funcionalidade, a Wix é a melhor opção, especialmente devido aos ferramentas de personalização de design mais personalizáveis e à ampla seleção de plugins/aplicativos. No entanto, se você deseja uma solução de caixa preta que já tem um bom design com a personalização fácil de adição de imagens e modificação de elementos, a Squarespace é uma ótima opção, pois fornece uma experiência mais curada com menos necessidade de personalização ou aplicativos adicionais. ## Conclusão Ambas a Wix e a Squarespace são excelentes geradores de sites que se destacam em diferentes áreas. É importante avaliar suas necessidades específicas antes de decidir qual a melhor opção para você. === Vídeo 19: [https://www.youtube.com/watch?v=FOH0eQteq4o%20%28Linguagem:%20en)](https://www.youtube.com/watch?v=FOH0eQteq4o%20(Linguagem:%20en)) Neste vídeo, comparto 15 erros potenciais que você pode estar cometendo em seu site que podem te impedir de obter sucesso. Estes erros são fáceis de cometer, mas também fáceis de corrigir. Este vídeo será basicamente uma lista de 15 itens de ações executáveis, permitindo-o passar por seu site, realizar uma auditoria e melhorar imediatamente. Aqui estão os 15 erros cobertos no vídeo: 1. URLs impecificadas; 2. Falta de site para móveis; 3. Problemas de link; 4. SEO precário; 5. Uso de um site gratuito ou do nível inferior; 6. Falta de uma finalidade clara; 7. Uso de conteúdo genérico; 8. Desprendimento da otimização da imagem; 9. Neguidado ao conteúdo de vídeos; 10. Falta de chamadas para ação; 11. Layout aglomerado; 12. Maus usos do espaço em branco; 13. Uso inefetivo de Tipografia; 14. Desprendimento ao teste de experiência do usuário; 15. Ignorância do controle de análise. Cada um destes erros é discutido no vídeo em detalhes, junto com dicas para corrigir. Por resolver esses problemas, você pode melhorar significativamente o sucesso geral de seu site. # 15 Maiores Erros Que Observi em Sites Feitos com Wix (e em Qualquer Plataforma) Nesta guia, farei um repass sobre os 15 erros mais comuns que observei na criação de sites, enfocando-se em Wix, mas aplicável a qualquer plataforma. ## 1. Encorajar Potenciais Clientes a Entrar em Contacto e Engajar Para encorajar potenciais clientes a se engajarem, certifique-se de que o seu site os leve a entrar em contacto com você ou a tomar algum tipo de ação. Para fundraising, isso pode involver links de doação, enquanto para serviços de consultoria, mantenha o área de rodapé limpa e inclua um formulário de contacto ou acesso fácil ao teu contacto. ## 2. Padrões de Enlace Consistentes e Lógicos Garanta que os enlaces no seu site seguem um padrão lógico e levem visitantes na direção desejada. Por exemplo, botões como "Contate-Nos" na página de entrada ou um botão "Veja Agora" simples na página de serviços pode ajudar a guiar eficazmente os usuários. ## 3. Isolar o Seu Site Manter plataformas de redes sociais, marketing email, e outros extensiones do teu site para capturar tráfego e promover a interação. Plataformas multiplas ajudam a espalhar a conscientização e a fornecer backup em caso de problemas como rankings de conteúdo ou baixo tempo de consulta do website. ## 4. Velocidades Lentas do Site Optimize a velocidade do site para garantir conteúdo leve e carregamento rápido. Reduza fontes excessivas e resoluções de imagens, e otimize os certificados SSL para melhorar o desempenho. ## 5. Falta de Valor e Ferramentas para Visitantes Forneça valor e ferramentas úteis aos visitantes para incentivá-los a engajarem, partilhar, marcar favorito, e voltar ao site. Além disso, tem como objectivo criar uma experiência de utilizador positiva que cria confiança e leva a ação. ## 6. Navegação Ruim Garanta uma navegação clara e fácil ao longo do site. Coloque títulos e ancoras logicamente, de modo que seja fácil para os visitantes explorarem o site. ## 7. Aestética Ugly Manter uma estética limpa e profissional mantendo o uso de cores, fontes, e outros elementos limitados. Um layout simples e atractivo melhora o experiência de utilizador e cria confiança. Considere utilizar formatos pré-definidos ou contratar um *designer* gráfico para um aspecto polido. ## 8. Email Para Negócios Impróprio Utilize um email para negócios instead of um email bonito para fins corporativos. Temos [seu_nome]@gmail. com ou similares endereços que podem vencer como impróprios e poderão dissuadir potenciais clientes. ## 9. Trabalhar fora dos Limites Manter-se presos aos limites sugeridos no seu site para assegurar a otimização a partir de vários dispositivos. Tenha cuidado em respeito a texto cortado e compose um layout que acomode vários ráios de telas. ## 10. Ancoras Inadequadas Localize os ancoras adequadamente no teu site para evitar problemas como descolocação de scrolling ou navegação desagradável. Ancoras alteradas podem dar a aparência desorganizada e impolida. ## 11. Falta de Ligação do Logo para a Página Inicial Sempre ligue o seu logo para a página inicial para fornecer um caminho fácil para os visitantes para destinos de final de verba no teu site. ## 12. Não Avide, Otimizar para Smartphones Garanta que o seu site é responsivo, ou seja, adaptáveis a varias telas de tamanhos e dispositivos. Use ferramentas como o Teste No Dispositivo Móvel da Google para avaliar a responsividade do teu site. ## 13. Estrutura do Sítio Complicada Manter a estrutura do teu site simples e intuitiva. Evite complicar excessivamente menus ou criar páginas irrelevantes que frustram os visitantes e dificultem a interação. ## 14. Falta de Otimização para o SE Otimize o teu site para motores de busca, incorporando palavras-chave adequadas, produzindo conteúdo de qualidade, e integrando outros recursos de SEO instrumentalizado no páginas. ## 15. Falta de Marcas de Comercial Manter a marca de Toma de nota identidade consistente no seu plataforma incluindo a paleta de cores, tipografia, e mensagem para apresentar uma imagem polida e profissional para o teu público-alvo. --- Lembre-se de rever este artigo para erros de ortografia, sintaxe e erros de gramática para garantir a claridade e a facilidade de entendimento. Por mais dicas e vídeos de tutorial, considere visitar o vídeo deste [link](https://www.youtube.com/watch?v=R8nD9Xon2I4) (Língua: en) para um guia completo sobre como criar uma loja online usando BigCommerce para iniciantes. # Visão Geral: Construção de uma Loja com o BigCommerce **Introdução** *Muitas pessoas utilizam o BigCommerce para fins específicos, e destaca-se uma altíssima taxa de disponibilidade de 99, 99%, o que significa que o seu website será quase sempre disponível, reduzindo a possibilidade de perder clientes devido a páginas web indisponíveis. * **Iniciando** 1. Clique no link fornecido no topo da descrição para iniciar o tutorial. Pode abrir-se em uma aba nova para uma melhor visualização. 2. Visite a página inicial do BigCommerce. Algumas marcas conhecidas que utilizam o BigCommerce incluem Ben & Jerry's e CandleWoolrich. 3. Clique em "Começar" ou "Iniciar um Trial Gratuito" para começar o processo de criação da sua loja. 4. Introduza o seu endereço de e-mail (por exemplo, sam. mike@santrialcentral. com), crie uma senha e especifique que sua loja online ainda não começou a operar. 5. Siga as directivas para criar a sua loja. O processo pode levar alguns minutos. **Visão Geral do Painel de Controle do BigCommerce** *O painel de controle do BigCommerce está dividido em várias secções. * **Barra de Ação** - Apresenta o número de dias restantes do trial e o plano que seleciona ou pode selecionar. - Te avisa de atualizações ou ações necessárias. **Barra Lateral** - Contém várias opções para gerir a sua loja, como Produtos, Pedidos e Personalizar o Email. **Página Principal** - Sobrepõe-se a um painel que fornece uma visão geral da performance da sua loja. - Clique em "Ver Loja" para ver como a sua loja se vai a aparecer no momento atual. **Construindo a Sua Loja** **Produtos** - Gestão de produtos, incluindo a adição, edição e eliminação de itens. **Pedidos** - Gerencia pedidos entrantes, exporta dados dos pedidos e organiza-os. **Personalização da Loja** - Permite alterar o design, a disposição e a funcionalidade da sua loja. **Conclusão** *De acordo com este tutorial, você deverá entender como criar e gerir uma loja utilizando o BigCommerce. * # Gerenciamento de Loja Virtual com BigCommerce Utilize o BigCommerce para criar e gerenciar sua loja online. Aqui está um passo a passo sobre como adicionar um novo produto, incluindo características importantes como variações de produto, controle de estoque e personalizações. ## Adicionando um Novo Produto 1. Navegue para o Catálogo de Produtos e clique em `Adicionar Produto`. 2. **Título do Produto**: Dê um título curto e descritivo para seu produto. Por exemplo, `Camiseta Branca`. 3. **Descrição do Produto**: Escreva uma descrição detalhada de seu produto. Issso deve incluir recursos, benefícios e informações importantes. 4. **Variações de Produto**: - **Cor**: Você pode oferecer opções de cores diferentes para seu produto. Imaginemos vermelho, verde, azul e branco. Por padrão, você pode definir o branco como a primeira opção. Você também pode rearranjar as opções conforme necessário. - **Tamanho**: A adição de tamanhos a seu produto pode ser útil, especialmente para roupas. Por exemplo, magro, largo e maior. Defina o largo como a opção padrão. 5. **Preços**: Você pode ajustar o preço para cada variante se necessário. Por exemplo, se custar mais produzir uma camiseta branca de tamanho maior, você pode definir o preço de acordo. 6. **SKU**: Adicione SKU's para todas as variantes. Isso é importante para o controle de estoque e outros fins. 7. **Personalização**: Adicione opções de personalização, como adicionar um número de equipa, uma mensagem especial ou embalagem especialmente feita. 8. **Detalhes da Loja**: Esta seção é para SEO e otimização de interface do usuário. Considere adicionar palavras-chave relevantes, informações de garantia, disponibilidade do produto, campos personalizados. 9. **Controle de Estoque**: Faça o cadastro do estoque existente e configure notificações para estoque baixo. 10. **Salvar**: Quando você tem preenchido todas as informações necessárias, clique em `Salvar`. ## Gerenciando Produtos Existentes 1. **Visualização**: Vá ao Catálogo de Produtos e clique em `Visualizar` para gerenciar produtos existentes. 2. **Exclusão de Produtos**: Remova produtos desnecessários de sua loja. 3. **Edição em Lote**: Edite vários produtos simultaneamente. 4. **Gestão de Categorias**: Organize seus produtos em categorias para uma navegação mais fácil. 5. **Esconder Produtos**: Oculte produtos de comprador ou mostre-os na homepage. 6. **Classificação de Produtos**: Classifique facilmente produtos baseados em várias categorias, como fora de estoque, envio grátis e mais. --- ## Personalizando a Loja Virtual 1. **Pautas**: Escolha entre uma variedade de temas gratuitos e pagos para ajustar sua loja ao seu brand. Você pode visualizar diretamente os temas na sua loja para ver como eles ficam antes de aplicá-los. --- ## Conclusão O BigCommerce oferece uma interface de usuário amigável para gerenciar sua loja online. A seguir, você pode adicionar novos produtos, gerenciar os existentes e personalizar a sua loja virtual para criar uma experiência de compra engajante para seus clientes. # Customização de seu site BigCommerce Este guia você vai passar pela processo de customização de seu site BigCommerce, com foco em adição e configuração de temas, logotipos, favicon, carrossel da homepage, links de redes sociais, páginas do site, blog e edição de seu site. ## Aplicar um Tema Para aplicar um tema no seu site, siga esses passos: 1. Navegue para **Meus Temas** 2. Escolha o tema que deseja aplicar da lista e clique em **Aplicar** 3. Agora o tema selecionado deve aparecer no menu superior como tema ativo ## Adicionar um Logotipo Antes de começar a editarlar seu site, adicione um logotipo seguindo estes passos: 1. Vá para a seção **Logotipo** 2. Você pode adicionar um logotipo de texto e alterar a fonte, a cor, etc. , ou usar uma imagem, que é recomendado, pois é mais fácil de combinar a fonte, a cor e o tamanho certos. ## Adicionar um Favicon Garanta que você tenha um favicon (ícone do navegador) seguindo estes passos: 1. Vá para a seção **Favicon** 2. Adicione seu favicon para fazer seu site parecer profissional e facilmente reconhecível. ## Carrossel da Homepage No seu site principal, você pode adicionar uma série de slides com a possibilidade de edição deles e escolha de qual deles serão destacados. ## Links de Redes Sociais Adicione links de redes sociais para a barrinha de pesquisa, rodapé ou outras partes de seu site, para que as pessoas possam encontrar facilmente e se conectarem com as suas plataformas de mídia social. ## Páginas do Site, Blog e Modelos de Email Você também pode gerenciar páginas do site, publicações do blog e modelos de email, mas estes tópicos não serão abordados em detalhes neste guia. ## Edição do Site Para começar a editar o seu site, siga estes passos: 1. Navegue para **Meus Temas** 2. Clique em **Personalizar** para abrir o editor de site 3. Adicione, remova ou reorganize elementos na tela como necessário para que o seu site fique melhor 4. Altere as imagens de slides, produtos em destaque e widgets para personalizar o seu site. ## Trocar Estilos do Tema Você pode trocar os estilos gerais do tema, como cores, fontes e outros elementos de design, na seção **Estilos do Tema**. ## Estilos Globais A seção **Estilos Globais** permite alterar as cores de fundo, o cabeçalho móvel do site, rodapé e outros elementos de design globais. ## Previsualização em Dispositivos Móveis Verifique a aparência do seu site em dispositivos móveis usando a opção **Visualização móvel** para garantir que ele seja exibido corretamente em todos os dispositivos. **Começando com BigCommerce** --- **Navegando na Página Inicial** Para voltar para a página inicial, clique no logotipo de BigCommerce no canto superior esquerdo. Isso o levará de volta para a página inicial, onde você poderá continuar a editar sua loja online. --- **Personalizando a Loja Online** A loja online é de grande importância, pois permite a personalização e torná-la atraente. Algum tema que eu apresentou talvez não seja tão bom de olhar, mas o BigCommerce oferece uma larga variedade de temas que podem tornar sua loja mais profissional, dinâmica e visualmente atraente. --- **Encontrando o Temas Certos** Encontrar o tema certo pode exigir tempo e esforço, pois você talvez queira encontrar um tema a pagar para que tenha um aspecto mais polido. Os temas gratuitos não terão o mesmo nível de qualidade que os temas pagos, mas há muitas opções disponíveis. Para encontrar o tema certo, explora as diferentes opções oferecidas pelo BigCommerce e personaliza-as conforme necessário. --- **Ferramentas de Marketing** O marketing é essencial para o sucesso do seu negócio. O BigCommerce oferece opções de banners, promoções e notificações de carrinhos abandonados, entre outras ferramentas. Aqui temos como usá-las: 1. **Banners**: Adicione banners à sua loja com promoções e ofertas como envio grátis ou descontos. Integre-os com o MailChimp para campanhas de marketing por email. 2. **Promoções**: Crie códigos de desconto e promoções para atrair os clientes, e envie-os via email através do MailChimp ou outras plataformas de marketing por email. Você até pode agendar emails automatizados, como enviar emails de feliz aniversário aos clientes leais. 3. **Notificação de Carrinhos Abandonados**: Enviar emails de seguimento aos clientes que têm itens no carrinho e não completaram a compra, remetendo-lhes um lembrança de sua potencial compra e incentivando-os a completá-la. --- **Configurando o Plano** Existem diferentes planos disponíveis no BigCommerce, cada um com sua própria lista de características e preços. Certifique-se de ler mineramente os detalhes e escolha o plano que melhor se encaixa nas suas necessidades. Tenha consciência do número de vendas online por ano para evitar ultrapassar qualquer limite de vendas. --- **Outros Recursos** O BigCommerce oferece uma gama de outros recursos, como: 1. Avaliações do Clientes de Google 2. Gerente de Canais para a venda em outras plataformas como o Amazon, eBay, Instagram e Facebook 3. Analytics para monitorar o desempenho da sua loja e do seu site 4. Aplicativos para melhorar as funcionalidades da sua loja, como o suporte ao chat ao vivo, gestão de impostos, avisos de quantidade em estoque e integração de envio. --- **Configurando o Transporte e Impostos** É necessário configurar o transporte e os impostos corretamente para assegurar uma experiência de compra suave para os seus clientes. Sigam estas etapas para começar: 1. Faça a configuração da sua localização, da moeda e da forma de pagamento na parte de configuração da loja. 2. Escolha o método de transporte e a transportadora que melhor atendem às suas necessidades. 3. Configure as cobranças de impostos conforme a sua localização para evitar quaisquer problemas ou perdas de receita. --- **Testando a Loja** Antes de fazer o lançamento, teste a sua loja comprando produtos de si mesmo e verifique se tudo funciona corretamente. Isso lhe ajudará a identificar e corrigir quaisquer problemas antes dos seus clientes os encontrarem. --- **Resumo** O BigCommerce oferece uma ampla gama de características e ferramentas para ajudá-lo a criar uma loja online profissional, apelo e eficiente. Tome o tempo necessário para explorar o que ele tem a oferecer e personalize-a para atender às suas necessidades. Feliz venda! # BigCommerce vs. Shopify: Quatro Opções Top de Alternativas para seu Loja Virtual Este guia irá comparar BigCommerce, Shopify e quatro outras opções top de e-commerce para a sua loja virtual. Abordaremos suas principais funcionalidades, escalabilidade e benefícios, ajudando-o a tomar uma decisão informada para seu negócio online. ## Introdução Muitas pessoas têm obtido alto sucesso comercial com o e-commerce, e provavelmente você é uma delas também. Talvez já tenha ouvido falar do Shopify, que é uma plataforma popular para vender produtos online, mas talvez tenha encontrado algumas dificuldades que lhe estão impedindo de ter sucesso. Este vídeo se foca em quatro alternativas top de Shopify para ajudá-lo a superar essas dificuldades. ### Faltas Críticas no Shopify Para diferentes pessoas, as falhas críticas no Shopify poderão variar. Pode ser a falta de flexibilidade, a preços, o SEO, o blogues, ou até mesmo os modelos. Neste vídeo, discutiremos quatro grandes alternativas a Shopify que têm o potencial de solucionar esses problemas para você. ## BigCommerce: Uma Óptima Alternativa ao Shopify O BigCommerce é uma recomendação fácil para aqueles que procuram vender produtos online, já que oferece e entrega muito o que o Shopify faz, mas com uma abordagem ligeiramente diferente. Confiado por grandes marcas, o BigCommerce é uma plataforma escalável e poderosa para e-commerce. ### Recursos - Ferramentas avançadas de otimização de busca-pessoal (SEO) - Opções de design versáteis e personalizáveis - Suporte para grandes pedidos e gestão de estoque - Integração com gateways de pagamento populares - Mercado de Aplicativos com uma variedade de extensões - Suporte para vendas multicanais (e. g. , Amazon, eBay, Pinterest) O BigCommerce é uma ótima opção para empresas de pequeno e grande porte, oferecendo uma interface intuitiva, recursos avançados e planos de preços abordáveis. Para mais informações, visite o site do BigCommerce. ## Woocommerce: A Solução do WordPress Se encarou o Shopify como sendo alto, limitado ou caro, poderia ser a perfeita alternativa. É um plugin gratuito para WordPress, que possui cerca de um terço do Internet. O Woocommerce lhe permite vender produtos e gerenciar sua loja de forma eficiente. ### Recursos - Design e funcionalidades personalizáveis - Otimização de busca-pessoal (SEO) amigável - Compatível com vários plugins para recursos adicionais - Oferta uma ampla gama de opções de gateways de pagamento - Pode ser hospedado em qualquer servidor - Suporte para linguagens multi-idioma para vendas internacionais O Woocommerce é uma opção ótima para aqueles que procuram uma solução flexível e econômica para a sua loja de e-commerce. Para mais informações e tutoriais, visite o site do Woocommerce. ## Outras Opções de Alternativas a Shopify Se procura por opções mais simples a Shopify, temos aqui duas mais opções excepcionais: Magento, e Squarespace. ### Magento O Magento é uma plataforma de e-commerce baseada em código aberto que inclui várias funcionalidades, incluindo: - Ferramentas de otimização de busca-pessoal (SEO) avançadas - Múltiplas faces de loja - Infraestrutura aplicável a grandes cargas - Opções de customização extensivas - Integração com serviços terceiros O Magento é uma ótima opção para grandes empresas com requisitos complexos, já que oferece uma ampla gama de opções de customização e se aplica a crescimento sem problemas. ### Squarespace O Squarespace é uma solução simples e completa para construir um site web e loja de e-commerce. Ele oferece: - Modelos personalizáveis - SEO otimizado - Integracão com gateways de pagamento populares - Ferramentas de marketing O Squarespace é uma opção ideal para iniciantes ou pequenas empresas que procuram uma solução simples e fácil de usar para e-commerce, com modelos estilosos e ferramentas de marketing. ## Conclusão Neste vídeo, discutimos quatro alternativas a Shopify, cada uma endereçando problemas comuns encontrados ao começar uma loja de e-commerce. Se prioriza o econômico, flexibilidade ou personalização, há uma opção para todos para se encontrar com sucesso no mercado de e-commerce. Para mais dicas sobre a construção e crescimento da sua loja online, garanta-se que se inscreva no nosso Canal e saiba mais sobre nossas outras pré-requisitos e tutorials. Se tiver alguma dúvida, não se seja timido em fazê-la no campo de comentários. Estamos aqui para ajudá-lo a se situar! ### Vídeo 21: <https://www.youtube.com/watch?v=Ne1FAs_gQZk (Idioma: en)> Se procura alternativas a Shopify, este vídeo discute quatro opções excelentes com base em nossa experiência para ajudá-lo a superar as flaws críticas que o impedem de se destacar. Para comparações mais detalhadas, leia nossos tutoriais e deixe suas dúvidas no campo de comentários. Boa sorte no seu mercado de e-commerce! 🚀🛍️💼🚀 # Vídeo 22: <https://www.youtube.com/watch?v=P8vZ15qyOPM> (Idioma: en) Olá a todos, bem-vindos ao canal! Neste vídeo, vou te guiar passo a passo sobre como criar uma loja online ou um site de e-commerce com o menor esforço possível, mas ao mesmo tempo criando um site que possa escalar com a sua empresa à medida que ela cresce. Neste vídeo, vamos utilizar o WooCommerce, que roda em WordPress, uma plataforma popular por diversas razões. 1. **Aficacão**: Ambos o WooCommerce e o WordPress são gratuitos, o que significa que você apenas terá de gastar com o seu domínio e hospedagem, tornando esta uma opção bastante acessível e versátil. 2. **Poder e escalabilidade**: O WordPress abrange aproximadamente um terço da internet. É uma das formas mais populares de criar um site, e por causa de seu tamanho, você tem acesso a muita funcionalidade, apps, plugins e temas, oferecendo-lhe muitas opções para o design e funcionalidade da sua loja online. 3. **Robustez e crescimento**: O objetivo é criar um site que seja robusto e simples, um que possa crescer com você ao longo do tempo, enquanto a sua loja e a sua marca se desenvolvem. **Nota**: Se não tiveres qualquer experiência em criação de sites, não se preocupes. Vou explicar tudo, tornando este o mais simples possível para os iniciantes. Também vou adicionar detalhes técnicos para aqueles que estão interessados. Agora, vamos em frente para a configuração da sua loja online. 1. **Hospedagem e domínio**: Para criar a sua loja online, vamos ir para [centralmedia. com](http://centralmedia.com) e então para SiteGround. Isso irá te levar para a mesma página, e você verá uma desconto nos planos de hospedagem, tornando-os mais acessíveis. * A primeira etapa é decidir qual plano se adapta melhor às suas necessidades, levando em consideração que sempre pode atualizar mais tarde. Para criar uma loja online, o SiteGround é recomendado devido à sua fiabilidade e robustez. * O plano StartUp é uma opção boa para iniciantes ou aqueles com tráfego baixo, mas se esperar mais visitantes e precisar de mais armazenamento, talvez precise considerar o plano GrowBig ou GoGeek. Lembre-se de que existem muitas outras opções de hospedagem disponíveis, e deixarei alguns links abaixo. 2. **Configuração de WordPress**: Depois de escolhido o plano de hospedagem, siga as instruções do SiteGround para instalar o WordPress. 3. **Instalação de WooCommerce**: Depois de instalar o WordPress, navegue até a secção de plugins e procure por "WooCommerce. " Instale e ative o plugin. 4. **Configuração de WooCommerce**: O WooCommerce te guiará através da configuração da sua loja, incluindo a moeda e os métodos de pagamento, transporte e impostos. 5. **Configuração de Produtos**: Agora você pode começar a adicionar produtos à sua loja. O WooCommerce suporta produtos físicos, produtos digitais, produtos baixáveis, produtos variáveis, produtos em grupo e mais. 6. **Personalização do Site**: Escolha um tema para que o site seja estiloso. O WooCommerce oferece vários temas, e existem # Guia de Siteground Hosting: Configurar um Website com o Plano Grow Big **Introdução** Este guia vai guiar você pelo processo de configurar um website com o plano Grow Big da Sitground, começando da escolha do plano, da seleção de um domínio, da criação de uma conta e da instalação de WordPress. **Escolhendo o Plano** A Sitground oferece uma variedade de planos de hospedagem, cada um com sua própria conjuntura de características. O plano Grow Big é uma opção popular devido aos recursos extra para lidar com tráfego maior, melhora no desempenho e recursos como uma garantia de 30 dias de dinheiro de volta e um renovável energia em 100%. **Escolhendo um Domínio** Um domínio é a endereço que as pessoas introduzem no seu navegador para acessar seu site. Neste exemplo, iremos usar `www. centralsurfshop. com` como o nosso domínio. Você pode escolher comprar diretamente pelo Sitground, ou ligar um domínio existente se tiver. **Criando uma Conta** criar uma conta no Sitground requer um e-mail e uma senha segura. Garanta-se que crie uma senha forte para ambos o e-mail e a sua conta de Sitground para proteger seu site. Durante o processo de inscrição, também você poderá ser oferecido um desconto especial. **Escolhendo o Prazo** Uma vez que tenha escolhido o seu plano e domínio, estará apresentado com opções de preços. O plano de 12 meses oferece o melhor valor, sendo assim a escolha mais econômica. **Serviços Adicionais** A Sitground oferece serviços adicionais como registro de domínio, privacidade do domínio e scanner de site. Estes serviços podem ser adicionados ao seu plano se necessário. **Confirmando e Completando a Compra** Após escolher o seu plano, domínio e qualquer serviço adicional, você será encorajado a revisar suas informações e detalhes do pagamento. Depois de confirmar suas informações, complete a compra para finalizar o processo de configuração. **Acessando o Dashboard da Sitground** Após completar a compra, será redirecionado para o Dashboard da Sitground. Este dashboard contém várias ferramentas para gerenciar seu site, incluindo a criação de mais sites, gerenciamento de serviços e fiscalização, bem como suporte técnico. **Instalando WordPress** O WordPress é um sistema de gerenciamento de conteúdo popular utilizado para construir sites. Para instalar o WordPress no seu conta Sitground, vá para o Dashboard da Sitground e siga o assistente de instalação. Esta o guiará pelo processo, permitindo-lhe a criação de um novo site WordPress ou uma migração de um site existente. **Entrando no Sistema WordPress** Quando o WordPress for instalado, você pode acessar o seu site digitando o domínio seguido de `wp-admin`, como `seuwebsite. com/wp-admin`. Isso o levará à página de login do WordPress, onde você pode inserir seu nome de usuário e senha para administrar o seu site. **Configurando um Tema** Depois de entrar no WordPress, você pode personalizar a aparência de seu site escolhendo e ativando um tema. Existem muitos temas de livre e pagamento disponíveis, tanto dos Sitground como em outras origens. Para instalar um tema, vá para o painel do WordPress, clique em Appearance > Themes, e siga as instruções para instalar e ativar o tema que escolher. Com este guia, você deve agora ter uma noção básica de como configurar um website com o Sitground's Grow Big plano. Feliz construção! # Utilizando um Modelo para Construir Seu Sítio Web do WordPress com Elementor Em vez de construir um site a partir do zero, o qual demandaria um tempo significativo, é mais eficiente começar a partir de um modelo. Siga as instruções a seguir: 1. **Instalar o Plugin Importador** - Feche a aba atual e navegue até as Opções da Astra no lado esquerdo. - No lado direito, você pode instalar o Plugin Importador. Isso lhe permite instalar um sítio inteiro com imagens e textos de dummy, que poderá então substituir e personalizar. 2. **Escolher um Modelo Elementor** - Após instalar o Plugin Importador, navegue até a biblioteca de modelos e templates Elementor, onde encontrará diversas opções bem construídas e requerendo pequena customização. 3. **Selecionar um Modelo de acordo com sua Marca** - Escolha um modelo que seja semelhante à temática do site desejado, isso lhe ajudará a respeito da fonte, estilo e design geral do site. 4. **Importar o Sítio** - Escolha o modelo que deseja utilizar e importe o sítio completo. Em seguida, poderá então prosseguir com as etapas seguintes para customizar o sítio segundo as suas necessidades. --- *Este vídeo guiará-o através do processo de instalação e utilização do modelo Elementor para criar seu Sítio Web do WordPress com facilidade. Para temas mais avançados sobre a utilização de Elementor, consulte o tutorial relacionado ligado no final do vídeo. * --- Neste vídeo, você aprenderá a: - Instalar e utilizar um modelo Elementor - Personalizar o seu site usando a extensa biblioteca de Elementos e Modelos - Encontrar modelos que fazem o sentido para sua marca e metas de seu site - Importar um sítio completo para salvar tempo e começar o processo de customização com antecedência - Atualizar os plug-ins do WordPress e templates para garantir as versões mais recentes. # Guia do Wordpress WooCommerce: Criação de uma Loja Online Crie uma guia estruturada e informativa sobre como utilizar o Wordpress WooCommerce para criar uma loja online. ## Visão Geral Aprenda a tirar o máximo proveito das funcionalidades do WooCommerce ao construir uma loja online. Esta guia você vai fazer passo a passo pelo processo de configurar a sua loja, adicionar produtos e personalizar a mesma para cumprir as suas necessidades. ### Vantagens do Utilizador dos Modelos e Tema - Economize tempo utilizando modelos e temas pré-feitos para configuração e personalização rápida. - Gerencie um número maior de postagens e produtos de forma eficiente utilizando modelos. - Os modelos e temas oferecem flexibilidade e possibilidades ilimitadas quando se trata de criar uma loja online. ### Gestão de Utilizadores - Adicione membros da equipa ou funcionários ao website para colaborarem. - Atribua diferentes funções aos utilizadores, como editores, colaboradores, autores, inscritos e moderadores para controlar o acesso a diferentes ferramentas. - Explore as diferentes funções e as suas respectivas permissões abaixo para mais informações. ### Configuração e Ferramentas - Navegue pelas diferentes funcionalidades disponíveis no painel de controlo à esquerda. - Personalize passo a passo a sua loja online conforme avança pela guia. ## Criação da Sua Loja Online ### Remoção de Produtos Padrão 1. Navegue para a secção de Produtos na barra ao lado. 2. Selecione e elimine os produtos padrão para evitar confusão ou vendas acidentais. 3. Utilize a opção Lixo para mover os produtos eliminados em vez de os apagar permanentemente. ### Adição de Novos Produtos 1. Clique na secção de Produtos na barra ao lado. 2. Clique em "Adicionar Novo" para criar um novo produto. 3. Escolha uma das seis opções de produtos disponíveis para a sua loja online. ### Produtos Simples - Utilizados essencialmente para a venda de produtos individuais sem variações. - Úteis para produtos físicos que irão ser entregues. ### Dados do Produto - Dê um título único e informativo ao produto, garantindo que a permalink seja concisa e fácil de ler. - Crie uma descrição do produto detalhada, utilizando cabeçalhos, texto em negrito e itálico para garantir que seja mais engajante para os clientes. ### Preço e Inventário do Produto - Defina o preço regular do produto e lembre-se de adicionar um preço de desconto se necessário. - Defina unidades de stock keeping (SKU) e CRM o produto de acordo. ### Informação de Envio - Faça pesquisas para determinar a empresa de envio, a classe de transporte e as medidas dos seus itens. - Provedor informações precisas de peso para os seus produtos, selecionando as unidades de medida e dimensões corretas. ## Conclusão Explore os outros tipos de produtos (Produtos virtuais, Produtos para Download, Grupos de produtos, Produtos de afiliação e Produtos com variações) para descobrir as suas respectivas funcionalidades e utilizações na sua loja online. Personalize a sua loja online para cumprir as suas necessidades específicas e atingir os seus clientes de forma efetiva. *** Pode lhe ser ligação às referências e aos recursos adicionais abaixo para ajudar os utilizadores a melhor compreender diferentes funções, funcionalidades e tipos de produtos numa loja online WooCommerce. # Guia para Criar um Produto Simples em Markdown ## Descrição Geral Aqui está um guia para criar um produto simples em um site de e-commerce usando Markdown. Neste exemplo, utilizaremos o [Shopify](https://www.shopify.com) como plataforma de e-commerce. ## Criando um Produto Simples ### Descrição do Produto Começaremos navegando até a página de produtos no painel de controle do Shopify e clicando em "Adicionar novo produto". ### Informações Básicas - **Título**: O seu título deve ser claro e conciso. Por exemplo, "Cera para Surf". - **Descrição**: Forneça uma descrição curta e clara do produto. Por exemplo, "A cera para Surf é um produto fundamental para manter sua prática de surf. Esta cera ajuda a manter a sua taboa em local quando você está praticando o surf. " - **Preço**: Insira o preço do produto. Por exemplo, "9, 99". - **Imagem**: Adicione uma imagem do produto. ### Configurações Avançadas - **Tags**: Adicione tags relevantes para o produto. Por exemplo, "cera para surf, surf wax". - **Categoria**: Selecione a categoria apropriada para o produto. Por exemplo, "Acessórios de Surf". - **Visibilidade**: Defina a visibilidade do produto. Por exemplo, "Publicar". ## Criando um Produto Variável ### Descrição do Produto Para criar um produto variável, navegue até a página de produtos no painel de controle do Shopify e clique em "Adicionar novo produto". Em seguida, selecione "Produto Variável" na página de adição de produto. ### Informações Básicas - **Título**: O seu título deve ser claro e conciso. Por exemplo, "Fio de Leash para Surf". - **Descrição**: Forneça uma descrição curta e clara do produto. Por exemplo, "O fio de Leash para Surf é um produto fundamental para manter sua prática de surf. Este leash ajuda a manter a sua taboa em local quando você está praticando o surf. " - **Preço**: Insira o preço do produto. Por exemplo, "12, 99". - **Imagem**: Adicione uma imagem do produto. ### Configurações Avançadas - **Atributos**: Adicione atributos relevantes para o produto. Por exemplo, "Tamanho". - **Variações**: Crie as variáveis do produto com base nos atributos adicionados. Por exemplo, "4 metros", "5 metros", "6 metros", "7 metros" e "8 metros". - **Preços**: Defina os preços para cada variação do produto. - **Imagens**: Adicione imagens específicas para cada variação do produto. ## Conclusão Agora você está pronto para publicar seu produto no Shopify. Certifique-se de que todas as informações estão corretas e que as imagens estão de boa qualidade. Você também pode adicionar tags e categorias para facilitar a busca do produto. ## Documentação para a Criação de Produtos Variáveis com WooCommerce e o Temas Astra Esta documentação te guiará pelo processo de criação de produtos variáveis em WooCommerce, especialmente quando se utiliza o tema Astra. ### Criando um Produto Básico Variável 1. Navegue para a página de Produtos e clique em "Adicionar Produto" para criar um novo produto. 2. Dê ao produto um título claro, como "Fio de Surf". 3. Na descrição do produto, forneça detalhes sobre as suas variações e seus preços. Por exemplo: ``` - utilize o deslizante para escolher a medida. Com cada seleção, verá uma descrição rápida da variação. Esta lhe informa a quantidade em estoque, o preço e a diferença de preço entre as opções. - Por exemplo, uma opção pode ter um preço de 2, 85 dólares, enquanto outra opção foi criada para 220 dólares. Pode definir preços diferentes para diferentes variações de acordo com o custo, margem e raridade do produto. ``` 4. Seleccione "Produto Variável" na secção de Dados do Produto. 5. Guarde as alterações. ### Criando um Produto Variável com Múltiplos Atributos 1. Clique no botão de volta para voltar à página de Produtos. 2. Edite o produto que deseja criar um novo atributo (como um without). 3. Desça até a secção "Atributos" e clique em "Adicionar" para criar um novo atributo. 4. Nomeie o atributo, como "Tamanho". 5. Escolha o formato para os valores do atributo, como "Tamanho - pequeno/médio/grande/extra-grande". 6. Guarde o novo atributo e repita estas etapas para criar atributos adicionais se necessário (por exemplo, Fim e Cor). 7. Garanta-se que "Utilizar para variações" esteja selecionado para cada atributo na secção de Dados do Produto. 8. Guarde alterações e desça até a secção "Variações". 9. Desappareça a lista de variações, criadas automaticamente, a partir dos atributos. Pode customizar as variações conforme necessário. ### Definindo Preços, Imagens e Descrições das Variações 1. Defina os preços para cada variação, personalize as imagens e adicione descrições curtas para cada variação, conforme desejado. 2. Guarde as variações e publique o produto. ### Criando um Produto de Afiliado 1. Siga os passos para criar um simples produto, mas em vez de fornecer informações sobre os detalhes do produto, utilize um link de afiliado fornecido pelo vendedor. 2. Defina o título e a descrição do produto conforme necessário, mas certifique-se de consultar o vendedor para verificar se não está violando regras. 3. Adicione uma imagem e qualquer outra informação relevante, como o preço regular ou etiquetas. 4. Guarde as alterações e publique o produto. # Criação e Gerenciamento de Produtos no WooCommerce ## Introdução aos Produtos Affiliado Primeiro, vamos discutir o nosso site e a imagem do produto. Para este exemplo, não tenho uma imagem, então utilizará uma imagem temporária em seu lugar. Compreendera o conceito, e será fácil trocá-la por uma imagem real depois. ``` > Nota: Desde que não tenho uma imagem de produto real, utilizo uma imagem de exemplo temporária. ``` Iniciaremos a criação de um Produto Affiliado. Abaixo, você poderá ver uma descrição curta, mas não me intenciono adicionar muito texto ali. Vamos atualizar isto: ```markdown ## Produto Affiliado: Treinador de Surf Uma breve descrição do Treinador de Surf pode ir aqui. ``` Agora, clique em `Atualizar` para publicar o produto. Lembre-se de clicar em `Atualizar` sempre que fazer alterações. Agora que publicamos o produto, vamos dar uma olhada de como ele aparece no site. Ao clicar no produto, você verá o link da Amazon, a imagem do produto e a descrição abaixo. Isso é o nosso link de afiliado, onde os usuários serão encaminhados para a Amazon. ```markdown > Por exemplo: [Treinador de Surf na Amazon](https://url-exemplo-amazon.com) ``` ## Criação de um Produto Físico: Produto Simples Vamos criar um novo Produto Simples. Chamará-se-á `Jam de Surf`. ```markdown ## Produto Digital: Jam de Surf ``` Como este é um produto de download, selecione `Downloadável` ao escolher o tipo de produto. Adicionaremos o arquivo para download depois. Por enquanto, dê-lhe um nome como `Jam de Surf Nº Um`. ```markdown ### Dados do Produto - Arquivo: Jam de Surf Nº Um ``` Após selecionar `Downloadável`, você verá um novo campo para escolher o arquivo de download. Desde que não tenho uma música para carregar, utilizo uma imagem de place holder. Pode ser substituída por sua arquivo real posteriormente. ```markdown ### Downloadável - Arquivo: (Adicione o arquivo de música aqui) - URL: (Utilize a URL da imagem de placeholder para agora) ``` Defina o preço do produto e garanta que o produto seja `Downloadável`. ```markdown ## Dados do Produto - Status: Publicado - Tipo de Produto: Downloadável - Preço: $1, 49 (com desconto) ### Estoque - Quantidade de Estoque: Ilimitada - Gerenciar Estoque: Não ``` Se quiser criar um produto de supervenáncia ou produto em estocagem Intêm parar este produto, pode fazer isso mais tarde. ## Produto Virtual Os Produtos Viturais são semelhantes aos produtos de download, mas oferecem um serviço em vez de um arquivo. Um exemplo de um produto virtual poderia ser aulas de surfe. ```markdown ## Produto Virtual: Lições de Surfe ``` Seguindo os mesmos passos que utilizamos antes, criamos um produto virtual com as configurações apropriadas. Neste caso, possa definir o serviço como uma lição de surfe de uma hora, definir um preço, e adicionar uma curta descrição. ```markdown ### Dados de Produto - Status: Publicado - Tipo de Produto: Virturais - Preço: $49 ### Descrição de Resumo Uma lição de surfe de uma hora para ajudar a melhorar as suas habilidades de surfe. ``` Se optar por lhe oferecer serviços adicionais como locação de prataforneamento ou um outro produto virtual como supervenáncia ou cruzamento-sell, considere criá-los e estes conectados mais tarde. ## Produto Agregado Os Produtos Agregados são úteis quando se vender individualmente itens de um conjunto, como remos de surf. Em vez de vender um conjunto completo, você pode oferecer remos individualmente. ```markdown ## Produto Agregado: Remos de Surf Esta seção não é abordada em detalhe aqui, mas pode seguir os passos fornecidos para criar um Produto Simples para criar remos de surf individualmente e agrupar-los conforme necessário. ``` # Produtos Grupados: Fins de Surf Em um segundo, explicaremos como criar um produto grupo com fins de surfar. Para este exemplo, vamos utilizar os termos: _fim de surfar, finos médios, finos pequenos_ como o grupo de produtos. ## Estrutura de Produto Grupo Um produto grupo consiste em um produto parent e muitos produtos filhos. Neste caso, o produto parent é o _fim de surfar_, e teremos finos médios e pequenos como produtos filhos. ### Criação do Produto Parent (Fim de Surfar - Produto Grupo) 1. Crie um novo produto simples e nomeie-o "Fim de Surfar" (produto grupo). 2. Guarde e publique o produto. Deixe-o escondido no catálogo por agora. ### Criação dos Produtos Filhos (Mediano e Pequeno) 1. Crie novos produtos simples, um chamado "Fino Médio" e outro chamado "Fino Pequeno". Lembre-se, estes produtos não deveriam ser demonstrados no catálogo. 2. Para ambos os produtos simples, defina a visibilidade do catálogo como "escondido" em todas as páginas da loja. ### Adição dos Produtos Filhos ao Produto Parent 1. Volte para o produto parent (Fim de Surfar). 2. Na seção Ligados a Produtos, pesquise pelos produtos filhos (Fino Médio e Fino Pequeno). 3. Adicione ambos os produtos filhos ao produto parent, salvando alterações. Agora você pode gerenciar a quantidade e a ordem de cada fim de surfar diretamente no produto grupo. ## Adição de uma Imagem Oculta para o Produto Parent (Fim de Surfar) 1. Volte para o produto parent (Fim de Surfar) e adicione uma imagem que represente todos os fins. Embora não seja a imagem ideal, você pode utilizar uma mostrando vários fins. 2. Defina um preço para o produto parent de acordo com sua estratégia de preços. 3. Guarde e publique o produto. O produto grupo agora está pronto para clientes. Você pode praticar adicionar novas variações de fim ou ajustar a estrutura do produto para atender às exigências da sua loja. ## Personalização do Website (Categoria Aprender a Surfar) 1. Para criar uma nova categoria, vá até a página de Produtos > Categorias. 2. Clique em "Adicionar Nova Categoria" e insira "Aprender a Surfar". 3. Guarde e aplique a nova categoria ao produto grupo (Fim de Surfar). Com a categoria Aprender a Surfar em vigor, você pode começar a adicionar produtos relacionados e conteúdo informativo, incluindo artigos de blog futuros. Isso servirá como porta-entradas para o mundo do surfe e atrair visitantes para o seu website. Aqui está o texto traduzido e formatado com Markdown: # Introduction Vou falar sobre as ferramentas disponíveis e onde os encontrar para que você possa realmente personalizar a sua própria. No entanto, disse antes que, quando conseguir compreender os marechais e suas localizações, as fundamentais se tornam fáceis. ## Página Inicial A ilha direita apresentará a página principal, onde o site atualmente aparece (veja Figure 1). A estrutura atual pode ser editada, mas as alterações serão publicadas com o pequeno botão "Atualizar". **Figure 1** Layout da página inicial (visual em tempo real) ```markdown --- #### Layout da página inicial (visual em tempo real) ! [Captura de tela da página de início em tempo real](https://example.com/captura_de_tela_home_screenshot) --- ``` A página principal é dividida em secções usando a ferramenta "Seção" localizada na parte superior. Você verá o símbolo de Adicionar quando passar o rato sobre as divisórias de secção. Se você clicar no ícone do meio (editar seção) ou no do lado esquerdo (adicionar nova seção), uma seção pode ser editada ou novas seções podem ser adicionadas. Uma seção também pode ser removida por clicar no ícone direito das divisórias. As seções são grandes áreas com fundos brancos que formam a estrutura de grade do seu site. ## Estrutura Nesta lição, vamos explicar os componentes básicos da estrutura do layout da página em uma perspectiva do site de exemplo atual. ### Seção e Faixa Os dois principais componentes que formam a estrutura de grade no editor de layout são **seção** e **faixa**. Melhor pensar nele como termos intercambiáveis, intercomunicando de acordo com como você gostaria de conceitualizar uma seção determinada dentro da estrutura da sua página web. Enquanto você desce, verá várias seções e sub-seções em nossa página de exemplo. Se você quiser adicionar uma seção, clique no botão Adicionar no cabeçalho das secções e escolha o tipo e a estrutura de seção que você precisa. ## Personalização Primeiro, vamos discutir os tipos de seção essencialmente presentes na estrutura de layout atual da página de exemplo: 1. Propriedades personalizáveis de seção (clicando no símbolo de seis pontos dentro de uma seção) 2. Configuração do grid (edite o número, tipo, disposição, e estilo visual de colunas do grid) 3. Layout básico (ajuste o texto, título, alinhamento da imagem e estilos) Após discutirmos as personalizações básicas de layout, podemos passar por várias características avançadas de seção (como classes personalizadas, animações, e interatividade). Você também se familiarizará com todos os tipos de widgets disponíveis para criar websites interativos e dinâmicos usando Elementor. ```bash Agora, let's customize. . . ``` Note: Ainda que esta documentação cobre a versão do Elementor, os componentes de layout e fluxos de trabalho explicados aqui aplicam-se ao largo de quase qualquer editor/construidor de sites no WordPress. Encouragemos-vos a aplicarem as técnicas apresentadas a um site de WordPress se quiser fazer alterações nesse site particular ao invés de usar um site de demonstração ao longo do tutorial. Você pode encontrar algumas dicas sobre a importação do site de exemplo atual, a criação de uma cópia funcional deste site (sem o Pro do Elementor), ou simplesmente trabalhar no demo mesmo para praticar logo abaixo. ### Personalização da Seção: Estilos e Layout Após selecionar as suas seções desejadas, ajuste os seus visuais, configurações de layout e configurações de widget como explicado abaixo: 1. Estilos - Aceda as configurações de fundo e relacionadas a cores clicando no botão de Estilos (Figure 2). Escolha entre estilos pré-feitos e layouts, além de outras opções como adicionar imagens, overlays de cores, ou blocos de código personalizado. 2. Configuração do Layout - Personalize a estrutura das colunas de seção escolhida. Escolha o número de colunas corretas para a seção com base nos objetivos de seu projeto e as necessidades de conteúdo (Figure 3). ```css #### Mudando as Cores da Seção Após selecionar uma seção, clique no botão de Estilos no painel de esquerda como mostrado abaixo para personalizar os scheme e o estilo. Aí, você pode escolher schemes e estilos pré-feitos, ou criar e aplicar seu estilo personalizado. ! [Estilos de seção](https://example.com/estilos_da_seção) ``` ! [Opções de estilo do painel de esquerdo (screenshot)](https://example.com/screenshot.png) ```css --- #### Editando a Estrutura da Faixa Agora que você já está familiarizado com a aplicação de cores e configurações para uma seção inteira, o próximo passo seria determinar como o conteúdo visual é colocado dentro da dada seção. Editar a estrutura de elementos de grade ajuda a alcançar os objetivos específicos. Actue este conjunto de passos abaixo para personalizar as configurações de estrutura de colunas de uma seção escolhida: 1. Escolha as colunas que você precisa ``` # Guia de Layout em Três Colunas Como projetamos um layout de três colunas e esclarecemos isso para garantir que teremos três tipos de imagens gráficas atraentes em seu local desejado. Para isso, vamos remover este trabalho aqui e agora temos três colunas que são fáceis de gerar com este mesmo layout, com o qual eu espero que esteja buscando aqui. ## Editar as imagens Para editar estas imagens, basta clicar duas vezes nelas ou clicar um só clicar no OK, habitualmente eu dou clicar duas vezes. Vamos para baixo para adicionar um título aqui, podemos chamá-lo de "Aluguel de surfboards" abaixo podemos chamar-lhe "Confira nossa surfboard no South Beach". Aqui podemos adicionar talvez um link a este texto, para isso selecionamos o texto e clicando no ícone de link acima dele, podemos linkar para um produto ou algo mais do que isso. Vamos testar se podemos linkar isso para nossa produtos, já tenho este link aqui. ``` [Surfboards](https://www.example.com/surfboards) ``` Se copiarmos este link e apertar enter, agora alguns clicam nesta linha, será enviado para o produto e poderão ver tudo o que tem a lhe oferecido. Também podemos adicionar um link para a imagem acima. Como vamos reforçar, podemos também adicionar um link a qualquer outra imagem. ## Personalização das imagens Com essas imagens, também podemos personalizar o seu alinhamento, tamanho e outros atributos. No entanto, observamos que essa disposição de colunas não se aplica a todos os tipos de layout, em particular quando você deseja trabalhar com disposições de sub-colunas ou colunas em uma única linha. ## Elementos Adicionais Quando compartilharmos este texto, também vamos falar de algumas outras cosas que podemos incluir, como divisores, espaços e botões. Aqui, focaremos especificamente nessas três funções que uso bastante. ### Divisores Um divisor é praticamente apenas uma linha, que pode ser facilmente utilizada a qualquer momento e em qualquer parte do site. Uma utilização comum, que neste caso não se aplica, pode ser por exemplo colocá-lo sob cada cabeçalho quando tiver múltiplos parágrafos. ### Espacadores Os espacadores são utilizados para ter um melhor controle sobre qualquer spacing que desejar personalizar. Por exemplo, se quisermos espaçar os parágrafos, podemos utilizar um espacador para isso. ### Botões Os botões podem ser utilizados para destacar eventos, produtos ou anúncios. Aqui, podemos alterar o texto e a URL que leva quando o usuário clicar neste botão. Observamos que o botão atualmente tem um texto preto seriado no início, mas pode ser facilmente personalizado utilizando o painel de estilos. ### Outros Elementos Além disso, notamos que existem outros vários elementos que podemos adicionar aos nossos layouts, como nossas linhas, divísors e outros assim. Cada página lida uma pequena coisa diferente e isto é algo que podemos abordar em breve. # Tutorial de Elementor: Personalização de seu Site Este tutorial vai guiar você pelo básico do uso do Elementor para personalizar seu site. ## Título e Visão Geral O Elementor é um plugin WordPress popular que permite que você desenhe e personalize seu site sem a necessidade de saber nenhum código. Este pequeno título aqui, algum texto e, em seguida, aqui está um botão. Parece que isso aqui em si é apenas um espaçador, pois você pode ver que é um espaçador e assim você escolhe exatamente onde os limoes são colocados. Assim, os limões descem aqui porque é uma overlay de fundo. Novamente, uma boa precisão do quem fez este modelo - este olhar bem parece. Quando descermos, você verá elementos que serão um pouco mais simples, mas isso aqui parece ser um shortcode, o que é interessante porque significa que ele possui outra funcionalidade. Isso é algo que não é necessariamente integração ao Elementor. Em vez disso, se você tiver qualquer tipo de aplicativo externo, se quiser ter um ato de enquete ou algum tipo de plugin, então muitas vezes o que vai acontecer é que você terá algum tipo de software no WordPress, e eles lhe darão um código de shortcode que você precisa apenas colar abaixo e colar aqui e issoallow irá ter alguma funcionalidade no seu site aqui que não é oferecida usualmente. Geralmente, um pouco mais avançado - uma enquete é um boa exemplo em que um código de shortcode seria usado. ## Personalizando seu Site Para personalizar seu site, você pode facilmente voltar ao sete pontos, descer até o final e você verá shortcode. Se você apenas colocar isso aqui, é exatamente o que fizeram lá, então eles colaram esse código, portanto você tem aquela funcionalidade. Mas esse é basicamente como eles moldaram esta página. Espero que esse torne o Elementor um pouco menos misterioso. Temos um tutorial completo sobre como usá-lo para uma visualização mais plena do que estou fazendo aqui, mas pelo menos você saber como customizar seu site agora. ## Atualizando seu Site Podemos descaper e clicar em atualizar, e isso vai se tornar umapublicação do site, atualizando-o com o que fez agora. Porém, se você não quisesse fazer isso, se caso você estivesse trabalhando nele e não desejava enviar o site ao ar publico, poderia ir no save draft, e depois, quando terminar de editar, você poderia ir e atualizar e torná-lo público. ## Visualizando suas alterações Agora, se clicarmos em visualizar alterações, vai abrir uma nova guia, e irá nos mostrar essa página - o home, e isso não precisa ser em linha. Assim como disse, se está editando e não está pronto para ir ao ar, você ainda pode visualizar, e seraá exibido tudo o que veio feito através de tela inteira. Você pode ver novamente, interagir com o botão. Portanto, isso aqui você acredita deveria ir para nosso produto. Se clicarmos no logotipo, vai nos devolver à página que estávamos recentemente. ## Ocultando elementos em dispositivos móveis Isso é exatamente como você irá visualizar a página. Sabemos como ocultar elementos, portanto, se clicarmos em visualizar, por exemplo, deixemos ir para o modo responsivo, quero ver a versão do site do celular aqui. Portanto, se clicarmos aqui, e como eu disse, faça um clique nesse botão no canto superior esquerdo, você vai para avançado e, em seguida, poderemos descer até responsivo, e podemos ocultar para dispositivos móveis. Ocultar para dispositivos móveis significa que este não estará mais aqui se você for visualizar. Eu não estou certo se consigo visualizar em modo de tela móvel - não, é verdade que vá para modo tela de computador, mas você pode vê-lo aqui, todo isso está cinza atualmente porque não estaria mais presente. Essa seção seria totalmente ausente. ## Saindo do Editor Quando estiver em modo de tela móvel, ele está ausente, o que significa que você também pode voltar a editar ao longo do tempo. Deseja inicialmente que o site pareça um "blog", mas depois quer alterar e acrescentar novas seções ou mais uma variedade de conteúdo, caso se preference um formato "e-commerce". Algo mais complexo. Neste caso, eis o site Elementor, que irá lhe ayudar a fazer isso de forma fácil, sem a necessidade de ter conhecimentos complexos de HTML, CSS e outras linguagens. # Avaliação de custos de envio e otimização para pesquisa ## Avaliação de custos de envio Alguns vezes, é vantajoso avaliar os custos de envio de itens diferentes para evitar uma taxa fixa. No entanto, a utilização de uma taxa fixa pode ser útil se não se souberem a localização e as tarifas para cada localização. Um bom plugin ou software pode facilitar a avaliação dos custos de envio. Assim, aqueles que vivem perto não pagarão o mesmo preço que aqueles de longe, pois vão ser cobrados adequadamente. ## Otimização para pesquisa: SEO O SEO (Optimização de Pesquisa em Engenharia) é um termo comumente usado para melhorar a visibilidade de um website em motores de pesquisa como Google. Em essence, deseja-se que o seu website seja fácil de reconhecer pelos motores de pesquisa e exibido aos utiladores que procuram assuntos relacionados com o seu website. Para otimizar para motores de pesquisa, pode fazer: 1. Adicione um resumo e um título claro nos seus posts e páginas 2. Instale plugins como Yoast SEO, Smush e Elementor Pro (Recomendados) 3. Implemente as seguintes práticas para garantir que as suas descrições de titulo, descrições e URLs da sua página sejam otimizadas ### Yoast SEO O Yoast SEO é um plugin valioso que pode ajudar a melhorar o SEO do seu website, oferecendo sugestões para melhorar SEO e garantindo que não seja desprezado qualquer fator importante. 1. Procure por "Yoast SEO" na secção de plugins 2. Instale e ative o Yoast SEO 3. Tenha os seus recursos incorporados para otimizar o SEO de seu website e obter uma pontuação que indique o seu progresso ### Smush O Smush é um plugin projetado para melhorar a velocidade de carregamento do seu website, o que é essencial para melhores classificações em motores de busca. Uma velocidade de carregamento lenta pode afetar negativamente a classificação do seu site em Google, e os utilizadores podem encontrar um site lento frustrante. Smush ajuda a comprimir imagens, a efectuar carregamento lazy e melhorar a velocidade geral do seu website. ### Elementor Pro O Elementor Pro oferece funcionalidades avançadas para o design e gerenciamento do seu website. É uma ferramenta útil para criar layouts personalizados e otimizar o desempenho de seu website. ### Segurança: WordFence O WordFence é um plugin de segurança que fornece um pavilhão para o website para ajudar a protegê-lo de potenciais ameaças. Isto é especialmente importante pois o seu website cresce e atrae mais atenção. WordFence oferece ambas as versões gratuita e premium que permitem o white e blacklisting de endereços IP, adicionando várias camadas de segurança. ## Personalização do seu website A personalização do seu website puede torná-lo mais atrativo e amigável ao utilizador. Aqui há alguns conselhos para te ajudar a fazer o máximo do teu website: 1. Edite o menu para adicionar, remover ou rearranjar páginas ou hiperligações 2. Mude o rótulo de navegação para exibir o texto que prefere no menu 3. Utilize coupon codes e cupons para incentivar os clientes 4. Crie coupons com tipos diferentes de descuentos, restrições e datas de vencimento ### Utilização de descuentos Os descuentos podem ajudar a aumentar as vendas e incentivar compras maiores. Podes criar descuentos em produtos específicos, categorias ou clientes dentro de WooCommerce. 1. Vá para "Coupon" sob WooCommerce e crie um código de descunta novo 2. Escolha o tipo de descunta (por exemplo, um percentual de desconto, desconto fixo no carrinho) 3. Defina restrições, datas de vencimento e endereços de e-mail (se necessário) 4. Guarde e publique o teu código de cupom para que esteja disponível para os teus clientes para usar no teu website --- É isso! Com estes conselhos, estás bem em caminho para criar um website amigável, otimizado e público. Continua explorando as capacidades dos teus pluggins e ferramentas para tirar o máximo do teu presença online. # Guia para Personalização do Logotipo e Identidade da Sua Página Web WordPress Este guia irá te ajudar a personalizar o logotipo e a identidade da sua página web WordPress. Aqui vamos coletar os passos para configurar uma identidade única e atractiva para a sua página web. ## Configurando o Logotipo Para adicionar ou personalizar o logotipo da sua página web WordPress, siga estes passos: 1. Clique no menu lateral esquerdo do painel de controle WordPress. 2. Passa o rato sobre "Ação". 3. Clica em "Configuração" e depois em "Identidade do Site". 4. Nesta página, verá o seu logotipo atual, selecione o botão "Alterar o Logotipo". 5. Selecione uma imagem do logotipo que deseja utilizar (ou inclua uma de nova) e clique em "Salvar e Voltar". ## Configurando a Identidade do Site O campo "Título do Site" é o que aparece no cabeçalho da sua página web. O título padrão será "site de WordPress", mas deve ser alterado para o nome da sua empresa ou loja. 1. Adicione o nome da sua empresa ou loja no campo "Título do Site". 2. Preencha o campo "Descrição do Site" com a descrição curta da sua empresa ou loja. 3. Garanta-se de que o campo URL é a URL da sua página web. 4. Clique em "Salvar alterações". ## Adicionando um ícone Favicon Para adicionar um ícone favicon (site icon), siga estes passos: 1. Volta para a página "Identidade do Site". 2. Encontra a seção "Ícone Favicon". Insira um arquivo de imagem no formato `. ico`, `. png` ou `. jpg` de tamanho máximo de 512x512 pixels e clique em "Salvar alterações". Agora você tem um logotipo único e uma identidade atractiva para sua página web WordPress! ## Personalizando o Cabeçalho Se você deseja personalizar o cabeçalho da sua página web WordPress, siga estes passos: 1. Clique no menu lateral esquerdo do painel de controle WordPress. 2. Passa o rato sobre "Ação". 3. Clica em "Configuração" e depois em "Geral". 4. Encontra a seção "Escolha um tema personalizado" e selecione a opção "Desativar". 5. Clique em "Salvar alterações". Depois disso, você poderá customizar o cabeçalho da sua página web com o editor de cabeçalho ou outros plugins. # Guia de Configuração do Shopify Este guia irá ajudá-lo a decidir se quer transferir produtos de uma loja diferente e fornecer uma visão geral do painel do Shopify. ## Introdução Este guia é destinado a aqueles que ainda não estão vendendo produtos no Shopify mas estão a considerar uma mudança. Aqui, iremos guiá-lo pelo processo de configurar uma loja no Shopify, escolher um plano e criar o seu primeiro produto. ### Escolha da Indústria Antes de começar, é importante saber a indústria na qual está trabalhando. Se estiver interessado em comida e bebida, o Shopify pode ter opções disponíveis adicionais. ### Escolha de um Plano O Shopify oferece um período de teste gratuito de 14 dias, mas, eventualmente, precisará de atualizar para um plano para vender produtos e aceitar pagamentos. Para a maioria das pessoas a começar, o plano básico do Shopify é provavelmente a melhor opção. ### Criação do Primeiro Produto 1. Navegue para a seção de Produtos na parte esquerda do painel. 2. Clique em "Adicionar Produto. " 3. Introduza o nome do produto, como "Café de Kona Torrado Escuro". 4. Adicione uma descrição, incluindo detalhes como "torrado escuro" ou "torrado extra". 5. Adicione uma imagem e informações de preços. 6. Personalize a aparência do texto, adicione links e inclua um preço de referência se desejado. 7. Faça o controle da estoque utilizando um Stock Keeping Unit (SKU) e estabeleça quantidades em estoque. 8. Adicione variantes para diferentes tamanhos, cores ou opções. ### Otimização para Pesquisa de Engenharia (SEO) Garanta-se que as listagens de produtos estejam otimizadas para buscadores editando as configurações de SEO do website. Isso ajudará os seus produtos a aparecerem mais elevados nos resultados de busca. ## Conclusão Este guia fornece uma visão geral básica da configuração de uma loja no Shopify e da criação do seu primeiro produto. Certifique-se de explorar o painel e familiarizar-se com todas as funcionalidades disponíveis. Boas vendas! # Mike's Premium Coffee Granos: Customização de descrições de produtos e URL slugs ## Como customizar descrições de produtos e URL slugs * Personalize o título do seu produto para torná-lo mais atraente. Aqui está um exemplo: ``` Comece o seu dia com algum Kona especial ``` * A descrição do produto deve ser simples, mas informativa. Tente por cerca de 150 caracteres. ``` Nosso Kona é proveniente da rica terra volcânica das ilhas havaianas, e é conhecido pela sua saborosa e açafrã favorita. Comece o seu dia com um bom café da nossa qualidade Kona. ``` * O slug da URL é a parte da URL que fica ao final do teu domínio. Deve ser curto, entendível e único. ``` O slug da URL deste produto será `konacoffee` ``` ## Estado do produto * O estado do produto pode ser Draft ou Ativo. ## Tipo de produto * O tipo de produto pode ser personalizado e deve ser relevante ao produto. Neste caso, estaremos definindo como Granos de Café. ## Coleções * Uma coleção é um grupo de produtos que podem ser apresentados juntos no teu website. Podes criar novas coleções, ou adicionar o produto a uma já existente. ## Etiquetas * As etiquetas podem ajudar os clientes a encontrar os teses teus produtos mais facilmente. Neste caso, vamos utilizar as etiquetas `café`, `grãos`, e `Kona coffee`. ## Cartões de Presentes * Cartões de Presentes não são um produto tradicional, mas podem ser adicionados ao teu website para permitir comprar online. Podes escolher o valor do cartão, e fixar uma data de validade. * Se tens uma lista de e-mail, podes utilizar para enviar cartões de presentes aos clientes em nome de um aniversário ou para incentivar a venda com descuentos. ## Customizing outros produtos * O processo para customizar outros produtos é o mesmo para os Granos de Café Kona. Podes ir para `Produtos > Adicionar produto` para adicionar novos produtos e editar os existentes. ## Gestão de Inventário * A gestão de Inventário é importante para garantir que tenhas suficiente estoque para atender à demanda dos clientes. Está automática ao vender os produtos, mas podes adicionar informações adicionais, como quando vêm as novas entregas. ## Transfers * As Transferências não estão cobertas neste vídeo, mas podem ser utilizadas para mudar os produtos entre localizações. ## Coleções * As Coleções podem ser usadas para agrupar produtos e apresentá-los de uma maneira visualmente agradável. Podes criar novas coleções, ou adicionar produtos a algumas já existentes. * Podes escolher fazer as coleções automáticas ou manualmente, de acordo com as preferências. * Cada coleção pode ter uma imagem associada a ela para uma exibição visualmente agradável. ## Customização da Colecção de Café de Outono * Aqui está um exemplo de como criar uma nova Colecção chamada de `Colecção de Café de Outono. ` ## Cartões de Presente (detalhes) * Os Cartões de Presente podem ser usados para permitir comprar ou obter descontos em vários produtos. Podes enviá-los como cartões de presente eletrónicos, e podem ser personalizados com uma descrição e uma imagem. * Podes definir o valor do cartão, e escolher se fixar uma data de expiração. * Podes utilizar a lista de e-mail para enviar cartões de presente aos clientes no aniversário, ou para incentivar a venda com descontos. ## Clientes * A secção Clientes mostra dados sobre os teus clientes, como as suas compras. ## Análises * A secção de Análises permite-te ver e analisar dados como o tráfego no teu site e taxas de conversão. ## Marketing * A secção Marketing permite-te configurar campanhas e automizações, e utilizar aplicações de marketing para alcançar um público maior. * As automizações podem ser utilizadas para enviar mensagens aos clientes quando há algum desconto disponível, ou ser automatizadas outras ações de marketing. * Os descontos podem ser definidos para oferecer um porcentagem ou valor fixo de desconto, ou oferecer transporte grátis para certas compras. ## Conclusão * A customização das descrições de produtos e URL slugs é parte importante para criar uma loja online bem-sucedida. Faça o que for preciso de seguir os passos indicados above para começar. # Coleção de café: Guia de código de desconto e personalização Não tenho certeza do porquê mencionei deixar a página mais cedo, mas vamos focar no conteúdo principal. Aqui estão os requisitos mínimos e detalhes de elegibilidade para o uso do código de desconto: - Os códigos de desconto podem ser estabelecidos para clientes que passam um certa quantia (por exemplo, $100). - A elegibilidade pode se aplicar a todos ou a grupos específicos (por exemplo, clientes que já fizeram uma compra). - Os limites de uso podem ser definidos para um por cliente, para evitar o abuso. - As datas de válidade podem ser especificadas para períodos de início e término. Salve o código de desconto para futuro uso e considere compartilhá-lo por meio de campanhas de e-mail ou plataformas sociais como Twitter, Pinterest, etc. A compartilhagem do código de desconto irá incentivar potenciais clientes interessados em seu produto a fazer uma compra. ## Aplicativos e integrações A força real de Shopify reside em suas integrações, permitindo uma amplitude de capacidades além de apenas vender produtos. Aqui estão alguns exemplos: - Envio: Oferecer Devoluções e Trocas, SMS Bump (mensagens de texto automatizadas), e mais. - Marketing: Configurar integrações com Mailchimp, Pinterest, anúncios de Snapchat, Facebook, Instagram e mais. - Descontos: Usar Honey para deal exclusivos. - Transporte por separado: Integrar Oberlo para transporte por separado com Shopify. ## Canais de Vendas Adicionar canais de vendas como eBay, Messenger, Loja do Facebook, Pinterest, Ponto de Venda e mais para expandir sua horizönte e atingir um público mais amplo. ## Personalização da loja online Aperfeiçoar a aparência e a funcionalidade da sua loja online ao personalizar o seu site: 1. Mude a temática: a Shopify Theme Store e a Biblioteca Gratuita oferecem uma variedade de opções. 2. Pré-visualizar e publicar: visualize temas antes de ativá-os, e publique quando pronto. 3. Personalize sua loja: personalize a sua loja inteira antes de a publicar, para evitar editar um site vivo que possa quebrar. 4. Personalize em um ambiente seguro: Personalizar um novo tema garante que a sua loja viva permaneça inalterada, impedindo sites danificados para os visitantes. Agora que cobertos os fundamentos na lateral esquerda, vamos por fim aos canais de vendas, customização e outros aspectos valiosos de Shopify. Viva seu caminho na Shopify! **Seção de Produtos** ====================== Cada produto individual possui uma página com um template parecido para todos os produtos. É importante lembrar como adicionamos a descrição e o preço, além de outros detalhes distintos. Você verá que isso é exatamente o que aparece, portanto, a descrição estará bolando abaixo, podemos ver que a impressão em negrito está lá, podemos ter um link lá, temos links para nossas redes sociais atualmente isso provavelmente não é realmente nosso link atual, por isso, é importante garantir que os links de redes sociais sejam configurados corretamente ali. Isso funciona realmente bem se você não tiver configurado seus links de social media lá. Podem alterar a alinhamento se desejarem e depois voltaremos para a sessão. Outras seções, creio que você já saiba o processo de editar as mesmas para ver como realmente poderia editar. ## housingCollectionsList Aqui, você pode navegar pelas coleções e escolher a que desejar. Por exemplo, nossa primeira coleção poderia ser a minha coleção de café de outono. Depois, você pode ter outra coleção, talvez de grinders de café, talvez uma outra seja do café em grãos, dependendo do que você procura. Este é o motivo pela qual adicionamos essa imagem legal e teremos um layout fantástico aqui, então você verá que realmente configurar uma loja com Shopify é realmente fácil de fazer. Observação: lembrete-se de salvar suas alterações! É importante salvar quando tiver concluído as suas alterações para minimizar a perda de dados. Salve e saia agora e continue criando suas cafezimes online! # Como configurar uma loja no Shopify: Um Guia Passo a Passo Você acabará com isso é onde vai acabar. Portanto, aqui mostrarei como você pode adicionar coisas em sua navegação. Esse ferramental é realmente bom e muito fácil de usar. Se clicar em um link, eles te dão todas as opções lá por dentro, portanto você não precisa digitar o link exato para tudo. É muito fácil apenas olhar e encontrar se você vai para Blog, eles lhe dão uma lista de blogs que você tem. Coloque aquela publicação por aqui. ! [Main Menu](your_main_menu_screenshot_url) Estou cancelando isso. Isso é minha navegação principal no momento. Você pode fazer algo semelhante com o rodapé, e normalmente o rodapé é onde as pessoas gostam de adicionar desafios, políticas de uso e políticas de devolução. Recomendo descartar a pesquisa, pois eu não gosto de ter pesquisa no rodapé ou em qualquer outro lugar. Eu acho que a pesquisa é algo que às vezes causa apenas problemas para mim, pois as pessoas pesquisam e não encontram o o que estão procurando se os rótulos não estão corretamente rotulados. Voltemos, agora. Agora temos domínios. Domínios são por si próprios completamente essenciais para ter um site bom, portanto não `mike's dash premium dash coffee dash of beans dot myshopify. com`. Isso não é um bom look, não é profissional. Se você ir para comprar um domínio, obviamente você pode, claramente, conectar um domínio existente, transferir um ou comprar um novo. É mais fácil fazer isso da forma, e você pode comprar diretamente pelo Shopify. Por exemplo, `mike's premium coffeebeans. com` provavelmente estará disponível. Muito bem! ``` mike's premium coffee. com ``` ! [Imagem disponível](imagem_disponivel_screenshot_url) Acho que não, sirviu. Vamos tentar `mike's premium coffeebeans. com`. Devemos ter como esse certamente. Lá você pode comprar por $14 por ano. Muito fácil de criar. Por isso, como disse, clicar em "Comprar" e o correu. A coisa da última é em Preferences, mas quase na última coisa. Estamos indo para os Ajustes em segundo lugar, mas no Preferences, essa coisa vai ajudar quando você compartilhar seu site, portanto como está aparecendo em Google, como está aparecendo se alguém compartilhar em redes sociais. Então, se quisermos que seja a coisa mais importante, queremos um título de página inicial, então `mike's premium` podemos adicionar uma descrição de meta também. Agora, as contas de Google Analytics e outras coisas pareciam fazer isso, você pode realmente configurá-las, assim como seu pixel de Facebook e fazer várias outras coisas aqui. Eu tenho um vídeo inteiro sobre como configurar Google Analytics e outro sobre o pixel de Facebook, portanto você pode acompanhar isso depois desse vídeo. Eu vou lhe ligar embaixo. Você também pode passar para nossa conta, esta é Central Media, ver a página completa para todo tipo de ferramentas de marketing, dicas, coisas assim e claro deixar um comentário também se você tiver alguma dúvida sobre como fazer isso, ou algum comentário sobre como estamos fazendo este tutorial, simplesmente faça um comentário. Faça uma seção de comentário em baixo. Eu realmente aprecio isso. Agora vamos para Baixo. Agora, se você clicar em Baixo, você tem uma diverse oportunidade de ter muitas configurações adicionais aqui. Se eu passar por todas essas pelo menos vai levar muito tempo, mas você pode descer e gerenciar suas páginas legais aqui e normalmente eles têm alguns modelos disponíveis. Políticas de reembolso, você pode criar do modelo, é muito fácil. Apena clique em "Sim, do modelo". Faça isso é tão fácil, e ele cria uma página para cada um desses. Eu antes te mostrei como você poderia fazer isso, mas fazer isso nesse ponto é gerar uma página em segundos. ! [Páginas Legais](pags_legais_screenshot_url) Eu estou salvando e agora temos as páginas que o Shopify já fez. Para a maior parte elas são provavelmente bastante robustas. Não é por isso conselho buscar um advogado ou um advogado caso você tenha um site online e certifique-se de que tudo está certo. Certifique-se de que você entende tudo o que está concordando antes de você apenas publicar isso, porém dá um bom início quando usar estes pequenos modelos, fazendo todas as coisas muito mais fáceis. Em seguida, temos algumas coisas como Arquivos e Entrega, Enviamento. As configurações de pagamentos podemos configurar também, portanto você quer garantir que as configurações de pagamentos estão configuradas se você está usando Shopify Payments, que terá uma taxa de transação de 0%. As opções de pagamento podem ser outras como PayPal, Amazon Pay, se você quiser usar algo como Square, etc. Há várias opções aqui, portanto é extremamente fácil aceitar pagamentos com quase qualquer cartão de crédito existente. ! [Pagamentos](pagamentos_screenshot_url) Você pode configurar isso. Há muitas coisas aqui, não vou me aventurar em todos eles. Isso é muito mais avançado. Se você quiser isso em um vídeo futuro, deixe um comentário, e eu vou ir por todos os ajustes nesse vídeo, porém, como disse antes, o grande um é as páginas legais, adicioná-las e adicionando os métodos de pagamento. Faça o certificado de que você está pronto com isso e, claro, a entrega e a entrega também são coisas importantes. Certifique-se que você tem as configurações de entrega, e você está na localização certa. Se há entregas locais, entregas locais, entregas por correio comum, o que você estiver fazendo, você quer realmente personalizar isso e então verifique os preços e veja como você vai fazer a entrega aqui então você não acaba pagando mais de duas vezes pelo frete, ou você acaba de algum jeito perdendo referido. Portanto, amigos, essa é o que eu queria mostrar com como configurar uma loja no Shopify. Agora, é um site extremamente poderoso, tem várias ferramentas, e uma coisa boa sobre o Shopify é uma grande coisa que ele é bastante intuitivo. Ganha uma coisa ou outra enorme lembrado no momento, você precisa salvar. Vou dizer que estou muito feliz que ele lembra você salvar no momento. Outros recursos, o Slack é um belo ferramental que possui, o Markdown é usado para que its function, se quiser saber mais sobre marcadown [clique aqui](https://guides.github.com/features/mastering-markdown/). # Gestão de Análise e outros Serviços Este guia te orientará a administrar análises e outros serviços em seu site web, incluindo agenda, personalização estilo e otimização para dispositivos móveis. ## Visão Geral Em cima, encontrará o botão de edição que permite ir ao painel de interface e editar a página, mudar o conteúdo, fotos e texto. À direita, pode alternar entre visualização de desktop e mobile. ### Otimização para Dispositivos Móveis É uma situação comum a assumir que a maioria dos visitantes de site será de desktop. No entanto, especialmente se lançar anúncios em redes sociais, terá certeza de ver uma maioria de pessoas em dispositivos móveis. Na verdade, é comum que pelo menos 50% do tráfego venha de dispositivos móveis. ### Personalização de Estilos do Site Na secção de Estilos do Site à direita, pode personalizar várias partes de seu site, como cores, fontes e efeitos. #### Fontes Escolha uma combine de fontes que façam sentido para seu site. Pode encontrar combinações comuns na web buscando no Google ou utilizando o jogo de fontes fornecido. #### Cor Personalize as cores do site clicando em "configurações do site" e então em "cores". Pode escolher uma combinação pronta, começar com uma única cor ou criar uma paleta personalizada. #### Efeitos Personalize os efeitos que ocorrem quando carrega a página. Pode escolher de transição de fade-in, nenhuma ou preferência pessoal. ### Salvar o Design Salve o design clicando no botão "salvar" no canto superior esquerdo. ## Assinatura Considerar inscrever-se no serviço o mais cedo possível para experimentar seu site em vários dispositivos diferentes. O serviço oferece quatro opções de plano baseados nos preços anuais, com a maior desconto quando se paga anualmente. Os planos oferecem uma variedade de recursos, incluindo SSL, largura de banda ilimitada, hospedagem de vídeos, recursos de SEO, modelos e múltiplos colaboradores. Para um e-mail profissional do Google, precisará do plano empresarial, mas é possível utilizar o seu domínio e pagar por um e-mail profissional através do Google Workspace em vez disso. Os integrações de premium e blocos só estão disponíveis no plano empresarial, junto com as opções de e-commerce. Escolha o plano que melhor se encaixa com as necessidades da sua empresa. ## Editar Conteúdo Clique em "editar" no canto superior esquerdo para entrar no editor do Squarespace. O editor permite alterar a disposição, texto, imagens e outros elementos de seu site. Mude a disposição das secções ao passar o mouse por cima e selecionar "remover" ou "editar secção" conforme é necessário. Personalize o fundo, fontes, cores, transparência e outrossos aspectos de seu site para satisfazar o seu preferências de design. Use a grade para alinhar e posicionar os elementos, e ajuste a grade com o fim de acomodar o design necessários ao seu site. Agora que tem uma melhor comprehensão de gestão de análises e personalização do seu site, pode começar a fazer melhorias no seu próprio site. Feliz design! 😊 # Secção de personalização de imagem Talvez, assim como a aveia, ela poderia appeared fortemente, se desejasse ter aveia em sua imagem. Nesse caso, deixamos a efeito de ruído `desligado`. Podemos chamar isso de secção **"Sem Grão"". Definiremos o **formato** para `ímpeito total (full bleed)`, como já está nesse estado. Isso evitará que a imagem se estenda além dos limites da tela e se sobrepõa com a cabeça. Esta secção **contém uma grade de sobreposição** com uma tonalidade verde supha. Pode-se ajustar a **opacidade** da sobreposição. Tipicamente, deixo-a cerca de 5-8%, mas para este exemplo, definirei- a para `7%`. ## Bloqueio de texto à esquerda Para adicionar texto à esquerda, podermos: 1. Clicar em **adicionar bloco**. 2. Selecionar **texto**. 3. Duas-tar o área de texto para começar a escrever. Adicionei **Mike O'Brien** como texto para este site de freelancer pessoal. Este texto será um `nível 1`. Para estender o texto à largura desejada, pode-se: 1. Clicar no botão que faz o texto `de tamanho máximo`. ou 2. Ajustar manualmente a largura. Agora, temos um heading para a secção à esquerda que ocupa todo o espaço. O texto é muito legível. Para mudar a cor do texto, vá para o paleta de cores e escolha uma cor mais clara, como branco. Abaixo do nome, adicionaremos outra seção para **serviços de design de website**. Este será um `nível 2` e também ocupará todo o espaço da seção à esquerda. Da mesma forma que antes, podemos mudar a cor desta seção para corresponder ao resto do design. ## Botão de chamada a ação Para adicionar um botão de chamada a ação ao meio da seção, podemos: 1. Clicar em **adicionar bloco**. 2. Selecionar **botão**. 3. Arrastar o botão para a posição desejada. 4. Clicar no ícone de caneta para editar o texto e o link do botão. Neste exemplo, vamos alterar o texto para **"Contacte-me"** e vincularlo a "**Consulta Gratuita**". Pode modificar a cor do botão para corresponder ao seu design. Agora, temos um botão de chamada a ação no meio da seção. Salve seus alterações frequentemente para evitar perder qualquer trabalho. Com estes elementos em lugar, temos um bom fundamento para o nosso site de freelancer pessoal. Pode personalizar e adicionar mais secções conforme necessário. Repita o processo para criar novas secções, elementos e ajustar suas posições e estilos. # Introdução Neste guia vou mostrar como utilizar o Canva. com para criar conteúdo que poderá ser incluído neste site. Isso pode incluir gráficos, logotipos ou outros tipos de material. será necessário um logotipo para este projeto, portanto vamos criar agora. Acesse o Canva no seu navegador (<https://www.canva.com/>) e favoreça a versão gratuita do Canva Pro, pois é suficiente para as funções necessárias neste projeto. ## Criando um logotipo 1. Crie uma nova parede para seu logotipo, escolha ou crie um modelo já pré-feito. 2. Procure um logotipo específico em busca, como `Design de Gráficos` ou `Designador de Website`. 3. Escolha um modelo interessante e personalize-o à sua vontade de acordo com seu negócio ou projeto. ## Customização do modelo 1. Vá para a aba de **Design** para alterar o modelo. Sugiro que altere os elementos na esquerda, como o texto e as cores. 2. Vá para a aba de **Elementos** para adicionar outros elementos ou dicas. 3. Nunca esqueça de personalizar o logotipo com sua marca e cores. 4. Quando terminado, clique em **Repartir** e salve o logotipo em formato desejado (PNG pré-transparente é recomendado para o uso em sites web). ## Múltiplas versões do logotipo Crie variações do logotipo para diferentes usos, como um background claro e um background transparente. Isso pode ser útil para diferentes aplicações de seu site web. **Atenção**: Mantenha original a hierarquia de títulos assim como esclarecedores necessários. **Atenção**: URLs, referências e termos técnicos devem ser preservados. **Atenção**: Corrija erros de pontuação e gramática e mantenha um estilo apelativo e claro. Em seguida, retorne para as seções do site web, como o cabeçalho, rodapé e navegação. Continue lendo o guia para saber como editar estas últimas partes de seu site. Título: Guia para personalizar o estilo de um website no Markdown ------------------------------------------------------------------ Começar a personalizar o estilo de um website é fácil no Markdown seguindo as etapas deste guia. ### Formatação Utilizaremos hashes (#) para títulos e subtítulos, negrito (**) para termos importantes, código inline (`) para texto código, blocos de código (```) e citações (>). #### Etapas de edição 1. Formate a página com seções claras e use parágrafos para separar ideias. 2. Listas e enumerações são mantidos para organização. 3. Preserve a hierarquia de títulos e URLs existentes. ### Customização geral Ir para a parte superior da página e você verá várias opções para customizar o estilo do website. > Estas são as principais etapas para começar a personalizar o estilo de um website no Markdown: #### Situação atual * Estilos dinâmicos: Oferecemos vários estilos predefinidos, mas também pode personalizá-los para melhor refletir seu website. * Não há bordas no site. * Tem recurso de posição fixa, mas você pode alterná-lo para não fixo caso queira. #### Layout geral Para mudar o layout geral, basta clicar no ícone de menú de estilo na parte superior e escolher como desejar. Você pode trocar a disposição do cabeçalho, conteúdo, rodapé e outros elementos > Por exemplo, se você quiser que os botões estiverem ao lado dos dados, faça como demonstrado abaixo: ``` header layout header - site name - buttons - navigation - conteúdo ``` > Note que a hierarquia de títulos deve ser conservada ### Customização do cabeçalho Na seção **Header**, você pode escolher o layout, cores, tons de gradindo, textos, símbolos, efeitos de sombra, bordas, entre outros. > Por exemplo, se você quiser adicionar um backgroud verde ciano, uma gradiente espectro de cores e também diferentes cores de texto, parece assim abaixo: ``` Header styling - background color: ciano - gradient: spectrum - color: cinza claro - text color: branco - shadow: drop ``` ### Customização dos botões e ícones sociais Na porção inferior da seção **Header**, você pode encontrar as configurações para os botões e ícones sociais. Você pode trocar a cor, tamanho e estilo desses elementos para se adequar à sua preferência. ## Editor de Páginas Ir para a parte inferior da página e clique em **Pages** na seção **Global**. Aí, você encontrará uma lista de todas as suas páginas e seu conteúdo. É possível mover, renomear, editar ou até mesmo excluir uma página. > Aqui você pode personalizar o conteúdo da página, também. Um bom exemplo é o uso de blocos de texto, imagens, tabelas entre outros. ## Conclusão Esta é uma guia básica para personalizar o estilo e o conteúdo de um website no Markdown. Existem ainda muitas outras opções adicionais e recursos que podem facilitar mais seu caminho, como a customização do rodapé, placas publicitárias, entre outros. Continue explorando e experimentando! # Configurando Square para agendamento de consultas com Squarespace ## Introdução Neste guia, você aprenderá a configurar o Square para agendamento de consultas no seu site Squarespace. ## Pré-requisitos - Possuir um site Squarespace - Conta Square (crie se necessário) ## Passo a passo para configurar o Square para agendamento de consultas com Squarespace 1. Faça o login na sua conta Squarespace 2. Navegue até o bloco Agendamento em sua página do site 3. Clique em "Conectar" sob a seção Método de pagamento 4. Selecione "Square" 5. Faça o login ou cadastre-se na sua conta Square 6. Insira seus detalhes de conta (usuário, senha, e tipo de negócio) 7. Verifique sua identidade 8. Escolha o seu plano de assinatura (mensal ou anual) 9. Conclua a configuração confirmando seu pagamento 10. Adicione o seu logotipo e personalize sua página de agendamento em todas as apariências ## Benefícios de usar o Square para agendamento de consultas com Squarespace - sincronização de calendário - agendador personalizável - prevenção de fraude reduzida - lembretes de texto SMS - pacotes, certificados de presente e subscrições de membro - opções de página de agendamento avançadas ## Recursos adicionais * [Documentação da Bloqueio de Horário com Squarespace](https://documentation.squarespace.com/guides/scheduling/overview) * [Suporte para o Bloqueio de Horário de Squarespace com o Square](https://squareup.com/help/us/en/manage-account/scheduling-block-for-squarespace) # Squarespace: Explorando Funcionalidades – Parte 2 ## Agendamento Vamos abordar ainda mais algumas funcionalidades de Squarespace. Inicialmente, gostaria de falar sobre agendamento. Aqui, temos várias integrações, incluindo APIs de pagamento e plataformas de mídias social como Facebook Corporate e Instagram. ### Sincronização de Calendário Uma integração essencial é a capacidade de sincronizar com outros calendários. Podes considerar Google Calendar, iCalendar, Outlook, ou outros. O que isto permite é ver se estás disponível ou indisponível para clientes, e ajuda a evitar possíveis conflitos de programação. ### Formulários de Entrada Para fornecedores de serviços, Squarespace oferece uma funcionalidade para criar formulários de entrada personalizados. Estes são úteis para recolher informação básica dos clientes antes de reuniões. Por exemplo, um médico, terapeuta, advogado ou chiropractor pode findar esta funcionalidade útil para economizar tempo e garantir que todas as informações necessárias sejam recolhidas antes da reunião. ### Pacotes, presentes, e subscrições Dependendo dos seus serviços, podes oferecer pacotes, presentes ou subscrições. Por exemplo, as subscrições poderiam ser para cursos online, ligações semanais ou programas contínuos com participantes múltiplos. Podes criar também cupons para promoções. --- Retornemos agora à página principal de Squarespace e exploremos algumas outras seções que ainda não abordámos: website, vendas, marketing e análises. --- ## Marketing, Contatos e Análise Ainda que não seja todo o mundo que venda, vale a pena falar em marketing, contatos e análise, pois podem ser cruciales para empresas com ênfase em vendas. ### Campanhas de Email Squarespace oferece uma ferramenta para campanhas de email que é fácil de integrar e utilizar, oferecendo uma interface mais fácil do que MailChimp, SendinBlue ou outros serviços populares de marketing de email. Esta ferramenta permite que criem, gerenciem e distribuam campanhas de email para a lista de e-mails com facilidade. ### Ferramentas de Marketing Squarespace oferece uma série de outras ferramentas de marketing, como a **popup promocional**. Esta funcionalidade pode ajudar a aumentar as inscritas para e-mails, promover as vendas ou incentivar a engajamento nas plataformas de mídia social. Com Squarespace, podes personalizar o conteúdo, ação, a mostra, o tempo e o estilo da popup. --- Passe a revista para mais informação sobre as funcionalidades de vendas de Squarespace! Se precisares de assistência com MailChimp ou com outras integrações de terceiros, podes encontrar tutoriais para ajudar a configurá-los de forma eficiente. # URL Builder: Criando Links Tracaveis e Unicos para Campanhas de Publicidade e Plataformas Terceirizadas Este guia vocÊ te levará por um processo de criação de links tracaveis e unicos para campanhas de publicidade e plataformas terceirizadas usando o URL Builder. Embora este processo possa ser avançado, ele pode fornecer informações valiosas sobre o tráfego gerado de seus anuncios. ## Criando um Link para Anúncios no Instagram 1. Para criar um link para um anúncio no Instagram, navegue até o URL Builder. 2. Insira o seu URL de destino (por exemplo, o URL da página que deseja vincular no Instagram). 3. Preencha os campos de origem da campanha, mídia e nome da campanha desejados. 4. Clique em "Criar URL" para gerar um link tracaveis unico que pode ser copiado e colado em seu anúncio no Instagram. ## SEO (Optimização de Pesquisa) A Optimização de Pesquisa (SEO) é essencial, independentemente do tipo de site que você esteja construindo. O Squarespace oferece uma lista de verificação de SEO completa para ajudar a garantir que seu site seja bem classificado nos motores de pesquisa como o Google. ### Lista de Verificação de SEO Sigando as instruções na lista de verificação de SEO, você pode melhorar as classificações de seu site, aumentar o tráfego gratuito. A lista de verificação abrange aspectos variados, tais como: 1. Formatos de página: Cada página deve ter um formato específico com um nome, URL e descrição de meta. 2. Meta-dados: Você pode definir o formato de seus meta-dados, incluindo o título e outros elementos. 3. Optimização de página: Optimize seu conteúdo, headers, imagens e estrutura sun URL para maior visibilidade nos motores de pesquisa. 4. Optimização para dispositivos mobile: Garanta que seu site seja adaptável para dispositivos mobile para melhores classificações nos motores de pesquisa. 5. Melhoria da velocidade de carregamento: Melhorie a velocidade de carregamento de seu site para melhor experiência do usuário e classificações nas pesquisas. 6. Linkagem interna: Procure links-seguidos entre páginas de seu site para melhor experiência do usuário e acessibilidade de indexação. Por seguindo essas melhores práticas, você pode melhorar o SEO do seu site e atrair mais tráfego orgânico. ### Console de Pesquisa do Google O Google Search Console é uma ferramenta gratuita que permite que você monitore e otimize o desempenho de seu site nos resultados de pesquisa do Google. Conecione seu site ao Google Search Console fornece informações valiosas sobre o tráfego de pesquisa, palavras-chave e classificações de pesquisa de sua site. ## Ferramentas de Marketing O Squarespace oferece várias ferramentas de marketing para ajudá-lo a aprimorar a sua presença na Web e a crescer seu negócio. ### Anúncios com Meta e Pixel O pixel de anúncios de Meta (antigamente Facebook) é um código de rastreamento que permite que você rastreie seus visitantes de site e conversões. Para usar o pixel, copie e cole o código no header de seu site. ### Contatos A guia Contacts reúne todos seus assinantes, leads, clientes e outros contatos em um lugar central. Você pode gerenciar e organizar seus contatos de forma eficaz com a interface usuária amigável do Squarespace. ### Vendas na Squarespace O Squarespace oferece uma plataforma de venda fácil de usar para a venda de produtos e serviços online. Com gerenciamento simples de produtos, opções de envio e integração de pagamento, você pode configurar rapidamente uma loja online. Além disso, o Squarespace oferece planos de assinatura, sites de membros, cursos e opções de feed RSS para capacidades de marketing e venda ainda mais avançadas. ## Publicando o seu site Quando você terminar de configurar o seu site na Squarespace, é hora de o publicar. Para publicar o seu site: 1. Clique em "Publicar" para torna-lo visível em seu domínio já configurado. 2. Examine o seu trabalho e clique em "Publicar" novamente para confirmar. Agora seu site está ao ar e pronto para atraí-los visitantes, gerar leads e crescer seu negócio! # Vendendo Produtos no Squarespace: Uma Guia Rápida Este guia irá te guiar pelo processo de configuração de produtos e entrega no Squarespace, com um foco em ferramentas de venda e opções de envio. ## Produtos Para configurar um produto, clique no produto que deseja editar e descole até a seção de Entrega. Aqui, você pode configurar perfis de entrega, seja para envio ou retirada em loja. **Nota: ** A retirada pode ser adequada para lojas de arte locais ou negócios de alimentos. No entanto, a configuração de envio é a opção mais comum para a maioria dos usuários. 1. Clique em "Adicionar Opção de Envio". Para simplicidade, usaremos a opção de taxa fixa. 2. Configurar a zona de envio como "Doméstica dos EUA" e a taxa por encomenda em $5, 99, com uma taxa por item de $3, 99. Você pode especificar outros custos se necessário. 3. Escolha as zonas de envio. Neste caso, escolhemos os Estados Unidos. 4. Salve o perfil de entrega e o seu perfil de entrega estará pronto para uso. **Dica: ** Se desejar ter instruções específicas para diferentes produtos, você pode configurar perfis de entrega para cada produto, mas não faremos isso neste guia. ## Ferramentas de Venda O Squarespace oferece uma variedade de ferramentas de venda para você usar. Aqui estão algumas opções: 1. Lojas embutidas em Instagram e Facebook: Você pode configurar lojas embutidas em Facebook e Instagram, permitindo a venda de produtos diretamente nessas plataformas. 2. Google Shopping: Se você estiver publicitando anúncios no Google, talvez também queira adicionar Google Shopping para melhorar a visibilidade de seu site e atingir um público maior. 3. Ponto de Venda: Se você vender itens em loja física, você pode usar o Ponto de Venda do Squarespace para rastrear o estoque e aceitar pagamentos de forma profissional. 4. Listas de peso: Se você tiver novos produtos a vir, você pode configurar listas de peso para pedidos antecipados ou lançamentos no Kickstarter. 5. Status de projeto, avaliações de produtos e produtos relacionados: Essas características podem ajudar você a manter o controle de seus produtos e encorajar a venda de itens relacionados aos clientes. **Nota: ** Algumas características, como produtos relacionados, podem exigir uma atualização para um plano mais caro. ## Configurações Adicionais Depois da página inicial do Squarespace, há algumas configurações importantes a considerar: 1. Domínios: Verifique se seu domínio está configurado como público para que as pessoas possam visitar seu site. 2. Email: Você pode configurar um endereço de email profissional pelo Squarespace ou Google Workspace. 3. Disponibilidade do Site: Verifique se o site está configurado como público para que as pessoas possam visitá-lo. 4. Permissões: Você pode gerenciar permissões para autores ou colaboradores no seu site. 5. Ícone de Navegação: Verifique se você tem um ícone de favicon para seu site, que deve ser uma imagem pequena (preferivelmente menor que 1MB) que represente sua marca. 6. Links Sociais, Compartilhamento Social e Botões de Salvar no P Título: Instalando WordPress Localmente Usando Bitnami -------------------------------------------------- Para instalar WordPress localmente, siga estes passos usando Bitnami: 1. Visite o [website da Bitnami](https://bitnami.com/) (Windows, Mac ou Linux) para iniciar o processo de instalação. É gratuito e pode ser concluído rapidamente. 2. Clique na opção apropriada para o seu sistema operativo – Windows, Mac ou Linux. 3. Baixe o instalador e execute-o. O processo de instalação solicitará permissões para realizar alterações no seu dispositivo; clique em `Next` para prosseguir. 4. Na tela seguinte, insira seu **nome real**, **endereço de e-mail** e uma **senha** para a sua conta de WordPress. Faça certeza de que a sua senha é longa e difícil de adivinhar e lembre-se de armazená-la em segurança ou escrevê-la. 5. Selecione um nome de aplicação (por exemplo, blog central) e clique em `Next`. 6. Configure o suporte de e-mail como necessário. Para mais detalhes, consulte um vídeo separado. 7. Clique em `Next` e comece a instalação. 8. Quando a instalação for concluída, clique em `Finish` e abra o seu navegador. 9. Navegue para `localhost / WordPress` para acessar o seu novo site de WordPress. 10. Se necessário, faça login com as credenciais criadas durante o processo de instalação. ### Comparação de Shopify e Squarespace para a Criação de Sites Shopify e Squarespace são as principais jogadoras no transpor planetário de construir sites, mas qual é a melhor opção? Vamos comparar essas duas plataformas para a Julianapar decisionar. #### História Squarespace foi fundado em 2003 e era inicialmente projetada para ajudar as pessoas a fazer sites gerais. Desde então expandiu-se para a comparação de podcasts, web logging, sites únicos, sites multi-páginas e comércio eletrônico. Devido à sua diversificação, Squarespace é uma opção de recomendação pré-determinada para aqueles que desejam criar um site sem especificar as suas necessidades. Shopify, por outro lado, foi fundado em 2006, e teve como objetivo apenas o comércio eletrônico. É projetada para atender comerciantes on-lines, portanto, pode não ser adequada para aqueles que procuram um site bem-sucedido com várias ferramentas em torno. #### Preços * O plano básico de Shopify começa em $29 por mês, e o mais caro custa $299 por mês. As faixas superiores oferecem reduzidos descontos nos pagamentos quando comercializa bens. * O plano básico de Squarespace custa menos, começando em $12 por mês. No entanto, este plano talvez não seja ideal para comércio eletrônico, pois as taxas para comércio são altas. Seu plano mais caro custa $40 por mês, com o primeiro “e-commerce” iniciando em $26 por mês. * Shopify cobra uma tarifa de 30 centavos mais 2, 4-2, 9% e 0, 5-2% para transações não Shopify. Squarespace apenas aceita Stripe, PayPal, e o Square, com taxas um pouco mais baixas devido a menos opções de métodos de pagamento. #### Design Squarespace oferece mais de cem diferentes modelos para escolha, incluídos no subscrito. Shopify oferece apenas nove temas grátis, mas mais cento e seis temas pagos para mais opções. Ambas as plataformas oferecem uma interface simples para editar o seu site. #### Considerações adicionais * Squarespace talvez seja uma opção melhor para aqueles que procuram um site bem-sucedido com várias ferramentas em torno, enquanto Shopify é uma opção ideal para aqueles que concentrated a suas atenções no meio on-line de comércio. * Shopify oferece escalabilidade para guichês on-lines, com maior foco em aceitar pagamentos de fontes variadas. * Fatores como os recursos particularmente fornecidos em cada faixa, métodos de pagamento disponíveis e suas necessidades específicas devem ser considarados ao decidir qual plataforma escolher. --- ### Vídeo 26: [Comparação Shopify vs Squarespace](https://www.youtube.com/watch?v=F5qL2JIPt-g) (Idioma: Inglês) Neste vídeo, compararemos Shopify e Squarespace de cabeça para cabeça para ajudá-lo a decidir qual é a melhor ferramenta de construção adequada às suas necessidades, independente se você for uma marca pessoal, um drop shipper ou uma organização fundadora. ### Referências: * Shopify: <https://shopify.com/> * Squarespace: <https://www.squarespace.com/> # Comparação entre Shopify e Squarespace Enquanto os temas são importantes entre eles dois, a aparência realmente é mais um aspecto subjectivo. Na minha opinião, o Squarespace parece um pouco melhor. Em geral, eu me inclino para o Squarespace com o lado design, mas ele sempre foi um de meus favoritos, pois eles são geralmente limpos e fáceis de construir com. Design e estética são muito importantes para um site web, mas a funcionalidade do site também é essencial. Uma vantagem importante do Shopify é que eles possuem uma biblioteca massiva de apps agora. Por outro lado, a Squarespace, como a alguns anos atrás, não possuía nenhuma integração, mas eles adicionaram uma nova característica e agora você tem algumas integrações. Isso é um recurso em expansão do Squarespace, então, dependendo de quando você assistir ao video, eles podem ter mais integrantes do que realmente eles tem atualmente, mas como de agora, sua integração é muito limitada. Você não vai ter uma grande variedade de integrações que você pode usar, mas o bom notício é que a maioria do que você precisa do Squarespace já é construído de maneira nativa no construtor de sites próprio. Por exemplo, a maioria das ferramentas de marketing, muitas das ferramentas do carrinho, e outras coisas dessa natureza já vem construído dentro do Squarespace, enquanto no Shopify é mais básico e não vem com tanta coisa pronta. No entanto, ele tem uma grandes seleção de opções para ter muito funcionalidade adicional para customizar e realmente fazer seu site mais poderoso com o Shopify. Uma falta de fatos comuns com os dois, eles possuem supporto fantástico ao cliente. Eu não tive problemas específicos com qualquer um deles e solicitiei boas opiniões em todo o espaço. Eles são muito responsivos, embora haja algumas em outros lugares realmente ruins, estes dois são a maioria. A Squarespace pode ter URLs de SEO mais claras, então, na minha opinião eu apoio a Squarespace neste ponto. No entanto, a URL no Shopify pode não ser tão boa, pois adicionam algumas outras coisas. Além de sua funcionalidade integrada nativa, o Squarespace também pode ajudar com outros recursos, como podcasting, blogando e outras coisas tão básicas que você pode querer fazer com o site, enquanto no Shopify você provavelmente precisará encontrar um aplicativo para isso. Em relação à facilidade de uso, o Squarespace é o vencedor aqui, pois eles são geralmente muito intuitivos para usar. É difícil fazer um site que não seja bacana e adequado para uso em dispositivos móveis. O Shopify é mais versátil e tem mais funcionalidades, mas porque disso ele é um pouco mais complexo para usar, por vezes. No entanto, se você precisar de funcionalidades de vendas avançadas, o Shopify é o campeão absoluto, pois possui uma biblioteca de apps muito maior. Quanto ao Squarespace, eles tem alguns recursos de integração nativos, mas a maior maioria aberto linguagens requer plugins adicionais para acessar alguns recursos avançados. portanto, escolha o melhor para você depende do tipo de negócio que você está iniciando. Se você quer uma loja de grandes empreendimentos ou vender em vários canais sociais, o Shopify poderá ser o melhor opção. Mas, se sua loja tem menos de 20 ou 30 itens, ou se vocêquer queira um site multipurpose que inclua um blog, páginas de home, galerias de fotos, etc. , o Squarespace pode ser a melhor opção. # Entendendo WordPress e Hospedagem: uma guia abrangente Neste artigo, abordaremos os fundamentos da WordPress e da hospedagem, fornecendo insights valiosos sobre como eles se integram para criar um site web. Começaremos por um analogia entre um documento e o WordPress. ## WordPress e um Documento Imagine escrever um documento usando vários programas de software, como Google Docs, Microsoft Word, ou o Pages da Apple. Just as there are multiple options for writing software, there are numerous ways to create a website, but WordPress is one of the most popular choices. Comparando nosso documento com um site WordPress, pensaremos de WordPress como o Microsoft Word. É a plataforma utilizada para criar e gerenciar o conteúdo de nosso site web, muito Semelhante ao uso de Word para criar e editar documentos. ## Hospedagem Quando salvar um documento, precisamos salvá-lo em disco rígido especifico ou em serviço cloud para que outros possam acessar. Em termos de um site web, a hospedagem funciona de forma muito semelhante. A hospedagem é onde o site web é salvo, garantindo que esteja acessível na Internet. Igual a um disco rígido ou serviço cloud, um host fornece espaço de armazenamento para o seu site web. Para comprar hospedagem, precisará comprar um domínio (URL) e salvar seus ficheiros (conteúdo) nesse host. ## Factores a considerar ao escolher um host Novo no desenvolvimento web? Não se preocupe; pedimos-te ajuda para orientar estas opções de hospedagem disponíveis. Tenha em conta os seguintes factores ao escolher um host: * *Plan*: Certifique-se de escolher um plano que melhor condiz com as suas necessidades. * *Backup automático* * *Espaço de armazenamento* * *Período de contrato* * *Domínio* * *Custo* Por exemplo, SiteGround e Bluehost são prestadores de serviços de hospedagem populares. Podes encontrar excelentes ofertas clicando nos links fornecidos ou visitando as suas páginas web diretamente. ## criando seu site WordPress Agora que compreende melhor o WordPress e a hospedagem, é hora de criar o seu próprio WordPress seguindo estas etapas: 1. Vá para o site web do seu provedor de hospedagem escolhido. 2. Escolha um plano de hospedagem que melhor condiga com as suas necessidades e orçamento. 3. Compre um domínio ou conecte um domínio existente. 4. Sigam as instruções do provedor de hospedagem para configurar a sua conta e instalar o WordPress. 5. aceda ao painel de controlo do WordPress e comece a criar o seu site. A seguir às estas etapas, criará o seu site WordPress em um host confiável, e isso te permite compartilhar o seu conteúdo com o mundo. Boa sorte! # Astra e integração de Elementor para construção de sites Temos alguns opções se quisermos configurar Astra com o Elementor ou o Beaver Builder. Aqui está como fazer a integração: 1. Instalação de Elementor - Vá para Plugins > Adicionar Novo e pesquise por Elementor. - Aprenda mais sobre o Elementor visitando [Central Mediacom /hello mentor](http://centralmediacom.com/hello-mentor), onde você encontrará informações Detalhadas sobre ele. - O Elementor é um editor de página popular com mais de 5 milhões de instalações em ativo e 5. 000 avaliações positivas. Ele oferece versões gratuita e paga. Recomendamos o versão paga por melhor funcionalidade e opções estéticas. 2. Utilização de Modelos iniciais de Elementor com Astra - Vá para Aspetos > Modelos Iniciais e escolha a opção Elementor. - O Elementor fornece várias opções para temas Astra, bem como outros editores de páginas. Explore diferentes temas de acordo com as suas necessidades de negócio, seja para um site corporativo, de e-commerce ou de blog. 3. Personalização do seu site com o Elementor - Depois de escolher o seu modelo, vá a personalizar para começar a editá-lo com o Elementor. - Com o Elementor, pode adicionar imagens, blocos de texto e personalizar vários elementos para tornar seu site mais amigável a usuário e visualmente apelativo. 4. Features adicionais com o Elementor Pro (Opções Latente) - Para mais recursos, considere a compra da versão Elementor Pro. Ela vem com mais widgets, modelos e opções de personalização mais avançadas. Lembrando de ativar sempre os plugins após os instalar. Felizes weeb-building! 🤩👉🏻🚀 # Configuração do Produto ## Visão Geral - **Não permitir** backorders atualmente. - Defina o limiar de estoque baixo para ser notificado quando restarem 25 itens no estoque. - Ative a opção para vender produtos individualmente se necessário. ## Atributos - Crie um atributo personalizado para **cores**: preto, branco, azul, cinza. ## Configuração de Produto - Os opções de ativar/desativar podem ser encontradas nas configurações `Avançadas`. Desative as avaliações se não estiverem desejadas. - Personalize as imagens de produto com texto alternativo apropriado. ## Descrição do Produto - Forneça uma descrição detalhada do produto. ## Envio - Ajuste os pesos e medidas de envio conforme necessário. - Converta as unidades para o sistema desejado (por exemplo, libras e polegadas para os EUA). ## Categorias - Crie uma nova categoria: `Roupas`. ## Configurações do Astro - Personalize as tags de produto (por exemplo, camiseta, camisola, camiseta de astro, camiseta de trilha de areia). - Desativa áreas indesejadas, como o formulário de contato, se necessário. ## Publicação - converta o produto em um produto publicado. - Defina data e hora de publicação se desejado. ## Informação Adicional - Inclua as cores do produto na informação do produto. - Não use um produto simples para itens com variações, como uma camiseta. - Use imagens de alta qualidade para representar o produto. ## Moeda - Mude a moeda para Dólares dos Estados Unidos. # Guia para configurar o seu site WooCommerce ## Requisitos para o seu site Todos os sites devem ter o seguinte: - Termos de Serviço ou Condições Gerais - Politica de Privacidade - Declaração de Afiliados - Compliance com as regras do seu site Adicionaremos estas páginas. Vamos discutir isto em breve. ## Configurações Aqui vamos abordar o que vamos cobrir ao passar pelas configurações: - Emails - Integração - Avançado (não coberto neste guia) Focaremos nos fundamentos. ## Conversão de Moeda Alteramos os números para dólares. Se voltarmos, deveríamos ser capazes de atualizar isto. Os números deverão ser os cupons que digitamos, mas o sinal de moeda poderá aparecer. Isto acontece porque ao digitar o número, mesmo que digita-se libra como moeda, deveria digitar-se o valor em dólares. Quando convertermos a moeda, mostrará o mesmo número que digitamos, mas com um sinal diferente no lado dianteiro. ### Configurações de WooCommerce Voltem a painel de controlo WooCommerce. Isso lhe dá algumas estatísticas sobre a sua performance de vendas nas últimas semanas ou meses. #### Pedidos Pode ver aqui os pedidos. Quando alguém efetuar um pedido, vai ver aqui. Pode facilmente rastrear e gerenciar os pedidos aqui. #### Descontos Pode criar alguns descontos aqui. Isto é um excelentemeio para integrar com o MailChimp, por exemplo. Um grande gosto que sempre tenho com um loja on-line é capturar as pessoas e-mail com o MailChimp e depois que eles introduzam a sua data de incrição. Depois, aniversário, envie-lhe uma grande desconto ou um e-book gratuito ou algum tipo de desconto. Para fazer isto, pode criar um novo código de desconto, definindo um desconto de porcentagem. Por exemplo, podemos dizer 20% de desconto. Também pode permitir um transporte grátis para esta promoção. ``` ## Setup de descontos Para criar um novo código de desconto, siga estas instruções: 1. Vá a **WooCommerce** > **Cupons** > **Add cupon**. 2. Rellene o campo **Código** com o código de desconto que deseja. Por exemplo, `discount20`. 3. No campo **Tipo de Desconto**, seleciona **Por-centagem**. 4. Na área **Valor do desconto**, escreve o valor do desconto por porcentagem que deseja (por exemplo, `20` para 20% de desconto). 5. Para permitir transporte grátis, selecione a opção **Transporte grátis**. 6. Também pode definir limites de uso, como um valor mínimo ou máximo a gasto, pela área **Limite de uso**. 7. À hora de terminar, clique no botão **Guarde o cupon**. ``` Quando o cupon for criado, os clientes podem aplicá-lo ao efetuar uma compra para receber o desconto. ## Cliente Se alguém ller em ligações com um pedido, pode ver os pedidos ou os outros clientes aqui. Pode também aprender alguma coisa sobre onde as pessoas estão a fazer compras, o que poderá ser útil para fins de transportes. ## Relatórios Pode encontrar relatórios mais detalhados aqui. Pode ver as vendas brutas, as vendas líquidas, o número de pedidos, os itens comprados e iniciar a otimização da performance da loja. ### Eliminação de Produtos Se decidir não querer algumas apetais, pode selecionar e mover-lhes para a lixeira. ``` ## Eliminação de Produtos Para eliminar um ou mais produtos: 1. Vá a **Produtos**. 2. Selecione o produto(s) que deseja eliminar. 3. Clique no botão **Ações Em Lotim** e selecione **Mover para a lixeira**. 4. Clique no botão **Aplicar**. Para eliminar o produto(s) da lixeira, vá a **Produtos**, selecione os produtos na lixeira, clique no botão **Ações Em Lotim** e selecione **Eliminar**. ``` ## Transformação de Produtos Se desejar alterar algum dos produtos que moveu para a lixeira, regresse ao **Produto** e selecione o produto que deseja alterar. ### Alteração do Tipo do Produto Se tiver um produto simples e quiser mudá-lo para um produto variavel, siga estas instruções: 1. Vá para a secção de **Dados do Produto**. 2. No campo **Tipo do Produto**, selecione **Produto Variável**. 3. Defina as características (por exemplo, cor, tamanho, tamanho de calção) na secção **Características**. 4. Vá para a secção **Variantes** e crie variantes baseadas nas características. Isso é fácil fazer ao clicar no botão **Criar Variantes a partir de Todas as características**. ## Produtos Externos/Afiliados Se quiser adicionar um produto externo ou afiliado, isto também é possível. Por exemplo, se tem um link de afiliado a um produto da Amazon. ``` ## Adição de Produtos Externos/Afiliados Para adicionar um produto externo ou afiliado, siga estas instruções: 1. Vá para **Produtos** e clique em **Novo**. 2. Introduza os detalhes do produto, mas deixe o campo **Inventário** vazio. 3. Na secção **Categoria do Produto**, atribua o produto a categoria adequada. 4. Na secção **URL do Produto**, cole o seu link de afiliados. 5. Na secção **Texto do Botao**, insira o texto do botão (por exemplo, "Compra o Produto"). 6. Para visualizar o preço de compra e venda, preencha os campos relevantes na secção **Preço**. 7. Quando terminar, clique no botão **Atualizar**. ``` Agora, o seu site mostrará o produto externo no site da sua loja com o link de afiliados. # Guia para Configurar um Website de Marketing de Afiliados usando WooCommerce Este guia mostra como criar um site de marketing de afiliados usando WooCommerce, com um foco em adicionar produtos, categorias, produtos the upsells e downloadáveis. ## Adicionando uma Imagem 1. Selecione a imagem do produto. 2. Abra a Ferramenta de Captura de Tela ou baixe uma imagem existente. 3. Carregue a imagem e configure-a como a imagem do produto. 4. considere adicionar texto alternativo se necessário. ## Carregando um Produto 1. Vá para a página de Produtos. 2. Clique em "Novo Produto" para criar um novo produto. 3. Forneça o título do produto e a descrição. 4. Carregue a imagem do produto. 5. Defina categorias para o produto. 6. Se o produto for um download digital, adicione o URL do arquivo de download ou carregue o arquivo. 7. Defina o preço do produto e outros detalhes conforme necessário. 8. Clique em "Publicar" para tornar o produto disponível. ## Categorização de Produtos 1. No editor de produtos, você pode ver a seção de Categorias no lado direito. 2. Adicione, exclua ou modifique categorias conforme necessário. 3. Para adicionar uma nova categoria, clique em "Nova Categoria" e forneça o nome da categoria. 4. Você também pode atribuir uma categoria ao produto através da lista suspensa "Pai". ## Upsells e Cross-Sells 1. Vá para o produto para o qual deseja criar upsells ou cross-sells. 2. Desça até a seção de "Opções de Produtos Relacionados". 3. Selecione a opção "Upsell" ou "Cross-sell" para o produto que deseja vincular. 4. Guarde as alterações. ## Produtos Downloadáveis 1. Sigam as instruções para carregar um produto. 2. Para produtos downloadáveis, selecione "Produto de Simples Venda" e adicione o arquivo de download. 3. Defina o limite de download do arquivo, o período de validade e outros detalhes conforme necessário. 4. Publique o produto. Seguindo estas etapas, você pode criar e gerenciar um site de marketing de afiliados usando WooCommerce. Lembre-se de que segurança e outros aspectos de seu site, como a gestão de pagamentos, podem requerer atenção adicional. # Integração de WooCommerce com MailChimp Integre sua página web WooCommerce com o MailChimp, como mencionei anteriormente. Tenho um tutorial para isso, que vou apresentar abaixo. Aqui está um link para o vídeo do MailChimp: [Vídeo do MailChimp](URL_para_o_vídeo_do_MailChimp) **Foco no Website** Agora, vamos focar na melhoria do website próprio. Atualmente, o website está falta de elementos importantes: - Logo inválida no topo - Páginas adicionais que talvez não sejam necessárias - Mudanças de conteúdo nas seções, como as testemunhas - Remoção ou modificação das ligações no rodapé - Falta de certificado SSL, indicada por "Não Seguro" no topo - Alguns outros melhoramentos necessários **Painel** - No painel, vá para a esquerda e configure os produtos e análises do WooCommerce, bem como o marketing, como o MailChimp. - Ajuste as configurações, por exemplo, as permalinks. Verifique se altere `não personalizado` para `nome do post` para uma melhor experiência de SEO. - Mude o título do site para `Myk's Myk's Botique de Gavetas` e a frase-trotas para `As Melhores Bonéiras na Internet`. - Verifique se a URL começa com `https` para um certificado SSL seguro. - Outras configurações podem ser ajustadas conforme desejado. **Permalinks** - Mude a configuração de permalink para `nome do post`. Isso ajudará com SEO, reconhecimento e menos erros 404. **Outras Configurações** - Mude outras configurações conforme necessário, como os links de loja ou as categorias de produtos. - Salve as alterações de cada configuração. Embora este não seja um manual exhaustivo de cada configuração, seguindo esses passos pode ajudar a melhorar a sua página web WooCommerce substancialmente. Algumas modificações e personalizações adicionais podem ser necessárias dependendo das suas necessidades específicas. **Título principal: ** Melhorando a documentação técnica para o WordPress envolvendo a criação de novelas páginas, uso de Elementor e ajustes na listagem do menu **Subtítulo: ** Instruções passo a passo para otimizar sua página web, incluindo a criação de páginas personalizadas e ajustes no menu **Início: ** Agora que tudo esteja atualizado, estamos prontos para voltar às nossas páginas aqui. Vamos supor que queremos adicionar uma nova página. Nesse caso, clique em WordPress e vamos para Add Novo Página. Talvez esta página seja um blog ou uma página que tenha informações recorrentes sobre nossa loja. Por exemplo, um chart de tamanho para tênis ou chapéus, já que é uma loja de chapéus. Isso é algo que é provável que queria que todos os visitantes na web vissem. Então podemos começar a adicionar conteúdo por aqui. Se adicionarmos qualquer conteúdo que quisermos, podemos editar tudo isso aqui. Mas, se ainda sentir que fazer uma página inteira aqui é demasiado difícil, podemos ir para editar com Elementor. Clique aqui e abrirá-se uma nova página onde você pode realmente otimizar a Website. Aqui você pode adicionar outros modelos e temas de tema para fazer as coisas parecerem ainda melhores. **Parágrafo 1: ** Você verá aqui uma coleção de coisas à esquerda. Talvez goste de mudar o modo como essa página realmente aparece apenas se tivermos uma nova página pré-carregada aqui pelos modelos Astro. Só por exemplo, o chart de tamanho para galos podemos deixá-lo exatamente como está agora, pois está justo o correto para nossas necessidades. Isso significa que podemos editar coisas e remover tudo o que não é necessário, e adicionar uma seção, por exemplo, com um chart de tamanho do galo, talvez uma imagem de uma cabeça humana e depois teremos um espaço para adicionar texto, onde podemos dizer como medir o tamanho da sua cabeça para que os chapéus se encaixem melhor. É fácil de fazer tudo isso aqui e já dá para dar uma ideia de como você pode construir a sua página de maneira mais melhor. **Parágrafo 2: ** Se quiser, também pode desestruturar os blocos aqui e começar de zero. Por exemplo, pode desestruturar a página e iniciar-se novamente com um modelo pré-carregado dos templates Astro. Nesta página, você verá um bloco chamado Hidratadores de Elementos, o qual pode ser editado de maneira independente. É importante salientar que ele é muito mais compacto porque das laterais temos barras de pesquisas e outros blocos. Assim, a seção de conteúdo completo não é viúvel aqui. **Parágrafo 3: ** Na seção superior, temos uma lista atcóis do WordPress, a qual você pode editar. Note que a lista está ordenada por padrão segundo o template atual. Um método para adicionar novas categorias, por exemplo, é fazê-lo ativo na página **Pré-Visualizar e Publicar**. Para editar as categorias, você pode usar a opção de Visualização de Página Corrente, o qual é permitido visualizar a página como um visitante clica na página. Já na página **Configuração Geral**, você pode também verificar suas configurações. **Lista: ** - Para adicionar uma nova página no WordPress, vá para o painel para Adicionar Novo Página 1. Ver Páginas Existentes 2. Adicionar Página 3. Título e Descrição da Página 4. Categoria de Página 5. Publicar - Para adicionar páginas pré-carregadas de templates Astro: 1. Editar com Elementor 2. Clique em Templates 3. Escolha o template desejado para o seu Hidratador de Elementos 4. Clique em Usar template **Conclusão: ** Aqui tiveram alguns dicas para ajudá-lo a personalizar sua página de forma mais amigável, incluindo a criação de páginas únicas com Elementor. Se quizesse ver outras opções de arquitetura site para seu projeto, recomendamos dar uma olhada no início ao tema Astra para verificar se ele atende seus requisitos. # Melhorando a Segurança e Personalizando o seu Site com WordPress, WooCommerce e Elementor Este guia fornece etapas para melhorar a segurança e personalização de seu site WordPress usando WooCommerce e Elementor. ## Verificação e Segurança do Certificado SSL Para confirmar seu certificado SSL, siga estas etapas: 1. Entre em um verificador SSL pesquisando-o no Google. 2. Cole o seu URL e verifique o estado de seu certificado SSL. (Nota: confirme que é válido, mas não completamente seguro devido às possíveis ligações HTTP. ) 3. Instale o plugin Better Search Replace para substituir HTTP por HTTPS. 4. Procure por todas as instâncias de HTTP usando o plugin e substitua-as por HTTPS. (Faça uma análise seca antes de realizar a substituição verdadeira. ) ## Segurança do Site Ter um site seguro é essencial para a confiança dos visitantes e proteção de dados. Troque todas as ligações HTTP por HTTPS para um site seguro: 1. Garanta a segurança de seu site inteiro. 2. Remova ou substitua quaisquer notificações "não seguro" para impedir a intimidação dos visitantes e reduzir a probabilidade de informações pessoais serem inseridas no seu site. ## Personalização do Site com Elementor Personalize o seu site voltado a comercio WooCommerce usando Elementor para gerenciamento simples de conteúdo: 1. Mude o logotipo no topo. 2. Edite páginas como a página de pedidos e homepage. 3. Modifique a imagem de fundo, as localizações de botões e tamanhos. 4. Use ancoras para ligar a seções específicas ou páginas dentro de seu site. 5. Duplique e organize seções para adaptar o layout da sua página web. ## Ampliamento do Site com Recursos Adicionais Amplie as funcionalidades de seu site usando recursos de terceiros: 1. Visite o SANTRO MEDIA ([www. santromedia. com](http://www.santromedia.com)) para opções adicionais de personalização. 2. Instale os plugins Innovative e Elementor Premium para mais flexibilidade de design e integrações (versão paga requerida). ## Criação e Edição de Posts em WooCommerce Optimize o seu blog WooCommerce para atração de tráfegoOrganico e exposição: 1. Crie um novo post navegando para Posts > Adicionar Novo. 2. Use os modelos para formatar rapidamente e profissionalmente o seu post. 3. Utilize categorias, tags, excerpts e descrições de meta-dados para otimização SEO. 4. Salve o seu post como rascunho antes de publicar, e configura-os modelos de post para um formatado consistente em todos os seus postagens do blog. # Video 28: Facebook Pixel Explicado ## O que é um pixel de Facebook? O pixel de Facebook é uma pequena peça de código que pode ser colocado em um site para: - Otimizar anúncios - Rastrear o tráfego em um site - Criar públicos e públicos semelhantes ### Rastreando conversões Você pode rastrear conversões instalando o pixel de Facebook em várias anúncios e comparando as taxas de conversão desses anúncios. ### Remarcação O pixel de Facebook permite a remarcação através de: - Benefició-los os usuários que adicionaram ao carrinho mas não alcançaram a página de obrigado - A criação de públicos semelhantes para alcançar pessoas que são semelhantes aos que visitaram o seu site ou fazeram uma compra ### Públicos semelhantes Um público semelhante do Facebook consiste em usuários fora da sua audiência imediata que têm características semelhantes às da sua base de clientes existentes. ## Facebook pixel vs. Cookies - O pixel de Facebook é implementado no seu site - Um cookie é colocado em um navegador Porém, eles podem funcionar juntos de forma eficiente para rastrear o comportamento do usuário em vários dispositivos. --- # Video 29: Tipos de Anúncios na Rede Google ## Google rede de pesquisa - Qualquer site do Google, incluindo Google Images, Google Maps e Google Search ## Google Display Network - Sites não do Google (como The Weather Channel ou New York Times) que são parte da sua rede de exibição - Alcança mais de 90% de usuários na Internet ## Anúncios de texto - Exibidos na primeira posição de resultados de pesquisa do Google (recebendo mais cliques) - Útil para: - Aumentar a visibilidade da marca - Aumentar classificação de pesquisa - Alcançar palavras-chave específicas ou indústrias # Publicidade em Google: Um Guia Compreensivo Anuncie não apenas na Rede de Pesquisa Google, mas também na Rede de Publicidade Google. Isso significa que pode-se ver anúncios em vários tipos de conteúdo, como artigos, blogs ou reinterpretações. Pode-se encontrar um anúncio de texto, que consiste apenas em um anúncio sem uma imagem. ## Formatos de Publicidade Semelhantes Os três formatos de publicidade seguintes - anúncios de imagem, anúncios respostivos e anúncios de vídeo - são parecidos e podem ser intercambiáveis em muitas situações. ### Anúncios de Imagem e Anúncios Respostivos - Os anúncios de imagem são personalizados e únicos, enquanto os anúncios respostivos são ajustados para se adaptar a qualquer espaço. - Você pode colocar um anúncio respostivo em um espaço maior ou menor, e deveria se encaixar em quase todos os websites ou espaços de publicidade. ### Anúncios de Vídeo - Os anúncios de vídeo compartilham o mesmo conceito mas utilizam um vídeo em vez de uma imagem. Podem ser interativos, com botões que se movem ou que incentivam cliques. - Opcional: alguns anúncios de vídeo permitem que se salte depois dos cinco primeiros segundos (anúncios pré-rolados). ## Anúncios Interativos - Muitos anúncios de imagem são interativos, com a capacidade de se movimentar ou responder à interação do usuário. - No entanto, alguns anúncios de imagem também podem ser estáticos. ## Exemplos de Anúncios de Google - No site do New York Times, você encontrará anúncios interativos de bandeira no topo. Estes anúncios podem ser reconhecidos como anúncios de Google porque possuem uma pequena X e "opções de publicidade" no canto superior direito. - Se você procurar "surf cams" no site, pode encontrar um anúncio respostivo (uma bandeira menor) que pode aparecer em várias áreas de publicidade. - Ao descer, encontrará conteúdo nativo ao lado de anúncios personalizados de acordo com seus interesses, com base em cookies (se estiver usando um navegador padrão). Anúncios aleatórios podem aparecer se estiver usando um navegador em privado. ## Anúncios de Compras - Procure por "beats headphones" para ver anúncios de compras com vários anúncios patrocinados. Os usuários podem ver o preço, título do produto e imagens antes de clicar para visitar o site para comprar. - Se você ir para a pesquisa de imagens de Google, encontrará um cartaz de venda no topo exibindo mais anúncios patrocinados. ## Outros Formatos de Anúncios em Google Além disso, pode-se encontrar anúncios de lojas mostras e anúncios telefônicos de chamada apenas em Rede de Publicidade Google. Por exemplo, um anúncio com ícones interactivos e preço para vários itens pode aparecer. ## Anúncios de Vídeo em YouTube - Anúncios pré-rolados (geralmente de 30 segundos) são exibidos antes de um outro vídeo, podem ser saltados após 5 segundos e geralmente aparecem no início dos vídeos. - Também encontrará anúncios de lado, vídeos patrocinados e banners em vídeo no YouTube. ## Anúncios de Serviços Locais - Os anúncios de serviços locais (por exemplo, para serviços de calibração) garantem que sua marca seja exibida primeiro quando alguém pesquisar um serviço local na sua área. Um lima verde indica que Google aprovou sua empresa para todos os dokumentos, licenças e seguros necessários. ## Anúncios em Gmail - Anúncios de Gmail são servidos para usuários de acordo com perfil de Google e aparecem no separador de promoção. - Estes anúncios podem ser gerais ou alvo, e os usuários não necessariamente precisam estar na lista de email do remetente para receber o anúncio. Além disso, existem anúncios de apenas chamada e publicidade em aplicativos para dispositivos móveis. Estes anúncios podem aparecer em várias localizações dentro do aplicativo ou no fundo da tela. Este guia fornece uma visão gereral sobre alguns dos formatos de publicidade principais e eficazes em Google. Para mais informações, consulte o seguinte vídeo: [Explicando Google Ads](https://www.youtube.com/watch?v=pQFIw97vqK0) (Idioma: en) ## Criando um Website de uma página com o construtor de websites GoDaddy Se está procurando por criar um website de uma página para sua empresa, fundraiser ou evento, veja esse tutorial de vídeo: [Criar um website de uma página em 15 minutos](TBD) Nesse video, mostrarei como criar um website profissional de uma página usando o construtor de websites GoDaddy. O vídeo de dezoito minutos começa criando a conta, escolhendo um modelo, e personalizando a cores e letras para que o site seja o melhor possível. # Documentação: Personalização de um Tema de Página única Este guia lhe acompanhará no processo de personalização de um tema de página única, utilizando como exemplo um café de café. ## Personalização do Tema ### Botões - Mude a cor principal do botão para uma nuance mais escura acessando `Cores` > `Cor Tombal Personalizada para Botões`. ### Configurações - Adicione links de redes sociais na seção `Redes Sociais`. - Atualize o ícone na seção `Ícone` em `Configurações Avançadas` > `Ícone do Navegador`. ### Página - Personalize a imagem de capa na seção `Mídia de Capa`. - Altere o título na seção `Título`. - Personalize o texto, opções e aparência no botão na seção `Botões`. ### Seções - Crie uma nova seção para sua missão na seção `Sobre`. - Personalize a aparência e o conteúdo da seção `Galeria de Fotos`. - Adicione uma seção de `Menu` e personalize o seu conteúdo e cores. - Crie uma nova seção para testemunhos ou `Lugares em que estamos apresentados` na seção `Partners`. ### Pop-up - Adicione uma imagem personalizada e conteúdo para o pop-up de acordo com as preferências. ## Optimização de SEO - Personalize a página para que ela seja fácil de ser encontrada pelos motores de pesquisa. Isso permitirá que os clientes potenciais possam achar você mais facilmente. Este guia oferece uma visão geral da personalização de um tema de página única. Devido à natureza dos temas, algumas opções de personalização podem ser limitadas ou não estar disponíveis. Para instruções detalhadas sobre um tema específico, consulte a sua documentação oficial. # Tutorial: Publicação e Domínio no GoDaddy ## Início Estamos perto do fim, então vou adicionar uma imagem muito rapidamente. Usaremos essa uma. Apenas grãos de café e dizeremos "Encontre nova receita" ou "Encontre ou disse" e veja nossa nova tônica e então eu vejo esse botão aqui direito. Isso poderá redirecioná-lo para qualquer coisa que você queira, portanto, isso é um pop-up que aparecerá quando alguém visitar sua página. Acredito que isso apareça imediatamente. Será apresentado muito rapidamente aqui. Ele tem uma ação de chamada. Eles podem fechar isso ou dizer "Aprender mais". O botão de "Aprender mais" redireciona para uma página. Nosso website tem apenas uma página aqui, portanto, ele estará simplesmente redirecionado para sua página inicial para um website de um página. Evitamos isso, pois deseja-se que esse redirecionamento apontasse para algo literalmente qualquer coisa mais do que isso, mas. . . Esta é tudo o que eu queria mostrar sobre a configuração disso, mas não estamos terminados ainda. Estamos fezendo o site da maneira como ele está, mas agora precisamos publicá-lo. Então clique em Publicar no topo. Esse site estará pronto para funcionar, mas estará abrindo em um domínio estranho. Vai ser algo like `crappycoffee. godaddysites. com`, o que não é o que você quer. Portanto, certifique-se de que você vá e escolha um domínio agora. ## Domínio Podemos obter um domínio livre se você desejar upgrade seu site e selecionar um plano. Então primeiro vamos encontrar o nômine `crappycoffee. com`. Vamos olhar se isso está disponível. `crappycoffee. com` pesquise-se provavelmente disponível. Bem, alguém já tomou isso, então `crappycoffee2. com` será disponível certamente. Assim que isso estiver disponível, vamos selecioná-lo. É gratuito durante seu primeiro ano e é porque agimos sobre um plano. Vamos selecionar um plano agora. Dos planos, você pode ver que eles te cobram mensalmente ou por ano. Recomendo que não use os planos mensais *unless you're working on a short-term project and only need it for a month or two*. Em situações ampliadas, pague anualmente ou compra anualmente economiza uma quantia substancial de dinheiro como você pode ver aqui. Acredito que eu sempre os recomendo para qualquer um. Agora dependendo do que você vai fazer com seu website, se estiver usando para criar uma página simples, então simplesmente dará a você um domínio, a SSL e algumas coisas básicas como isso. Em caso você queira vender alguma coisa nele, obviamente, os outros planos serão necessários para isso. Procuremos os seguintes recursos enquanto desciamos: - Mensagens de SMS para novas consultas - Emails de marketing - Limitado por mês, você pode enviar campanhas de email de diferentes quantidades Eu não uso isso, prefiro utilizar outros recursos para enviar campanhas de email, como Mailchimp or Sendinblue por exemplo. Simples quando o pronto quiser conhecer como fazer isso, irá vincular vídeos aqui. Assim que escolher o plano, abaixo, você pode ver que este plano inclui tudo o que está abaixo, então o plano mais baixo irá oferecer apenas as coisas básicas que você precisará para deixar seu site funcionando. Por isso, para esse vídeo, estou subindo este plano aqui e estou comprando isso agora. Para uma página de tempo completo, produto 80 para um ano inteiro (inclui domínio) não é um preço ruim. Adiciono um pagamento e temos pronto para ir. Agora todo o site será publicado facilmente. Agora o site está pronto para ir e disponível em nossa própria domain. As coisas estão prontas entãoasse cada um. Espero ter sido um vídeo útil. Utilizei alguns elementos da documentação blue e da documentação [oficial do GoDaddy](https://uk.godaddy.com/garage/guides/getting-started/) para esse texto. # Loja Física e Opções Online Queremos permitir a retirada e entrega para nossa loja online. Aqui está uma visão geral das opções: - **Retirada**: Os clientes podem fazer a compra na loja online e retirar os seus itens na loja. - **Entrega**: Entraremos em contato pessoalmente para entregar os itens, que é diferente da entrega regular. Este é um serviço ocacional, pois não é comum ter todas as opções disponíveis. É mais provável que você tenha apenas as primeiras duas opções ou as últimas duas opções, por exemplo. Para este vídeo, vou me concentrar nas duas primeiras opções e del Go Mais Fundo por elas depois. ------------------------- Inicie-se primeiramente ao logged nosso painel de controle em [weebly. com](weebly. com). É importante notar que Square e Weebly agora possuem o mesmo nome, então você pode ver o nome de uma ou outra empresa. Se for direcionado para um site diferente, peça desculpa — isso é apenas parte da integração entre os dois serviços. Para acessar o painel de controle, clique no menu suspenso no topo e selecione `Home`. Do painel de controle do Square, você encontrará várias outras opções, incluindo marketing, pagamentos de cartão de crédito e mais. Você pode acessar o painel de controle da sua loja online ao ir para [squareup. com](squareup. com) depois de ter configurado sua conta. A partir daí, terá acesso fácil a Square Online clicando em opções até que o bolinho verde desapareça. Isso o levará de volta ao navegador do qual estamos interessados. ------------------------ O painel de controle da Square Online é dividido em várias secções: - A faixa de ferramentas no canto superior esquerdo contém nossas opções. - No meio do topo encontra-se o logotipo, que podemos melhorar depois. As vantagens incluem a capacidade de vender coisas, mesmo para grátis, sem o preciso de pagar antecipação (diferentemente de outras plataformas como BigCommerce e Shopify). Porém, você precisará ser premium para conectar um domínio e funcionalidades avançadas semelhantes. - No canto superior direito está a informação da sua conta. - No lado esquerdo da visualização encontram-se várias opções, e no meio da visualização você verá algumas opções básicas. ------------------------ Agora, vamos criar uma loja online. Clique em `Website` no menu suspenso, então selecione `Configurações Gerais`. Na `Configurações Gerais do Website`, você pode alterar o título do website. Assegure-se de usar um nome claro e preciso para o seu website, pois será exibido em todas as páginas. Descendo, podemos configurar o ícone de favorito da sua website. Contudo, é necessário um plano premium para adicionar um ícone personalizado. Sob `Proteção de Senha`, você pode optar por configurar senhas para proteger certas páginas na sua website enquanto se prepara para ir ao ar. Lembre-se de que irá precisar de um plano premium para que essa funcionalidade esteja disponível. Por último, o `Idioma do Site` pode ser alterado, e você pode remover ou resetar o site de acordo com suas necessidades. ------------------------ Quando tiver estabelecido suas configurações Gerais, é hora de atualizar o seu plano para ter acesso a funcionalidades adicionais. Clique em `C Planos`, e escolha um plano que o mais se pareça com suas necessidades. Há três opções: o plano gratuito, o plano de $12/mês ou $144/ano e o plano de $24/mês ou $288/ano. Cada plano oferece diferentes recursos e benefícios, e recomendo escolher o que melhor coincide com o seu orçamento e as necessidades da sua empresa. Por exemplo, o plano de $12/mês remove a marcação e autoriza o uso de seu próprio domínio, enquanto que os planos maiores oferecem funcionalidades adicionais como a recuperação de carrinhos abandonados e pagamento através de PayPal. Escolha o plano que mais se accordar com você, e será capaz de aproveitar a plenitude de recursos disponibilizados pela Square Online. Agora você está pronto para editar o seu website e personalizá-lo segundo o seu gosto. Feliz a construir! 🎉💻 # Adquirindo Domínios e Configurando Produtos no Site da Square A Santro Steaks será o nosso foco nesta loja, mas mostrarei como adicionar e configurar itens diferentes tipos. Vamos começar por adquirir um domínio. ## Adquirindo um Domínio 1. Vá para Central Stakes, Central Dash Stakes ou Stakes (<https://centralstakes.com> ou similar) para pesquisar e ac distribuir um domínio. 2. Quando encontrar o domínio desejado, você pode comprá-lo de forma fácil no site. Alternativamente, você pode comprar um domínio de fornecedores diferentes como Google Domains ou Namecheap. Para este vídeo, apresentarei a compra diretamente da Square para facilitar a integração. ## Mudando o Nome do Domínio Mudar o nome do domínio é o seguinte: 1. Vá para Site > Dominios. 2. Selecione o domínio que deseja mudar. 3. Clique em `Mudar` para mudar o nome do domínio. ## Adicionando Itens 1. Navegue para Itens > Biblioteca de Itens. 2. Selecione o tipo de item: físico, digital, doações, membros, evento, serviço ou comida ou bebida preparada. ### Itens Físicos Vamos criar uma camiseta da Santro Stores como um exemplo. 1. Clique em `Adicionar uma imagem` para adicionar uma ou mais imagens para o item. 2. Adicione uma descrição. 3. Especifique se o item está visível, escondido ou indisponível. 4. Escolha as opções de entrega: - Entrega postal - Retirada em loja - Entrega local 5. Defina as variações (tamanhos, cores ou opções) com preços específicos associados. 6. Adicione um código de referência se necessário. 7. Edite as configurações de SEO: - Permalink (URL de slug) - Título SEO - Descrição SEO **Observação: ** A Square pode não ser a melhor solução para gerenciar itens com várias cores e tamanhos. Recomenda-se vender uma cor por vez e lidar com as variações de tamanho. Lembre-se de otimizar as apresentações de produtos para buscadores para ajuda os clientes a encontrarem sua loja no Google. Agora que já temos o nosso primeiro item, salve e exiba-o para ver como ele se apresenta ao vivo. Corraje e publique o item. Repita o processo para itens adicionais. ## Resumo Neste tutorial, capsulhamos a aquisição de um domínio pela Square, mudamos o nome do domínio da loja e adicionamos um produto físico (camiseta) à nossa loja. Continue a configurar a loja com produtos adicionais e personalize o layout e o design para uma experiência óptima para o cliente. Use o Markdown para formatar o texto de acordo com as regras estabelecidas: # Título Principal ## Descrição Adicione uma imagem para este produto. Pode ser usado uma imagem digital disponível ou um link para uma imagem online. ### Central Stakes Phone Wallpaper Adicione uma imagem atraente para central stakes como tema da música central, por exemplo. Você pode vender música, arte ou imagens aqui. - Imposto: Sim - Taxa de Drelhagem: 16 x 9 ## Descrição detalhada Desfazer as operações de ingresso de pedidos digitais. Os clientes receberão um email de confirmação que lhes informará que os arquivos serão enviados em um email separado, portanto, você precisará se prestar muito atenção. É um dos gastos que você terá de suportar quando usar um sistema de venda online como Square, eles ainda não possuem uma função de download automático após a confirmação de email. ## Outros produtos - Doações: Adicione uma imagem para este produto. - Doações: qualquer quantia desejada ## Categorias - Adicione categorias para seus produtos de acordo com as suas necessidades. - Roupagem: Outeiror - Mercadoria: Central Stakes ## Reviews - Se você tiver reviews disponíveis, você poderá fazer comentários aqui. ## Gift cards - Aumente as suas vendas oferecendo gift cards. - Gift cars não expiram. - Defina as quantias disponíveis em: 5, 10, 15, 20 euros. Salve as mudanças para concluir as configurações de gift cards. Essas mudanças não serão ativas até você escolher o local de retirada selecionado. ## Cupons de Descontos - Ofereça apoio aos seus clientes oferecendo-lhes um desconto na sua loja como presente em ocasiões pessoais. - Se desejar, pode aumentar os fundos da sua empresa oferecendo um desconto de 20% nos pedidos com código de desconto. Obs: No seu caso, é importante ter a configuração de envio se desejar continuar a sua loja online. ## Modificadores - Altere os produtos de acordo com as suas necessidades. - Você pode aplicar modificadores como opções adicionais para os produtos. Tenha cuidado ao selecionar os modificadores, verifique totalmente a compatibilidade com os produtos. ## SEO - Crie seu texto de SEO com palavras-chave a fim de atrair clientes para a sua loja online. ## Siga as instruções abaixo para Seção 2. . . Note que esta seção ainda necessita de mais ajustes de formatação. --- # Seção 2 ## Membros - Crie produtos de membro aqui se for necessário. ## Eventos - Crie eventos aqui. ## Food and Beverage - Prepare um menu fácil de seguir para seus clientes que querem comprar alimentos ou bebidas aqui. ## Restaurant Web site - Crie um layout simples e próprio para o seu site web de restaurant customizado. ## Editar o site web - Para obter o máximo benefício da sua loja, ajuste o seu design e layout web agora. # Guia do Editor de Website ## Visão Geral Este guia vai te guiar pelas funcionalidades principais do editor de website, enfatizando a barra de ferramentas, painel de edição e painel de visualização. ### Barra de Ferramentas A barra de ferramentas, localizada acima, fornece várias funções importantes: 1. **Navegação: ** Permite navegar entre diferentes páginas, como a página inicial, a página para fazer pedidos online, páginas de itens, e páginas adicionais como Contate-nos, Galeria, Nosso História e Cartões de Presente. 2. **Adicionar Página: ** Clicando no botão de adicionar permite adicionar novas páginas ao seu website. 3. **Modo de Exibição: ** Permite alternar entre o modo de exibição do desktop e do dispositivo móvel. Não há um modo de exibição de tablete, mas o editor se adapta para ambos os dispositivos de desktop e móvel. 4. **Desfazer/Refazer: ** Localizado no canto superior direito, estes botões permitem desfazer ou refazer ações. 5. **Visualização: ** Permite visualizar seu website em tela cheia. 6. **Publicar: ** Permite publicar seu website. ### Painel de Edição O painel de edição, localizado no lado esquerdo, exibe as seções de seu website. Cada seção é destacada em azul ao passar o cursor sobre ela. Pode-se reorganizar seções, apagá-las ou adicionar novas seções conforme necessário. ### Painel de Visualização O painel de visualização, localizado no meio, mostra o seu website em tempo real enquanto edita. Passando o cursor sobre diferentes seções destaca-as, permitindo identificá-las e editar facilmente. ## Desenvolvimento de uma Página Aqui está um passo a passo para o desenvolvimento de uma página: 1. Navegue até a página que deseja editar. 2. Realize as alterações necessárias nas seções, como a cabeçalho, o banner principal e as seções de conteúdo. 3. Visualize as suas alterações para garantir que apareçam conforme o desejado. 4. Salve as suas alterações quando estiver satisfeito. ### Cabeçalho O cabeçalho pode ser personalizado clicando nele e fazendo alterações na lógica, na navegação e no botão. 1. **Lógica: ** Pode alterar o tamanho, a cor e o destino de link da lógica. 2. **Navegação: ** Pode ativar ou desativar a navegação, e personalizar as páginas que aparecem. 3. **Botão: ** Pode personalizar o estilo, a cor e o destino de link do botão. ### Banner Principal O banner principal é consistente em todo o seu website. Pode ocultar ou mostrar-lo conforme necessário. ### Seções de Conteúdo As seções de conteúdo podem ser editadas clicando nele. Pode adicionar imagens, texto, callouts e botões conforme necessário. 1. **Imagem: ** Pode adicionar uma imagem, alterar o tamanho, adicionar um link, adicionar texto alternativo, e adicionar uma legenda. 2. **Callout: ** Pode personalizar a fonte, o tamanho da fonte, o texto e o layout do callout. 3. **Texto e Imagem: ** Pode adicionar texto e uma imagem, e personalizar o layout. 4. **Botão: ** Pode adicionar um botão, personalizar o estilo, a cor e o destino de link. ## Conclusão Este guia fornece uma # Edição de Páginas Individuais no Square Online Store Pode haver várias razões pela qual você desejar desativar certas funcionalidades, mas desativá-las ambas talvez não faça sentido para você. No entanto, você pode ir para as configurações de fuelas para alterá-las. Aqui, podemos ajustar o tamanho da fuente e a personalizar de acordo com as preferências suas, além de definir apenas no lado esquerdo, ou com uma imagem de fundo, caso desejado. Melhorar a legibilidade ao alterar a aparência da imagem de fundo, embora isso não seja muito personalizável. Quanto à personalização, isso está em igualdade com o Shopify em termos de personalizar como a página parece realmente. Você pode mudar a imagem para o lado direito ou adicionar uma do galleria para misturar as coisas um pouco. Clique em "Imagem" e adicione a imagem selecionada para fazer isso. Personalize tudo o que for necessário da mesma maneira em cada página individual. Como desafio, você não tem muitas opções para a estética geral da loja. Uma tela branca seria provavelmente uma boa ideia em vez de adicionar uma imagem de fundo, mas você pode adicionar navegação no rodapé caso seja necessário, como links de suas diferentes contas de mídia social ou links externos. Personalize o layout de forma semelhante ao cabeçalho na seção "Personalizar". O processo é simples e fácil, permitindo que você faça sua website parecer boa. Não esqueça de definir uma descrição e um título para a sua página na seção "Ver USSH settings de página. " Além disso, ajuste a imagem social e o título de SEO apropriadamente, para que as pessoas possam facilmente compartilhar a sua página. No "Modo móvel", as coisas aparecerão ligeiramente diferentes, mas serão ainda bem dinâmicas. Edite cada página individual, teste várias opções, e publique sua página quando estiver satisfeita. Ajuste o domínio como necessário na seção "Publicar". Para levar seu website à próxima etapa e aumentar as conversões, use a funcionalidade de pop-ups, oferecendo incentivos aos assinantes, como 20% de desconto em sua compra, se eles fornecerem seu endereço de email. Escolha o layout, ajuste os parâmetros de exibição e teste o que funciona melhor para sua website. Fazer anúncios ou certificar-se da idade, caso seja necessário. Finalmente, configure as cesta abandonada, o checkout, as opções de envio, e as opções de recolha/entrega. Configure a endereço de envio por padrão, o tamanho de caixa padrão para cada produto, e o ponto de recolha/entrega de forma adequada. No geral, o Square Online fornece um design simples e intúito para lojas pequenas, tornando-o atraente para vários negócios e crescendo como plataforma na indústria de lojas online. Se você encontrar este tutorial útil, considere curtir, inscrever-se e deixar qualquer pergunta que tenha abaixo. # Vídeo 34: <https://www.youtube.com/watch?v=E_JHmju1zf0 (Idioma: en)> ## Bem-vindo ao Canal Agora estamos falando sobre os cinco melhores construtores de sites web que você pode utilizar para criar um site profissional em horas ou, mesmo menos. A seguir, vamos apresentar os cinco construtores de site web que eu recomendo. Atenção: É importante dizer que eu utilizei muito mais do que apenas estes cinco. Porém, a seguinte lista é compilada com os quatro que acredito serem os melhorados para uma maioria dos usuários. ### 1. SquareSpace O SquareSpace é o meu favorito e, em meu entendimento, é o que mais usuários estão utilizando. A SquareSpace tem melhorado grandemente nos últimos anos, traçando líderes a frente de Wix e Weebly em popularidade, mas estes ainda causam um grande e base de usuários. A SquareSpace oferece templates incríveis que são extremamente fáceis de editar, profissionais e robustos. Possui muitos templates de escolha, todos os quais parecem práticos. Você pode ajustá-los conforme necessário com a cor, a foto, logotipo e texto em qualquer lugar desejado para que possa parecer perfeito. Através da criação de um tutorial, a população geral considera bem fácil utilizar a SquareSpace uma vez que conhece seus passos. Os recursos principais incluem email marketing, domínio, SSL e muito mais. Posso afirmar que a SquareSpace é o builder mais robusto e o mais redonda de todos. #### SEO O SquareSpace também tem um excelente SEO, com opções para optar por qual título desejar, quais palavras-chave desejar e algumas outras opções úteis. #### Integrations com redes sociais Como já foi discutido, o SquareSpace permite a integrations com redes sociais incluindo Instagram, onde você pode vender produtos diretamente. Isto é uma opção útil se você estiver apenas começando a se lançar como uma única pessoa ou pequena empresa, ou mesmo na busca de se expandir em uma grande empresa que tenha uma loja online. ### 2. Wix O Wix é também um construtor de site de boa qualidade. É um web site builder mais livre, permitindo que você acrecça fé na sua criação. Com o Wix, você pode consistentemente colocar em evidência seus conteúdos para que suas pessoas sejam motivadas. Os recursos podem ser mais complexos, porém versáteis, com opções plataforma integrado com uma estore. com, o que permite melhorias em propagação de produtos e facilita o processo de compras. Há também uma extensão de monetização e a compilação de tráfego. ### 3. Weebly As opções Weebly são laboriosas com muitas funcionalidades e recursos, um valor money-back garantido, e é uma boa opção para assim não precisar saber de HTML para a criação de idênticos esquemas de caixa. É mais uma das soluções de construtores de sites de menor custo nesse nicho. ### 4. Squarespace vs Wix vs Weebly Os 3 construidores de sites mencionados são excelentes para criar sites de negócios. Se você estiver começando uma empresa pequena ou expandindo uma mais grande, eles oferecem várias opções para criações de produtos sem demanda, blogs e vários outros recursos principalmente para o público dominante. São todos ótimos para uma variedade de negócios e cenários, mas eles oferecem alguns aspectos diferentes de seus recursos e funcionalidades que podem ajudá-lo a tomar uma decisão final. - SquareSpace: é o que mais uso e o que penso que, em geral, mais pessoas usam. Oferece template incríveis que são fáceis de editar, profissionais e robustos. Possui muitos templates de escolha, todos os quais parecem práticos. Você pode ajustar-los conforme necessário com a cor, a foto, logotipo e texto em qualquer lugar desejado para que possa parecer perfeito. Através da criação de um tutorial, a população geral considera bem fácil utilizar a SquareSpace uma vez que conhece seus passos. Os recursos principais incluem email marketing, domínio, SSL e muito mais. Posso afirmar que a SquareSpace é o builder mais robusto e o mais redonda de todos. Além disso, oferece um excelente SEO, graças a opções para optação de título, palavras-chave e algumas outras opções úteis. - Wix: oferece muitos recursos para o desenvolvimento de uma estore, incluindo muitas integrations com outras empresas e o Google AdWords. Além disso, oferece vários add-ons altamente úteis, muitos deles em forma de apps que podem tornar facilmente sua criação web um lugar onde você pode expôr seus produtos de várias formas, tais como através do Instagram e do Facebook. ________________________ Note que o início da transcrição foi reformulado para atender as regras de formatação estabelecidas. A transcrição original consta abaixo em comparação: [questions about how you made your store or what you didn't understand in this video and as always guys thank you for watching i'll see you next time] === Vídeo 34: https://www.youtube.com/watch?v=E_JHmju1zf0 (Idioma: en) === welcome back to the channel everybody in this video we're talking about the five best website builders you can use to create a professional website in a matter of hours or even less and so these are all website builders that i've used in the past and if you're looking to make an online presence for your business or a portfolio for yourself maybe if you're an artist whatever it is maybe a wedding it could be literally anything if you're looking to make a website it could be intimidating you might think that you need to know html or know how to code stuff like that honestly it's easier than ever before now in a matter of like i said hours or even less you can use any one of these five make a totally professional website that could have a store on there it could have blogs on there you could have people booking for your hotel you could have bookings for restaurants reserving tables just endless endless options and now like for the average small business you really don't have to hire anybody to make your website you can just do it yourself so these are five that i like although quick disclaimer here i've tried many more than just these five these are the ones that i think the average person looking to make an online presence for a wedding or for a small business or maybe a larger business you're trying to make an online store whatever it is these are what i think you guys would most like and these are in the order that i think most people would like them but depending on your needs you may want maybe number five instead of number one so definitely watch this entire video before making your decision i'll highlight the differences between these to help you decide which one's the best one for you now starting off at number one the one that i like best and i think most people out there would be using is actually square space and square space is a little bit less popular than Wix and we've Lee because they've actually made some pretty big improvements over the last couple years that really brought them ahead but of course Wix and we believe still have a very large user base from five or so years ago so Squarespace now has some incredible templates that's the number one reason that i would choose them is because they're so easy is so bullet proof and very very robust so they have many many templates you can choose from they all look really professional you can tweak them as much as you need to to make them look like the perfect color the right pictures the right logos everywhere at the right text you can do everything and it's a very curated process where at first people do say it's a little bit intimidating I'm not including that in this view here because honestly we did make an entire tutorial on it as long as you watch that if you read the comments everybody says it's super easy once you know how to use it so check out that tutorial if you choose Squarespace but honestly besides looking really good they also have some really great features in there including email marketing they have you can get a domain and honestly it is a little bit more expensive than the other options on this list upfront but actually Squarespace and I find it ends up being cheaper in the end because it does come with so many things that you already need so for example it you can get a domain with it it'll come with SSL things like that that you would otherwise be paying extra for it just comes with all the Squarespace packages so it's generally the most well rounded builder out of all of these in my opinion you also have some pretty good SEO some search engine optimization with Squarespace so on each individual page you can choose the right header the right little text that goes below that and the right URL that you want so when somebody searches it in Google it'll show up with exactly the right title right there exactly the right little snippet of words like a little mini paragraph below that and you're gonna have a better click-through rate SEO is really good with Squarespace also on top of that they have great integrations with social media so integrating with maybe Instagram for example you can sell directly on Instagram and it's a very powerful thing if you're looking to do e-commerce that's something that you know if you've ever tried this you'll know that it's so much more powerful if you're able to integrate your products directly in Instagram so that people can just buy it right there and you're going to find much more success if you're doing that kind of social media marketing with that on top of that you do have an app you can get on your phone to have analytics in there and a lot of other tools that are very very useful I find that when you're on the go having the app on your phone is a great way to keep an eye on your website make sure things are working well Squarespace also has some add-ons it's not quite as extensive as Wix or Weebly zap library but the add-ons can be fairly useful if you want them I find that I generally don't use those but I do use everything that Squarespace already has so they have a lot of e-commerce tools and they do have blogging tools as well so if you're looking to make a blog on maybe your restaurant or whatever you're doing Squarespace is definitely an excellent choice then that brings us to number two which honestly I was hesitant to make this number two I almost made it number one because me personally I kind of for this one for my own use but I'm a little more familiar with the website building industry out there so I'm looking to customize things a little bit more Wix actually has a much more free experience out there so if you're looking to move things exactly where you want them Wix is really the option if you need some extra little fringe apps and add-ons on your website Wix is also very good for that so I'll explain what I mean right here so SquareSpace you basically the way you're gonna edit is you choose a template and then you choose each individual little strip that you have a little block and you can choose different designs for each block so you can have a picture there and text over there you'd have like multiple pictures and they have many different options for what the layout is but you're constrained to only choosing those layouts which is good and bad it's good because you never have to worry about your website not looking great or your website not working on different devices so if somebody's using a phone or a desktop or if they're using a projector you never know what people are gonna use for your website but it's always going to look good with Squarespace now in Wix it with the other hand it's much more freeform the editor you can click and drag things anywhere you want unlike Squarespace and because of that the good in the bad here the good you can make it look however you want if you want this little picture to be rotated slightly and moved a little bit to the left you can easily do that with Wix and then the bad part of this unfortunately is that if you move things around you have to be really careful not to have it slightly off the screen if somebody's using like an iPad for example so you want to make sure that your website works well with Wix and honestly when you're comparing the two I would say it's almost like Apple and Android so Squarespace is kind of like Apple where you can't customize it quite as much but everything works very well it's very curated whereas Wix you know you can change like launchers on Android and stuff like that it's much more tailored and it's definitely great if you're looking to be more a little bit more artistic with your website and on top without kind of what I mentioned before is that Wix has their own app market that is you know very extensive they have like 300 or so apps out there and you can really optimize your website and a lot of the apps are actually made by Wix so they have like Wix hotel bookings Wix restaurant bookings and things like that so depending on what your business is you can use one of these way apps and have these extra functions on your website to really amplify how powerful it is and how effective your website is is well without kind of what I said before is that Wix does a decent job at SEO, but it's not as great as Squarespace. Audio: Corretação: O vídeo abaixo discute os melhores construtores de sites web para a criação de um site profissional em apenas horas ou, mesmo menos: [Vídeo 34: <https://www.youtube.com/watch?v=E_JHmju1zf0>] Bem-vindo de volta ao canal! Este vídeo nos envolve falando sobre os cinco construtores de site webs melhores para a construção de uma página online profissional em horas ou, mesmo menos. A seguir, vamos apresentar os cinco construtores de site web que eu recomendo. Atenção: É importante dizer que eu utilizei muito mais do que apenas estes cinco. Porém, a seguinte lista é compilada com os quatro que acredito serem os melhorados para uma maioria dos usuários. 1. SquareSpace: É o site web builder favorito de mim e, em meu entendimento, o que é usado mais pelos usuários. A SquareSpace oferece templates incríveis que são extremamente fáceis de editar, profissionais e robustos. Seleciona várias opções de template, todos os quais parecem práticos. Você pode ajustá-los conforme necessário com a cor, a foto, logotipo, texto e qualquer outra alteração necessária para que possa parecer perfeita. Através da criação de um tutorial, a população geral considera bem fácil utilizar a SquareSpace uma vez que conhece seus passos. Os recursos principais incluem email marketing, domínio, SSL e muito mais. Posso afirmar que a SquareSpace é o construtor mais robusto e o mais redonda de todos. Além disso, oferece excelente SEO com opções para escolher o título, as palavras-chave e algumas outras opções úteis. 2. Wix: possui várias funcionalidades e recursos, está compreensível o design e é uma opção para ser conscientemente menos técnica, em comparação aos outros construtores de sites. Este site web builder também possui um mercado de aplicativos em expansão com um número de aplicativos que podem ser integrados para melhorar a experiência de navegação de um site web. 3. Weebly: é uma boa opção para usuários que não precisam saber HTML para a criação de idênticos esquemas de caixa, mas que ainda precisam uma boa quantidade de funcionalidades altamente úteis. 4. Squarespace vs Wix vs. Weebly: são todos excelentes para criar sites de negócios. Se você estiver iniciando um negócio pequeno ou enfrentando o desafio de expandir uma empresa mais grande, eles oferecem várias opções para criações, especialmente para a auditória dominante. De acordo com as suas necessidades, especiais e funcionalidades aqui hospital fora, você pode achar que algumas opções são mel # Comparação de Construtores de Sites: Wix, Weebly, Squarespace, GoDaddy, Duda Conheça as vantagens e desvantagens de cinco grandes construtores de sites para criar o site web ideal para sua empresa ou negócio. **Wix** - Uma das opções mais populares de construtores de sites pela sua customizabilidade potente, que permite criar o site exatamente que deseja, e sua facilidade de uso. A Wix garante que os sites sejam fáceis de criar. Neste vídeo, você aprenderá a criar um site web profissional e bonito de forma passo a passo usando a Wix, aceite seguir ao longo da tarefa clicando [clicando aqui](sandellmedia. com/wix). Enquanto eu produzir um site na mesma tela, você pode seguir o processo lado a lado para criar seu próprio site. Após o vídeo, o site estará pronto e funcional. É possível começar com um template e trocar apenas algum texto e fotos para ter um site rudimentar pronto para uso em uma hora ou menos ou adiciona-se muito mais de personalização e funcionalidades de fundo. Você vai conhecer tudo o que pode fazer com a Wix durante este vídeo. **Recomendações para uso da Wix**: Utilize o link de afiliado abaixo (sandellmedia. com/wix) antes de começar a utilizar a Wix. Isso não custará nada extra para você, mas será de grande ajuda para este canal. Se você gosta da informação em inglês, verifique o vídeo 35 para obter instruções passo a passo. --- **Weebly** - Fácil de uso, barato e disponibiliza extensões adicionais para aumentar suas funcionalidades. A Weebly se destaca por sua barra de navegação e pela facilidade de navegação, uma ótima opção para empresas que precisarão de uma página grave e acessível para usuários móveis devido a sua responsividade. **Squarespace** - Uma grande opção para criar um site web robusto especializado em e-commerce e blogs. Se você precisar de uma página limpa e profissional, determinar que a Squarespace será sua melhor opção. **GoDaddy** - Ideal para pessoas que desejam esticar no mínimo tempo possível. Simples de usar, a GoDaddy oferece recursos especiais como agendas de me encontro. **Duda** - Engenhoza para consultores e agências. Trata-se de uma opção menos popular, mas uma que fiamos. Desafiadamente, sua escalabilidade é limitada quando comparada com as outras opções mencionadas aqui. Lembre-se que há muito a seguir e verás que o mais importante é saber que todo mundo tem opções! --- **Observações importantes: ** - Todas as opções mencionadas neste texto possuem opções pagas, mas também podem ser usadas grátis. - Fica a seu critério em qual delas você irá compartilhar este conteúdo. --- Escolha o melhor construtor de site para o seu projeto e lets começar! # Título em seções com títulos claros, usei h1, h2 e h3 para organizar o texto. Usei ** para negrito em termos importantes e ` para código inline. Blocos de código foram embalados usando ``` enlazado com ```. Citações usam > antes do texto. Listas usam - ou * para listas não numeradas e 1. para listas numeradas. Usamos --- para separadores. url's mantevem-se intactas. Organizei as informações em parágrafos para separar as ideias e mantenha listas e enumerações. Minhas mudanças tentaram seguir essas regras para manter a formatação Markdown. ```markdown Wix Website's Banner ==================== Exemplo de um banner plastered all over como no caso do Wix: > banner plastered all over dizendo como neste é um website Wix, verifique Wix hoje - isso é por que eu penso que é geralmente inaproveitado fazer isso Motivos para considerar este visto como inaproveitado: - **Cheapest Right Now** - Atualmente, é a opção mais barata - **Core Option** - A opção básica contém tantas opções quanto estava procurando - **Opções E-commerce** - A opção core permite incluir opções de e-commerce Plano selecionado: ------------------- **1 Year - Core Plan** – Por um ano com opções de e-commerce **€155/ano** (_com dominio_) Domínio selecionado: -------------------- - **Sandell Surf Sandal Surf Shop** (Usado antes) - **Sandal Surf** (Disponível) Acabamos de obter o domínio **SandalSurf. com**! Personalizando o Domínio: ------------------------- - **Privado: ** €10/ano para proteção de informação Criando o site Wix: ------------------ 1. Selecione o template preferível 2. Personalize layout, imagens e da fonte 3. Publicar site Como escolher o melhor template: -------------------------------- * **Scroll com o site** - A opção de scroll com o site permite que os utilizadores não fiquem com dificuldade em encontrar elementos no site (enigma para quem se encarrega de um site responsivo) * **Layout e fonte são importantes** - A façada e funcionalidade são essenciais para o usuário * **Ignorar fotos padrão** - as fotos padrão são apenas estruturas e devem ser substituídas em algum momento Personalizando Imagens e Texto: ------------------------------- 1. Escolha um template preferível 2. Personalize imagens e textos 3. Publicar (a partir da página **Design Site**) Visão geral do Editor Wix: ------------------------- * **Página de dashboard de sucesso** - Não precisa ficar à trás para ver se foi bem-sucedido * **Wix Editor** - Fornece todos os elementos num formato visual útil * Editar / arrastar e largar para alterar a interface do site Personalizando Desktop e Mobile: -------------------------------- Editor Wix permite editar independentemente o Design para Desktop e Mobile. * **Mobile É Importante** - 50% dos usuários acessam sites móveis, em vez de desktop * **Temas Página Pública** - temas variam de desktop para mobile para melhor visualização Personalizando a Barra Topo: --------------------------- A Barra Topo contém informações são importantes para o usuário. * **Hover em Titulo** - Exibe uma citação do título do site * **Visão de Mobile** - Alternar entre visualizações desktop e móvel ``` # Santell Surf Shop Bem-vindo à Santell Surf Shop! Por favor, não julgue pelos textos neste vídeo, pois não planejo me preocupar muito com o que estou a escrever aqui. O meu objetivo é mostrar-lhe as ferramentas a disposição para personalizar o seu próprio website. Aseguramos-lhe uma ampla cobertura para as suas necessidades de surf. Pode comprar agora, e se não gostar de algo, pode clicar nele e apagar o elemento que talvez não goste. Começamos por personalizar um pouco a faixa de boas-vindas. Pode clicá-la para mudar o fundo, fonte, cor e outros elementos. Para personalizar a cor ou a fonte, recomendo limitar as fontes do seu website a dois diferentes fontes, devido ao facto de que a grande maioria dos websites fazem isso. Assim, terá um tempo de carregamento mais rápido, o que Google presta atenção, pois impacta a classificação do seu website. Quando clicar duas vezes no caixa que deseja editar, as opções de texto aparecerão. Pode alterar o estilo, cor e outras opções como necessário. Vamos adicionar uma cor azul escuro para o nosso texto, por exemplo: ``` **Bem-vindo** Esta secção pode ser clicada e verá-se como é destacada a integralidade. A secção de boas-vindas é uma foto no momento, pelo que pode escolher da nossa biblioteca extensa ou carregar a sua própria imagem. Vamos mudar o fundo: ! [Imagem Personalizada](*LinkURLImagem*) ``` Pode continuar personalizando as outras secções conforme necessário. Lembre-se de usar a formatação correta, secções claras e concisas, e manter gramática e ortografia corretas ao longo do seu documento. Não se esqueça de salvar regularmente o seu trabalho e visualizá-lo frequentemente para ver a sua evolução! *Pedido de atenção: O texto na citação utilizou uma correção de pontuação e ortografia errada, o que foi corrigido nesta resposta. * # Customização de Imagem e Mudança de Fundo ## Carregamento e Modificação do Logotipo Mude a imagem que vou carregar. Criei um logotipo simples utilizando o Canva. Acolhei-o aqui e coloquei-o no topo. Penso que ele se apresenta bem, porém. (Por favor, coloque aqui uma pequena imagem de logotipo, alinhada ao centro. ) > Você viu o logotipo? Penso que ele se apresenta bem lá. Porém, preciso que ele seja cortado. Há uma grande área de espaço em torno, portanto, sugerio que cortemos-o para as dimensões mencionadas. (Corte o logotipo para se adequarem às dimensões mencionadas. ) Quando aplicado, o logotipo pode aparecer distorcido. Não se preocupe, porém. Deve se apresentar bem lá. Exatamente isso é o que estou procurando. Coloque-o aqui agora. ## Mudança de Fundo Agora, vamos mudar o fundo desta seção também. O banner preto no topo deve ser alterado para corresponder ao título abaixo e tornar-se mais streamlined e simples. Penso que ele se apresenta bem. > Porém, eu gostaria de que este logotipo estivesse um pouco mais alto e incorporado aí. Incorporar o logotipo pode ser um pouco complicado, mas ele se apresenta bem o suficiente assim. Ele é um pouco mais largo do que eu gostaria, então vamos deslizá-lo para cima e ajustar a altura com o deslizador. ## Login e Links Sociais No topo, você encontrará um login para que qualquer um possa criar uma conta. Clicando em "Definir Links Sociais, " podemos adicionar nossos links da seguinte forma: - Instagram. com/usuário - TikTok/usuário (se disponível) Também podemos substituir o ícone por um diferente. ## Seções e Páginas ### Seções Temos seções para elementos que você pode adicionar, editar ou excluir. Se você quiser adicionar outra seção, você pode criar uma seção em branco ou usar um gerador de IA para criar uma personalizada. ### Páginas Você pode gerenciar todas as suas páginas à esquerda. Cada página tem características de edição únicas, similares ou menos complexas à da homepage. Recomendo criar a página principal e algumas páginas chave, e depois passar pelo resto, à medida que você tiver tempo para preenchê-las e garantir que as informações sejam corretas. Você pode excluir uma página inteiramente se quiser removê-la. ## Temas, Aplicações e Configurações de Negócios ### Temas Você pode personalizar o design geral do site alterando o tema. O Wix oferece vários temas que você pode utilizar para personalizar o seu site web. ### Aplicações O Wix possui um mercado extenso de aplicações com centenas ou até milhares de opções. São úteis para adicionar mais funcionalidades à sua página, como: - Home Finder para Imóveis - Cookiebot (Gerenciamento de Cookies GDPR-compatível do Wix) - Site Booster (para um carregamento mais rápido do site) - Soluções Empresariais - Códigos QR - Opção de solicitar orçamento - Aplicativos de marketing de email como Clavio e Omnisend (Populares no Shopify e # Guia para Criar e otimizar um Site Wix ## Introdução Este tutorial vai te guiar pelos passos para criar e otimizar um site usando o Wix. vamos cobrir passos essenciais como a configuração do seu site, a inclusão de conteúdo e a configuração de ferramentas de marketing, incluindo SEO e marketing por email. ## Navegando no Editador do Wix Comece, clicando no editor para começar a criar o seu site. Aqui, você pode encontrar diversas opções para personalizar o seu site de acordo com suas necessidades. ### Incluindo Conteúdo 1. Clique em qualquer elemento individual para editar. O Wix fornecerá ações sugeridas para ajudá-lo a entender o que fazer. 2. Eleba um elemento e clique em "Aplicar" para adicioná-lo ao seu site. 3. Publique suas alterações clicando no "Publish" botão localizado no canto superior direito. ### Marketing e SEO 1. Marketing: - Google Ads: Embeda um pixel de pixel do Google para executar propaganda no Google. - Facebook Ads: Ligue a sua conta Facebook para configurar Facebook Ads mais facilmente. - Anúncios em TikTok: Outra opção de plataforma de publicidade. - Marketing por Email: Tenha em consideração o setup de um serviço de marketing por email externo, como MailChimp, para gerenciar campanhas de email. 2. SEO: Optimize o conteúdo e as descrições de metas para melhores classificações nos motores de busca. ## Configurando o Marketing por Email com o MailChimp 1. No Mercado de Aplicativos, procurar por MailChimp e instale o aplicativo. 2. Aceite os termos e condições e crie uma conta. Uma guia de vídeo completo para configurar o seu marketing por email do MailChimp pode ser encontrada em nossos vídeos posteriores para guiar você pela configuração de sua conta de email marketing. ## Endereço de Email Profissional establish a está importante para construir credibilidade. evite usar serviços de email gratuitos, como o Gmail, para o seu endereço de email do seu site. considere usar alternativas como o MailChimp, Omnisend, ou Brevo, que são soluções de marketing por email poderosos que você pode incorporar no Wix. ## Conclusão Seguindo este guia, você deveria ser capaz de criar e otimizar um site profissional de aparências usando o Wix. Não esqueça de publicar o seu site e verifique-o regularmente para melhorias e atualizações. Faça em bom trabalho! # Gestão de Produtos e Adição Aprenda a gerenciar e adicionar diferentes produtos na sua secção de catálogo, incluindo produtos físicos e digitais, gerenciamento de estoque, cartões de presentes, serviços de reservas. ## Produtos Físicos Começe por adicionar um novo produto, por exemplo um Sutiê: ``` 1. Clique em "Adicionar Produto" 2. Insira o nome do produto: Sutiê 3. Adicione uma descrição do produto (por exemplo, de alta qualidade e durável, adequado para surfe) 4. Defina o preço (por exemplo, 109$, com 20% de desconto para 89$) 5. Mencione as medidas do produto, o peso e outras especificações importantes 6. Forneça opções de personalização (por exemplo, brocadeira, personalização) 7. Defina a SKU e trate o estoque 8. Adicione imagens do produto 9. Salve o produto ### Opções do Produto - Tamanho (pequeno, médio, grande, grande/maior, grande altura, XLT, XXL) - Variações de preço para diferentes tamanhos ## Produtos Digitais Sigam um processo semelhante para adicionar produtos digitais, por exemplo um ebook: ``` 1. Clique em "Adicionar Produto" 2. Insira o nome do produto: Fundamentos do Surfe Ebook 3. Carregue o ficheiro (por exemplo, zip, PDF, imagem, software) 4. Adicione uma descrição do produto (por exemplo, guia esencial para surfe) 5. Defina o preço (por exemplo, 14$) 6. Não será necessário rastrear o estoque desde que se trate de produto digital 7. Salve o produto ### Características do Produto Digital - Acesso ao ficheiro à compra - Não há custo de transporte ``` ## Categorias Crie categorias para organizar os seus produtos de forma eficaz: ``` 1. Clique em "Categorias" 2. Adicione uma nova categoria (por exemplo, Melhores Vendas) 3. Adicione produtos para a categoria 4. Opcionalmente, adicione uma imagem para a categoria 5. Salve a categoria ``` ## Cartões de Presentes Ofereça cartões de presentes como uma opção conveniente para os clientes: ``` 1. Clique em "Cartões de Presentes" 2. Adicione um novo cartão (por exemplo, Santell Sandell Surf Shop e Gift Card) 3. Defina as denominações (por exemplo, 25$, 50$, 100$) 4. Garantir que os cartões não expiram 5. Salve o cartão ``` ## Serviços de Reservas Ative serviços de reservas para fechar reservas ou aulas: ``` 1. Clique em "Serviços de Reservas" 2. Adicione um novo serviço (por exemplo, Aula Privada de Surfe) 3. Carregue uma imagem relevante 4. Defina o preço do serviço (por exemplo, 150$ por uma hora de aula) 5. Defina a disponibilidade da sessão (por exemplo, de Segunda a Domingo, de 10: 00h às 18: 00h) 6. Permitir às clientes a seleção de instructores, se aplicável 7. Salve o serviço ``` ## Clientes e Leads Configure formulários para coleccionar informação de clientes e gerar leads: ``` 1. Clique em "Formulários e Submissões" 2. Crie um novo formulário (por exemplo, Formulário de Contato para Aulas de Surfe) 3. Insira campos para nome, endereço de email, número de telefone e qualquer outra informação relevante 4. Salve o formulário ``` Agora tem uma visão básica de como gerenciar e adicionar produtos, setar categorias, cartões de presentes e serviços de reservas na sua loja online. Continue a explorar outros recursos e otimize a sua presença na internet para maximizar vendas e satisfação de clientes. # Vídeo 36: Guia para setup de site no Wix ## Introdução Antes de começarmos, caso esteja acompanhando em português brasileiro, recomendo substituir as URLs por suas correspondentes em português. Ter um site web é uma ferramenta extremamente poderosa e, em maioria das indústrias, essencial. Seja uma empresa que procura encontrar mais clientes, um coletor de fundos que procura doadores, ou apenas uma pessoa que quer criar um site pessoal para diversão (por exemplo, para um casamento ou uma carteira de trabalho), este vídeo lhe mostrará passo a passo como criar um site bonito, profissional e fácil de utilizar, bem como muito barato. Vamos utilizar o Wix neste vídeo, e mais sobre isso teremos de conversar em breve. A primeira coisa que quero dizer é parabéns por ter clicado neste tutorial! Assistir a este vídeo é o primeiro passo para criar a sua presença online. Como disse em este vídeo, há vários passos diferentes que passaremos, mas começaremos pela primeira coisa que utilizaremos o Wix. O Wix é a mesma poderosa ferramenta que utiliza tons de grandes indústrias de fora, como o CNN, Disney, Sony, eBay, Etsy, entre outros. A vantagem principal deste é que não precisa ser duro para fazer. Vou mostrar como utilizar um editor de arraste e Solta, de modo que não precisa saber nenhum código alcance; não precisa entender nenhum HTML. Apenas precisa saber que é capaz de arrastar e soltar qualquer coisa que quiser, e vai ter um site bonito ao final deste vídeo. Há realmente quatro passos neste vídeo: 1. **Selecionar o seu domínio** Um domínio vai ser o que as pessoas digitarão para se dirigirem ao seu site. Por exemplo, `facebook. com`, `amazon. com`, `irs. gov`, `wikipedia. org` são todos exemplos de domínios. Quando inserem e apertarem Enter, será direcionado para esse site. Vamos falar sobre isso em breve. 2. **Obter hospedagem no Wix** O Wix vai ser a plataforma onde o seu site estará hospedado. Pense no Wix como no WordPress ou qualquer outra plataforma de construção de site, mas neste caso, tudo em um só lugar. Não precisa preocupar-se com encontrar um fornecedor de hospedagem separadamente. 3. **Personalizar o seu site** Isto vai ser a maior parte deste vídeo. Vamos mostrar como utilizar o editor de arraste e solta do Wix para personalizar o seu site com base num modelo pré-construído; será possível alterar imagens, acrescentar vídeos, acrescentar botões e ligões, alterar o fundo, acrescentar páginas em branco e mais. 4. **Publicar o seu site** Por fim, demonstraremos como publicar o seu site, de modo que está ao ar e as pessoas possam começar a aceder ao seu site. Agora, antes de começarmos, o primeiro passo é criar uma conta no Wix. Pode fazê-lo na [website do Wix](https://www.wix.com/). Começaremos por aqui. ## A Criação da sua Conta no Wix 1. Vá para o [site do Wix](https://www.wix.com/). 2. Clique no botão `Começar Agora`. 3. Na página de boas-vindas, selecione o tipo de site que deseja criar (neste caso, selecione `negócio e loja online`). 4. Clique em `Criar Conta` e siga as diretrizes para criar a conta. ## Selecionar o seu Domínio (Opcional) Após criar a conta, será solicitada a selecionar um domínio para o seu site. Um domínio será a endereço que as pessoas utilizam para se dirigir ao teu site, por exemplo, `www. seuwebsite. com`. Se não tiver um domínio, pode introduzir aqui, ou pode comprar um através do Wix. 1. Se não tiver um domínio, clique em `Conectar Domínio` para comprar um através do Wix. Pode escolher um domínio a partir das opções apresentadas, ou procurar o domínio que deseja. 2. Também pode introduzir um domínio que tenha comprado em outro lugar. Se já tiver um domínio, clique em `Tenho um Domínio`. ## Preparar a sua Conta no Wix (Opcional) Depois de escolher ou conectar o domínio, será guiado para preparar a sua conta no Wix. Aqui estão os passos: 1. Escolha um modelo de site para o teu site clicando numa opção apresentada. 2. Introduza o nome do teu site e o slogan. 3. Introduza as informações de contacto, e clique em `Continuar`. 4. Personalize o ícone do teu site (favicon) ou deixe-o como é. 5. Clique em `Seguir` para completar a preparação. ## Começando com o seu Painel de Controlo do Wix Depois de terminar a preparação, será levado para o teu Painel de Controlo do Wix. Aqui poderá gerir o teu site e aceder a todas as ferramentas e ferramentas a oferecer o Wix. ## A Edição do Wix e da Navegação do Site Desde o teu Painel de Controlo, clique em `Editar Site` para abrir o Editor do Wix. Aqui encontrará principalmente as ferramentas e as secções do site. 1. Utilize o menu à esquerda para navegar pelas secções do teu site. 2. Clique nas secções que deseja editar e faz as alterações utilizando as opções apresentadas à esquerda. 3. Preveja o teu site clicando em `Ver` na esquerda. ## Adicionar Conteúdo ao seu Site O Editor do Wix oferece uma grande variedade de ferramentas para ajudá-lo a adicionar conteúdo ao seu site. Aqui vou mostrar alguns exemplos de funcionalidades comuns. ### Adicionar Elementos 1. Clique no sinal de `+` na esquerda superior para abrir uma biblioteca de elementos. 2. Procure a categoria ou o elemento que tem que adicionar, e arraste-o para a secção desejada no seu site. ### Elementos de Texto 1. Clique no elemento de texto que queres editar. 2. Faça as alterações nas opções à esquerda. Pode alterar o texto, a fonte, o tamanho, a cor, o estilo, e mais. ### Elementos de Imagem 1. Clique no elemento de imagem que queres editar. 2. Clique em `Trocar` para trocar a imagem, ou edite as opções à esquerda. ### Botões 1. Clique no botão que queres editar. 2. Faça as alterações à esquerda, como o texto, o link, a ação, e o estilo. ### Elementos de Mídia e de Vídeo 1. Clique no elemento de mídia ou de vídeo que queres editar. 2. Clique em `Trocar` para trocar o mídia ou o vídeo, ou edite as opções à esquerda. ### Elementos de Espaço 1. Clique no elemento de espaço que queres editar. 2. Ajusta o tamanho do elemento de espaço arrastando os manetes, ou edite as opções à esquerda. ## Construção do seu Site Agora que saibes como editar e personalizar o teu site, começaremos a construí-lo! Pode seguir os passos que lijei anterior e adicionar páginas, secções, elementos, e conteúdo, segundo as tus necessidades. Não esqueça de salvar as tus alterações regularmente. ## Previsualização do seu Site Quando tiver adicionado conteúdo ao teu site, deve prever regularmente para ver se tudo pareceu o que esperaste. Podes isso fazendo clicando em `Ver` na esquerda do painel do Editor do Wix. 1. Clica em `Abrir no móvel` para ver o teu site em aparelhos móveis. 2. Clica em `Abrir no desktop` para ver o teu site em computadores de escritório. ## Publicando o seu Site Quando estiver pronto para publicar o teu site, siga estes passos: 1. Clica em `Publicar` na esquerda superior do Editor do Wix. 2. Escolhe se queres publicar a totalidade do site, ou apenas as alterações feitas. 3. Clica em `Publicar` para publicar o teu site. Parabéns! Acabaste de criar um site lindo, simples de utilizar com o Wix. Leva em conta que existem muitas mais funcionalidades e ferramentas a oferecer o Wix, então dê uns momentos para explorar e aprender mais. Boa sorte! Formatação: - Preserve todos os elementos Markdown (# ** ` [] () etc) - Mantenha a estrutura de títulos e seções - Preserve blocos de código sem traduzir Tradição: - Use português europeu (não brasileiro) - Mantenha termos técnicos em inglês - Preserve comandos e códigos inalterados - Mantenha URLs intactas O texto traduzido com toda a formatação Markdown está a seguir: Hosting vantagem: Por isso, a maioria das vezes, faz sentido ir o mais longe possível, para que possa ver que é de 10 dólares por mês. Isso é 7 dólares por mês reais, 43 dólares ou 71 dólares ( perdido, isso é 71 dólares por um ano ). Então, à medida que vamos para 2 anos, é apenas um adicional de 25 dólares e, mesmo assim, apenas um ano é bem barato que dois. Assim, não há motivo nenhum de ir para um período de 2 ou mais anos em uma vez; economize 5 dólares e vá para 4 anos. Isso é o que eu vou fazer neste vídeo aqui, então, enquanto descansamos, precisamos criar nossa conta. Eu vou inscrever-me com meu e-mail. Você pode inscrever-se facilmente com seu Google, se preferir, e talvez eu faça isso agora. Então, vamos clicar nisso e dizer sim que queremos inscribir-nos com o Google. Isso faz as coisas muito fáceis no futuro; você pode ligar-se a qualquer uma de suas contas de e-mail, Facebook ou outra que prefere como quer usar frequentemente para usar a ferramenta mais. Outra vantagem notável é que também oferecemos uma promoção para você. Clique nisso e diga sim que temos um código. Você pode digitá-lo santrell central e isso vai de 90 para 81 dólares, isso é 10% de desconto. Realmente, isso é uma das melhores codificações para ferramentas do mercado neste preço. Assim, é de aproximadamente 1, 70 dólares por mês, apenas para hospedagem, preservando muitas outras opções para anuncios, fontes, binário, etc. Isso é realmente difícil de vencer o preço para hospedagem neste momento. Vamos clicar em seguir. Vamos digitar nossa carta de crédito. Estou fazendo isso agora. Eu não vou mostrar meu cartão de crédito, claro, mas vamos bancará. Iremos digitar nossa senha de segurança. Aproveitamos para destacar que você deve manter sua senha secreta e evitar divulgar à qualquer uma. Vamos clicar em pagar seguramente e a página inicial será exibida. Vamos ir para a página inicial. Clique em começar agora. Agora nossa conta está configurada, o nosso domínio também. Agora vemo a página inicial de setup. Aliás, na página de setup, existe um útil tópico com referências a algumas instruções básicas que podem te ajudar no processo. Por isso, recomendamos que você passe por aqui uma vez, se necessário, para ajudar você a se familiarizar com a interface. Um exemplo prático: Vamos criar um blog diferente. Agora vamos enfocar as opções mais interessantes para nossa pesquisa. Vamos começar com a parte chamada Editor de Posts, que pode ser aplicada a qualquer tipo de conteúdo, incluindo fotos, vídeos, textos, etc. Vamos editar o título neste ponto e vamos digitá-lo teste teste. Claro, é uma questão de individual preferência e você deve consolidar sua individualidade na sua blog. Depois, podemos ajustar o conteúdo do post, como tópicos importantes e legendar pois é importante evitar antedoções como conjuntos de nomes excessivamente longos ou inexistentes, o que acaba por enriquecer a opção de pesquisa. Logo após a publicação, vamos selecionar a opção de publicar agora. Para finalizar, vamos ao menu publicar e clicarei na opção de publicar e agora esse é o nosso primeiro post publicado. Veja, uma quantidade vasta de opções práticas podem ser exploradas neste blog, dentre elas está a opção do menu principal, que pode ser aplicada a qualquer site, não necessariamente apenas blogs. Por exemplo, queremos uma opção chamada "Notícias Nossas", destacada na nossa página principal. Neste caso, é preciso ir para a parte "menu principal" e criar aquele menu. Vamos digitar "Notícias Nossas" e selecionaremos o item "Principal". Isso fará com que seja trazida uma simples e formulário de animal que permite a seleção do nome do menu, seu ID, e a adição de uma ícone. Vamos selecionar "salvar menu principal" e assim teremos o nosso menu principal configurado. Como já vimos, esse é apenas um exemplo prático, mas existe um número considerável de opções práticas a serem explorados nesse plugin, como a opção de slides e carrosséis de slides. # Criação de Site: Importação de um Site usando o Elementor Este tutorial vai guiar você através do processo de importar um site usando o Elementor, um popular plugin de construção de páginas para WordPress. ## observação pessoal - Encontrei **[este um](https://example.com)** também. **Pessoalmente, este um** me chama a atenção. **Outro um** que me chama a atenção é pois acho que realmente gosto dos pequenos gráficos aqui. Não tenho certeza de como duplicar esses gráficos, mas acho que **[este um](https://example.com-icons)** é **mais fácil de duplicar aqueles pequenos ícones**. Você também tem uma color scheme muito boa neste um. Eu **realmente gosto da ideia deste um**, então vamos escolher este um **agora mesmo. ** ## recursos do site - Ao clicar n ele, irá mostrar-lhe cada página individual. O site vem com: - Uma **página inicial** - Uma **página informações geral** - **Serviços** - Todo o que se espera de um site típico. - Veremos o **importação do site completo**. Isso vai demorar um minuto para fazer, dependendo da velocidade da internet. ## apagar o site antigo - Caso deseje, podemos **apagar o site importado anterior** para deixar espaço para o novo. Isso apagará todo os dados do site anterior. Se não querer apagar o site antigo, não tem como. Lembrando-se apenas de parar aqui se já tiver tudo apagado como neste video. ## importar o site com o Elementor - No painel de controle do Wordpress, vá até: 1. As três linhas de menu na canto superior esquerdo 2. Sair para painel de controle - A partir do painel de controle do WordPress, clique no Wordpress logo para voltar. Agora vamos decidir sobre quais páginas queremos para o nosso site. - Por padrão, o site vem com algumas páginas. **Por exemplo, não queremos uma página da galeria. Para removê-la, clique no ícone lixo. ** - Em vez disto, vamos criar uma nova para uma política de privacidade. Você pode fazer isso a partir de zero. - Clique em `Adicionar Novo` - Editar com o Elementor - Esta página será nossa página de política de privacidade - ** Começar com uma página em branco é uma boa maneira de experimentar o Elementor** e aprender a funcionar. Se terminar por apagar a página no long run, isso pode te salvar algum tempo e ajudá-lo a evitar quebrar outras páginas. ## criando uma nova página - Para criar uma página nova a partir de zero: 1. Clique no ícone **mais** para importar um modelo inteiro para a página. Isso pode ser útil se quiser manter o mesmo tema. - Não esqueça de importar o tema correto se lembrar. - Vamos começar com uma página em branco e descobrir como funciona. ## seção e elementos - A página é constituída por **seções**, **colunas** e **elementos**. - Uma seção tem uma barra esquerda. - Uma coluna tem uma linha vermelha. - O elemento tem uma linha pencelheta. - Para editar uma seção, coluna ou elemento, clique no ícone dispo-pencil. ## editando o texto - Para mudar o texto de um elemento, basta duplicar-lhe o texto. - Para mudar o estilo (alinhado à esquerda, direita, etc. ), clique no ícone pencil e vá a aba de estilo. - **Importante: ** Não troque a fonte muito aqui, já que é mais fácil trocar a fonte na sua tema. - Para mudar o tamanho do texto, vá para o painel de conteúdo e selecione o tamanho que desejar. - Para mais opções avançadas, vá para a aba de avançado. Tenha cuidado com margem e padding, pois eles podem ser difíceis de visualizar com texto pequeno. - Se desejar adicionar mais elementos, clique no icone de grade e escolha o que desejar. ## apagar uma página - Para apagar uma página, vá ao ícone lixo. ## pronto - É isso aí para este tutorial! Exploraremos mais recursos em vídeos posteriores. Desfrute de construir o seu site! 🎉 # Imagem de Fundo com Sombra de Gradiente e Recursos Adicionais usando Elementor ## Corrigindo Imperfeições na Imagem com Sombra de Gradiente - Inicialmente, queríamos melhorar o fundo de imagem para melhorar a legibilidade. A configuração atual não é muito boa, mas aqui estão algumas opções de melhoria. ```markdown ### Adicionar Sombra de Gradiente 1. Escolha uma cor base, escolhamos de branca para o primeiro cor como mostrado no exemplo. Embora apareça mais como um tom pele-de-gato. 2. Ajuste as configurações de gradiente alterando as direções, ângulos e opacidades conforme necessário. - Clique no toggle de direção da sombra e escolha o tipo de gradiente, por exemplo, circular (radial) ou linear. - Deslize os controles de cores para alterar as posições, cores e direções. ### Recursos Adicionais: Margem e Padding 1. Para ajustar os tamanhos de margem e padding vá até as opções e clique nelas. - Ajuste os valores de padding conforme necessário, afetando as dimensões do elemento. 2. Garanta que as imagens se centralizem sem estar excepcionalmente apisada por meio de margens adequadas. 3. Não esqueça: Você pode definir valores de margin/padding diferentes nas laterais direita/esquerda ou superior/inferior de acordo com suas preferências. ``` ## Elementos adicionais da página usando Elementor - Agora que cobrimos a imagem, vamos explorar outros elementos de design com a ferramenta Elementor. 1. _Espacadores_ - Funcionam como elementos invisíveis ou personalizáveis que ocupam espaço sem adicionar conteúdo significativo. Adicione espacadores entre as seções quando necessário para manter a estrutura da página organizada e man Montreal managevel. 2. _Ícones, Divisão, Sinuosidades_ - Conheça outros elementos de design populars. Por exemplo: - _Ícones_: podem representar logotipos de marcas ou conceitos para maior impacto visual e reconhecimento mais fácil do usuário. - _Divisões_: barras separadoras para melhorar a visibilidade das informações e a divisão da página. - _Sinuosidades_: áreas laterais úteis para destaque de outro conteúdo como vídeos, widgets, ou texto dentro de sua layout. 3. _Upgrade para o Elementor Pro_ - Adquira uma assinatura anual em elementor. com para acessar recursos adicionais para as necessidades de design de sua página web. Ganha acesso a um vasto campo de widgets, modelos, opções de customização e elementos úteis, especialmente quando melhorá dopoir o estilo e desempenho de seu site ao longo do tempo. # Migração e Personalização do WordPress Este guia vai te acompanhar pelo processo de migrar o WordPress, acionar o cache, adicionar plug-ins, gerenciar usuários, definir o título do site, o formato de data, formato do horário e links permanentes, além de editingar as páginas com o Elementor. ## Desativando e Excluindo Plug-ins 1. Primeiro, desativa o plug-in de migração WordPress que não precisa mais. 2. Pode excluí-lo se quiser, mas vamos continuar agora com a adição de novos plug-ins. ## Adição de Novos Plug-ins 1. Navegue para a seção de plug-ins. 2. Vai visualizar várias opções disponíveis para adicionar funcionalidade ao seu site. Caute para evitar conflitos instalando apenas plug-ins que fornecem funcionalidades únicas. ## Gerenciamento de Usuários 1. Na seção de Usuários, pode adicionar novos usuários, atribuir-lhes funções (suscrição, colaborador, autor, editor, administrador ou dono) e fornecer seus endereços de e-mail. 2. Caute ao tornar alguém um administrador, pois terá total controle sobre o seu site. ## Configurações do Site ### Título do Site e Catchphrase 1. Altere o titulo do site para algo mais atraente, por exemplo, "Central Media Tutoriais". 2. Modifique a catchphrase, por exemplo, "Temos lições de como fazer um site". 3. Aprroveite manter o endereço URL intacto. ### Configurações de Lectura 1. Faça uma revisão e ajuste as configurações de leitura conforme necessário (excluindo os links permanentes, que trataremos abaixo). ### Links Permanentes 1. Modifique a estrutura dos links permanentes para que o seu site seja mais amigável ao utilizador e otimizado para SEO. 2. O método de nome de artigo recomenda-se (por exemplo, `santrelltutoriais. com/como-fazer-um-cafe`). ### Categorias 1. Crie categorias para organizar os seus posts de forma eficaz. 2. Cada categoria deve ter um nome único e um slug relevante (por exemplo, `tutoriaiscentral. com/receitas`). ## Edição de Páginas com o Elementor 1. Veja o separador de Páginas e selecione a página que deseja editar. 2. Utilize as ferramentas à esquerda para personalizar as secções, colunas, texto, ícones, imagens de fundo e outros elementos. ## Configurações de SEO 1. Instale o plug-in de SEO do Yoast para uma otimização melhor para motes de pesquisa. 2. Depois de ativado, você encontrará configurações adicionais de SEO no painel de controle. Fique a conhecer que este guia apenas fornece uma introdução à personalização do WordPress, e poderá necessitar de abordar mais temas para se familiarizar melhor com a plataforma. Boa sorte ao customizar o seu WordPress! # Vídeo 37: https://www.youtube.com/watch?v=A4MZ4RAaPF0 (Idioma: en) ## Introdução Bem-vindo de volta ao canal! Neste vídeo, mostrarei tudo o que você precisa saber para configurar seu primeiro site utilizando o Elementor no WordPress. Este é extremamente fácil de usar e muito poderoso, oferecendo muitas opções. Mostrarei isso em breve e isso será o site que estaremos construindo neste vídeo. É extremamente fácil de fazer, mas tem muitas opções que você pode utilizar todas elas se quiser ou apenas utilizar os fundamentos se quiser ter um site muito simples e fácil de configurar. É fácil fazer isso em alguns minutos ou horas, dependendo do quanto de informações você quiser adicionar e pode fazer tudo isso facilmente utilizando Elementor. Neste vídeo, mostrarei como configurar o WordPress primeiro, então mostrarei como ter o Elementor configurado com o WordPress. Depois, mostrarei como você pode importar um site completo ou configurar uma página inteira utilizando Elementor a partir do zero. Também mostrarei como configurar modelos e como configurar um pop-up em seu site. Exemplo da página que construiremos neste vídeo: - Título - Imagens e textos - Botões - Fundo diferente em seções - Linhas e bordas - Tabs para mostrar diferentes ideias de texto e imagens - Efeitos de paralaxe em fundo para formulários - Redirecionamento dos formulários para o email e ações secundárias, como redirecionar para outra página no seu site quando o formulário é enviado - Contadores temporários - Testemunhos em uma galeria slideshow - Filler (texto substituto) - Ligações para outras páginas do seu site ou fora do seu site - Links internos no mesmo site para posições ancoradas, como mostrarei neste vídeo - Página cheia de texto, imagens e links Para maiores detalhes, assista o vídeo abaixo: === Vídeo 37: https://www.youtube.com/watch?v=A4MZ4RAaPF0 (Idioma: en) === ## Instruções de uso Para construir seu site utilizando o Elementor, siga as instruções a seguir: 1. Faça o download e instale o WordPress 2. Instale o plugin Elementor no WordPress 3. Crie ou importe um site usando o Elementor 4. Adicione uma página com o Elementor 5. Crie um título, adicione imagens e texto, botões e outros elementos visuais conforme desejado 6. Salve e publicar sua página Observe como sua página é gerada automaticamente utilizando o Elementor! Para obter mais informações sobre como usar o Elementor e como configurar seu site, assista aos outros vídeos do meu canal! Se tiver alguma dúvida, deixe um comentário e tentarei ajudá-lo a resolver sua dúvida. Título: Criando um website com WordPress (Tutorial) --- Pré-requisito: Informação de uma conta de crédito, conforme explorado nas próximas etapas. 1. Configurando sua conta de WordPress ------------------------------------ * Siga para [https://creditcardwebsite.com](https://creditcardwebsite.com) (ignoraremos informações opcionais citadas anteriormente) * Adicione as informações necessárias e confirme que concorda com a Política de Privacidade (ler anteriormente). * Encontre a caixa de entrada "login" baseado no seu domínio, digite seu login e clique em "Entrar". (se necessário) 2. Adicionando Plugins e Themes ------------------------------ Para atender melhor suas necessidades, sugere-se fazer uso do seguinte hardware: * Theme: Astra: [centralmediacom/Astra](centralmediacom/Astra) (recomendo a versão paga; tem um modo gratuito também). * Page Builder: Elementor: [santromediacom/elementor](santromediacom/elementor) >Nota: Ambos os temas e os page builders listados podem ser adicionados para que você pode seguir através da maior parte do processo de customização descrito aqui, embora este tutorial fique concentrado nos passos iniciais utilizando Elementor. 3. Configurando Plugins ----------------------- * Plugins desnecessários que Bluehost pode oferecer a você são recomendados para ignorar (use a página Plugins para ver, selecionar e inativar) ## Desativar Plugins Extras 1. Entrar em _Plugins_. 2. Selecione os Plugins inatos e deprecados e siga até: a. `Plugins` → `Ativações` e selecione `Ativações múltiplas` > `Deactivar` (clique no botão azul com três setas para visualizar todas as categorias e em seguida localize a palavra **desativações** no início) 3. Depois, você deve clicar na seção "Não aplicações atualizadas". 4. Marque o plugin ou todas as opções exibidas sob a lista **"Desativados"**. 5. Após desativar o Plugin ou uma seleção, você será capaz de eliminá-los para se ter um ambiente limpo (use `Ativações múltiplas` > `Mover para Lixeira` e após remova-lo você também precisará de um separador entre ele e a seleção próxima ou mesmo elimina-los completamente apenas para as listas aninhadas caso houver mais de um. 6. Depois, clique no botão roxo azul de tela cheia no canto superior esquerdo (recomendo esta opção em vez do recurso para alterar os plug-ins utilizando uma única barra de comando). 4. Personalizando seus Plugins (Aplicativo) e seu Tema (Design) ------------------------------------------------------------- Neste tutorial será discutido sobre as configurações necessárias para ativação dos plugin Elementor para a configuração inicial. Você é fortemente encorajado a seguir esse guia, para verificar novas versões de suas opções personalizadas ao longo do tempo, com a crescente criação do seu website ou quando quiser fazer as configurações adicionais. > **Sugestão: ** Ler as notas finais, antes de avançar nos passos específicos de criação. # Editor de Texto: Como fazer ele um H1 Temos conteúdo não apenas no editor de texto, mas também podemos alterar uma grande parte dele. Isto é a nossa primeira secção de título, façamos dele um H1. Tags Dinâmicos: Úteis para modelos Essas tags dinâmicas à direita talvez não sejam úteis nesta página, mas se estivesse a fazer um modelo ou algo que será guardado como um modelo, talvez você quiser algo como a data da publicação. Por exemplo, se estivesse a criar um modelo para artigos do blog, talvez você queria ter o título e logo abaixo, a data da publicação ou alguma outra informação – em vez de escrevê-lo sempre a cada vez, tenha algo que é **dinâmico** e atualize automaticamente. Vincular Fora Podemos ligar esse texto para uma URL, outra página no site ou para um endereço ancorado. mostrarei isso depois, no vídeo. Tamanho e alinhamento Podemos mudar o tamanho do texto para extra-extra grande, e centralizá-lo. Estilo Com o estilo, você pode alterar a cor e tipografia. Geralmente, eu não adiciono sombras ou outros efeitos aqui. Mas vamos fazer com que seja branco neste momento, e vamos mudar a cor de fundo dessa secção a seguir por um minuto. Definições avançadas Aqui pode-se adicionar uma margin superior e inferior se quiser um pouco de margem ou espalhamento. Dependendo do tamanho da tela, irá aparecer de maneira diferente. Geralmente, eu não recomendo que o site se adequie ao ecrã ou mude o tamanho. Mas você pode adicionar spacers, e como dissemos antes, vou mostrar isso por agora. ## Editando a secção Vamos ver para **Edit this section** e fazer as seguintes alterações: - Faça a largura alcançar o máximo - Mude a fundo em gradiente - Cor Primária: sua cor de fundo guardada - Cor Secundária: cinza claro - Direção do Gradiente: horizontal - Angulação do Gradiente: 23: 23 para a primeira cor e 83 para a segunda cor - Mude o texto para branco - Adicione mais margin ou espaçamento quando necessário, para criar o espaço desejado Agora centriamos o título e adicione-se mais espaço acima e abaixo usando um spacer. ## Adicionando um separador em forma Para dividir um pouco a margem, adicione um separador em forma no final da secção. - Estilo de Separador: ondulações ou montanhas - Altura: ajuste a como necessário, recomendo ondas relativamente planas - Largura: ajuste a como necessário, recomendo uma separador em forma bastante fina ## Adicionando uma nova secção Agora, vamos adicionar outra secção, talvez uma secção em dois colunas. Nessa secção podemos adicionar uma imagem a esquerda e algum texto à direita. Para criar um botão, arraste-o acima ou abaixo do texto (não entre eles). Faça com que ele seja gigante, centralize-o, e enlance-o para a página a que quiser (por exemplo, para a página sobre a gente). Lembrar-se a salvar alterações. Por minha conta, vou abordar principalmente o _margin_, _padding_, e a alinhamento nesta secção, juntamente com a adição de um formulário de contato. Devido à aparência da layout a pensar ser decente, vou pensar que é suficiente proceder sem mudanças significativas. Em seguida, vamos adicionar um formulário para torná-lo fácil de se tornar em contacto comigo. Aqui estão algumas ações que teremos em atenção: - Retirar os rótulos acima do formulário. - Adicionar alguma margem ao campo de _e-mail_. - Dividir os campos de primeiro nome e ultimo nome. - Aalinhar esse campo de maneira à esquerda. - Ajustar as margens, a _padding_ e o tamanho de campo do formulário. - Rebater o nome do formulário de Contato de imprensa. - Redimensionar o botão "Enviar" para uma maior visibilidade e aaliniar também. - Determinar ações que se seguirem à confirmação da enviação do formulário, tais como o envio de e-mail e redirecionar o usuário para uma página diferente. - Personnalizar a estilização do formulário, como o comprimento das linhas, os espaços de textos dos rótulos, as fontes de escrita, a cor do fundo e do _radio_ , - A trocar da imagem de fundo e acrescentar um efeito de engenhada sombrio sobre ele. - Acrescentar um espaço para cima e para baixo do formulário para que é mais visivel. - Fornecer contorno para o botão "Enviar" para uma maior visibilidade. - Adicionar uma outra seção em caso de se necessitar ou redistribuir as outras seções. Pronto podemos dar começo! ------------------------- # Formulário de Contacto de imprensa Vejamos primeiramente o desemprego das margens, da padding, da alinhamento e adiciona-me o formulário de Contato. Já que este layout parece ficar muito certo, poderei continuar sem fazer alterações importantes. Com o formulário de Contacto a baixo: * Remova o rótulos acima do formulário * Aplique mais alguma margin para o email. * Parta campos de "nome_de_apelido". * Iale os dois campos a esquerda. * Ajasta as margin e padding da caixa form e tamanho dele. * Dê a um nome adequado a esta caixa form de Imprensa Contacto. * Ajuste o tamanho de botaão enviar de um modo bem visual e liga-a ao centro de texto caso for necessário. * Despoke acções quando submetermos este formulario, por exemplo para o enviar um e-mail e mandar o utilizador para um site diferente. * Adiciona o estilizar ao teu formulário, para as margins dos campos de linhas, espaço texto nas margens da etiqueta, tipologia da escritura, cor fundo e das margens externas. * Trocue a imãgen e aplique uma camada acima transparente acima dela. * Acrescente mais margin em cima de abaixo do teu formulario para que isto se faça mais chamativo * Adicione um border a botao enviar para uma mais visibilidade * Considera acrescentar uma segunda secção ao desechar * Coloque nas posições onde desee nas outras seções a quiser reordenar alguma das partes Estamos logo disposto: ## Formulário de Imprensa Contato Let's first remove os rótulos de cima, para ter uma forma a formulário parecer uma forma mais apurada, isto a seguir em termos visuais com margem extra nos campos e com label' # Página de Contato Esta página apresentará as seguintes características: 1. Título 2. Sobre Nós 3. Formulário de Contato 4. Portifólio (em desenvolvimento) 5. Testemunhos (em desenvolvimento) 6. Galeria (em desenvolvimento) 7. Contador (opcional) 8. Abas (úteis para organização do conteúdo) - Aba 1: Patrocínios - Aba 2: Avaliações de Produtos - Aba 3: Publicações de Convidados 9. Opções de estilo (personalize a aparência do website) 10. Opções avançadas (para esconder elementos em dispositivos específicos ou personalizar a respostividade) 11. Salvar como rascunho e Pré-visualização 12. Optimização para Móvel e Tabela 13. Recursos adicionais (Elementor Pro fornece vários ad-ons e ferramentas) 14. Criação de modelo (salve e reuse custom sections) ## Nota importante - Clique com o botão direito em elementos dentro de uma seção para apagá-los ou editar. - Esconder elementos em dispositivos específicos navegando para Avançado > Opções de Responsividade. - Personalize o fundo da seção de contador e do carrossel de testemunhos. - Mude o texto de testemunhos, imagens, e nomes. - Código curto pode ser utilizado para facilitar a adição de várias ferramentas e widgets no site. - Use o editor do Elementor para editar qualquer página ou post no site. - Adicione ancoras para navegar entre seções em uma página longa. Esta é uma página em construção, e mais features podem ser adicionadas quando necessário. Para questões específicas sobre determinadas features, por favor, comunique-nos nas comentários. Não próximo vídeo, posso discutir uma determinada feature em detalhes. # Adicionando um Ancorada à Sua Página com Elementor Iniciamos mostrando-lhe como adicionar um ancorada à sua página utilizando o Elementor. Aqui estão os passos: 1. Desliveque o ancorada imediatamente entre as duas seções onde deseja ter um link. Digamos que queremos um link no topo que irá descever até esta seção. 2. Entre no editor ou no menu de opções (pode ser encontrado no fundo). Procure pela opção `Ancorada` e clique nela. 3. arraste o menu `Ancorada` e coloque-o acima da seção onde deseja colocar a ancorada. Vês uma pequena marca cinza, mas não aparece no site quando o antevisores. Nomeie esta ancorada, por exemplo, `map`. 4. Selecione o nome da ancorada e cópielo. 5. Vá para a seção onde deseja ter o link. Digamos que queremos um botão lá que leva até esta seção. Altere o texto do botão para linkar à ancorada. Por exemplo, pode alterar este para `#map` (ou qualquer nome que você escolheu para a sua ancorada). 6. Se desejar ligar à ancorada em uma página diferente, ligue-a para o seu domínio seguido do seu nome da ancorada. 7. Visualize as suas alterações para ver se tudo funciona como esperado. O seu link deverá levar você para a seção correta. Agora, vamos tocar em algumas diferenças entre usar as versões gratuita e paga do Elementor: Pode adicionar texto, imagens, cabeçalhos, botões e um conjunto básico de recursos de graça. No entanto, se tiver o Elementor Pro, você terá opções adicionais como fóruns, inserção de redes sociais, e mais. Lembre-se de que pode adicionar modelos tanto às páginas e posts no Elementor. Além de editar o teu conteúdo com o Elementor, também pode usar modelos para estruturar a estrutura dos os seus posts e páginas de forma mais eficiente. Para mais informações detalhadas sobre os recursos do Elementor e como os utilizar, visite o site oficial do Elementor ou sua documentação. # Reforçando o Texto em Markdown com Boas Práticas Use # para títulos e subtítulos: ``` # Imagem da Publicação ## Imagem Apresentada ## Título Indisponível por Empregar ## Alterando a Imagem de Fundo > O tema pode ser facilmente alterado, como demonstrado anteriormente. --- ## Localizando a Imagem ``` // Clique com o botão direito e exclua aqui ``` > Isso também se aplica à imagem acima. --- ## Melhorando a Apresentação ### Rotacionando a Imagem ``` // Aqui ``` > Ajuste a rotação à medida que desejarem. ### Cor do Fundo > O uso de uma cor branca pode melhorar a visualização. --- ## Adicionando o Conteúdo Principal --- > Agora comentaremos sobre a estrutura desta seção. --- ### caixa de texto de author --- > Este elemento se encontra à esquerda e pode ser facilmente removido ou personalizado. --- ### Tabela de Conteúdos --- > Para adicionar uma Tabela de Conteúdos: > > 1. Procure o menu responsivo procurando seis pontos. > 2. Clique no item "Estilos". > 3. Adicione uma estilização para a Tabela de Conteúdos. --- ## Adicionando uma Notícia ### Cadastro de Post --- > Para adicionar uma nova notícia: > > 1. Clique em um ícone up no canto superior direito. > 2. Selecione "Novo Post". > 3. Utilize a interface de edição para personalizar a nova entrada. --- ### Templates de Post #### Artigos de Blog > Note que aguarde a publicação para ver os resultados de aplicação de templates para novos posts. --- ## Por último. . . ### Widgets de Pop-up > Widgets de Pop-up podem ser criados e personalizados de forma semelhante aos templates. > > 1. Acesse a página de templates e clique em "Adicionar novo widget". > 2. Preencha as opções de configuração. --- > Este vídeo termina aqui, desta maneira podemos passar a falar sobre Pop-ups, mais detalhes em seguida. --- # Por Fim > Este manual contém uma série de dicas para boas práticas de melhoria da documentação técnica em Markdown. Aposte no respeito à estrutura e força Macroda escrita. ``` Para mais informações, acesse <https://www.example.com> ``` # Bit Taller Pop-up Modificação ## Posição do Conteúdo Pare a necessidade de moving o bit taller pop-up do baixo para uma posição mais central. Isso facilitará visualização e personalização. > "eleve o Bit Taller e talvez faça uma troca na sua posição de forma que possa ser ainda do centro em vez de do baixo, pelo que será a posição do conteúdo" ## Aparência Em Dispositivos Diferentes Abordem a importância de se fazer parecer presente o pop-up em dispositivos móveis e tablets, reconhecendo também a necessidade de ajustes adicionais. > "se é importante fazer com que apareça do modo que pode ser visto corretamente nos tablets e também se torna fundamental se considerar corretos aos tablets e à móveis, devido ao número elevado de visitantes dos mesmos em sites. Também se percebe como ele pode nem parecer sempre tão deslumbrante, pensa-se que o contorno é achado de um modo não inteiramente convencional. Contudo, a não ser que alteremos a imagem do aparecimento se deve entender que temos uma oportunidade promissora se os ajustes forem realizados aos devido e correto, garantindo aos clientes um processo mais útil e inovador ao seu site, podendo dar início à um estruturado relacionamento com este cliente na rede. " ## Ajustes de Personalização e Condições de Mostragem Explica-se detalhadamente como personalizar e ajustar as condições para mostrar o pop-up, destacando a importância de aderir sempre correta e precise para evitar desespero. > "Com esta editada e completamente personalizada podemos mover-se por baixo para personalizá-lo completamente para os seus estilos favoritos, ou ainda colocar quaisquer regras à sua escolha. Existe um total de opções de personalização para serem aderidas a favor dos seus sites e garantindo a estética preferida pelo seus visitantes ou para um marketing online. Como todos sabemos é importante obter os requisitos espetáceis a atender e resolver o necessário para facilitar o contacto com potenciais consumidores com suas criações pessoais a personalizar esse pop-up, isto seria indispensável para preencher adequadamente estes requisitos e apoiar melhor a qualidade de edição que já estamos personalizando através desse software incrível. Em tudo isto será uma importante parte desse processo que vão melhorar e fortalecer esta conexão que estás a criar entre ti e seus visitantes. Embaixo embaixo deste título existe um pouco mais desse que o texto lida com esse tema de forma melhor e também irá falar-lhe a respeito das ferramentas para isto, deixa que os utilizadores estejam ciente dos requisitos para conseguir chegar ao esse ponto em que isto possa ocorrer com efeito. " ### As Condições Falam sobre as diferentes condições para a visualização deste pop-up, nomeadamente à vista do local todo, á pagina individual, categorias específicas, ou outras formatações. > "A partir agora começa com as suas condições, vamos ver de qual forma deve ser esta sua apresentação e nas páginas onde pode estar. Trazímos vários parâmetros de criação dessa sua web que vais dever criar de novo para um pop-up diferente se comparado à página normal, não precisava daí apenas personaliza-lo sem o teaser na página. Mas também vê se não tens como añadir quaisquer tipos de lógica mais adiante sem dificulças pois estaremos aqui até o teaser se inicializar num momento adequado, onde irá conseguir realizar esta integração correta com algumas # Instalando e Preparando o Tema Divi no WordPress Este guia te guiará pelo processo de instalação do Tema Divi no seu website WordPress e preparação para um novo projeto. ## Instalando o Tema Divi 1. Comece logando-se no painel de controle do WordPress usando seu nome de utilizador e palavra-passe. 2. Após se logar, navegue até o topo do painel de controlo e digite o nome do teu domínio (por exemplo, `antreltutorials. com`). 3. Após introduzir o teu domínio, adicione o `/WP-admin` sufixo (por exemplo, `antreltutorials. com/WP-admin`). Isto lhe levará à página de login do WordPress. 4. Inscreva-te para ter acesso ao painel de controlo do WordPress. 5. No painel de controlo do WordPress, localize e elimine quaisquer plug-ins desnecessários, além de temas não utilizados. Isso lhe ajuda a declutrar a interface e a tornar mais fácil de navegar. 6. Agora, descarregue e instalem o Tema Divi: - Visite a página de verificação do Divi (`santromediacom/Divi-checklist`). Esta página lhe apresentará uma lista de temas que vamos cobrir neste vídeo, junto com diferentes marcadores de tempo para ajudá-lo a navegar pela tutoria. - Encontre a seção "Obter Divi" na lista ou na página principal do Divi (`santromediacom/Divi`). - Clique no botão "Obter Divi" e siga as instruções para comprar e descarregar o Tema Divi. 7. Após descarregar o Tema Divi, navegue para o painel de controlo do WordPress e, em `Aparecimento` > `Temas` > `Adicionar Novo`. 8. Clique no botão `Carregar Tema` e selecione o ficheiro ZIP do tema Divi (` Divi. zip`). 9. Clique em `Instalar Agora` para iniciar o processo de instalação. Una vez concluída a instalação, clique em `Ativar` para torná-lo o tema ativo no teu website. ## Configurando o Tema Divi 1. Agora que o Tema Divi está instalado, é tempo de configurar o mesmo conforme tus preferências. 2. Acede ao Construtor Divi acessando `Páginas` > `Adicionar Nova`, em seguida, use-o para criar e designar as tus páginas. 3. Personalize as opções gerais do tema, tais como esquema de cores, tipografia e opções layout, a partir do painel de controlo do WordPress (`Aparecimento` > `Custonize` > `Divi` > `Opções do Tema`). 4. Ainda mais personalizimentos a nível do teu website podem ser feitos ajustando os vários módulos e campos oferecidos pelo Construtor Divi. 5. Publica as tus novas páginas e continue a construir o teu website utilizando o Tema Divi. Tenha um belo novo Tema Divi, e feliz construção! # Descrição Este guia te levará a criar um site utilizando o Divi Builder, com um enfoque em um projeto de três páginas. Então, vamos entrar em ação! ## Começando 1. Abrir o Divi Builder. 2. Escolha uma das opções: **Construir a partir do zero**, selecione um **Layout pré-estabelecido**, ou **Clone uma página existente**. ## Criação de Páginas (3 páginas) 1. Primeira Página: Inicie a criação a partir do zero. 2. Segunda Página: Escolha um layout pré-estabelecido. 3. Terceira Página: Clone uma página existente. ## Usando o Divi Builder ### Seção - Uma seção representa a área da página que você quer trabalhar. - Você pode adicionar uma nova seção abaixo da atual e alterar o fundo dela. - As seções consistem em linhas e módulos. ### Linha - Uma linha é um recipiente de módulos e determina o número de colunas nessa linha. ### Módulos -Os módulos são os elementos individuais que você adicionará às seções (e. g. , texto, botão, etc. ). ## Criando um Módulo de Texto 1. Selecione e arraste o módulo de texto para sua posição desejada. 2. Edite o texto no caixinho de texto fornecido. - Adicione formatação, altere o estilo do texto (parágrafo ou cabeçalho), e justifique o texto centralmente de acordo com a necessidade. Neste exemplo, criaremos o título "Academia de Fotografia Aar Externa" para a primeira página. ## Edição de Design 1. Passe o cursor sobre a seção, linha, ou módulo que deseja editar e clique no ícone da engrenagem. 2. Acesse a guia "Design" para editar as configurações relacionadas ao design. 3. Personalize a fonte, o peso da fonte, a cor, o tamanho, o alinhamento, a distância e muito mais. ## Uso de Exemplo 1. Mude o texto da fonte para "Roboto". 2. Defina o peso da fonte como "Negrito". 3. Aumente o tamanho da fonte para 60 pixels para o desktop e adjust desenvole as visualizações móveis conforme necessário. Lembre-se de salvar suas alterações clicando no ícone de marca de seleção. Repita estes passos para construir seu site interativo e visualmente impressionante com o Divi Builder! Feliz criação! # Tutorial de Site de Fotografia de Viagem com Divi Comecemos a criar um site de fotografia de viagem utilizando Divi. Aqui estão três opções para definir o fundo: 1. **Baixar [imagens](https://divithemes.com/plugins/downloads/travel-photography/)** (Pode ignorar isso, pois não precisamos disso neste momento. ) 2. Opções de **Fundo: ** - Solid background (Fundo sólido) - Gradient (Gradiente) - Image (Imagem) Removaremos o modo de fundo atual. Para adicionar uma imagem de fundo, clique em **Add Background Image** e, em seguida, selecione um arquivo na pasta **Files** (nesse caso, estaremos utilizando uma pasta chamada "Travel Photography". ) Em seguida, navegue até o topo do site e decidamos o que queremos quando chegar no topo. É importante ter em mente que esta é uma página de fotografia de viagem. Imagens possíveis podem ser: - Imagem de destino popular - Imagem de paisagem - Imagem de aventura Spacer ## Configuração das Cores Clique no ícone de configuração (ícone com uma seta em cima de um retângulo) para mudar a cor do texto. Por exemplo, modificamos a cor do texto de header para `#FFFFFF` (Branco). Para modificar o tamanho do texto do header, clique na seta acima do ícone de configuração (ícone com minusculas **f l i e s**), selecione **Design** e **Tamanho**. Canhota o tamanho do texto de acordo com sua preferência, como `32px`. Spacer ## Configuração da Alinhamento do Botão de Chamada de Ação Uma Chamada de Ação é importante que seja grande e clara ao visitante para atrair sua atenção. Para isso, alteramos a Alinhamento e a Espessura do botão de Chamada de Ação e adicionamos um sombreado à borda do botão. **Align: ** Esquerda (Left) **Background: ** `#4CAF50` (Green) **Height: ** `48px` **Width: ** `200px` **Margin: ** 32px **Padding: ** 16px **Border: ** Solid `4px #FFFFFF` (Branco) Spacer ## Conclusão Três seções foram criadas: - Fundo e Imagem de Fundo - Configuração das Cores - Configuração do Botão de Chamada de Ação O modelo ainda precisa ser melhorado, e você poderá começar adicionando mais seções ao site. Em seguida, compile todas as suas alterações e publique a página do seu site Divi. Spacer ## Salvar e Publicar o Site Antes de começar com outras configurações, é importante salvar e publicar a página para obter um preview do site como há de fato. Você pode salvar a página, ou seja, salvar o seu progresso e depois publicar a página quando aprimorar o seu site. Para isso: 1. No Divi Builder, você verá uma seta em **Save Draft**, acima das opções de Ferramentas de Layout. Clique em ela para salvar. 2. Você também poderá ver exibições de links de download de código em um arquivo zip. Clique no link e salve as imagens no local ideal de seu computador. 3. Salve a página em Media, adicionando as imagens ao seu site e selecionando a ação "upload". Depois de salvar, esteja pronto para publicar! Spacer ## Referências As referências são utilizadas para citar fontes utilizadas para a elaboração deste artigo, caso sejam necessárias futuramente. # Documentação ## Alteração do Texto do Título Esta seção demonstra como alterar o texto do título. ### Quem Sou Eu (Cabeçalho Três) Mude a cor do texto para uma cor média, uma pouco translúcida de cinza. Altere o tamanho do texto e faça-o grandilóquo. Ajuste a fonte para Roboto. Aumente o espaçamento para 6 pixels. ``` Quem sou eu ------ Meu nome é Mike O'Brien. ``` ### Parágrafo Explicativo Adicione um parágrafo explicativo abaixo do cabeçalho. Altere a fonte para Roboto. ``` Eu moro na área da Filadélfia e me distúrbia frequentemente pelos muitos sombreamos. Nesta seção, vamos fornecer mais informações sobre minhas credenciais e escolaridade. ``` ### Modificações Estéticas Adicione uma dividir acima do parágrafo explicativo para uma aparência mais estética. ``` ##### Divisor ``` ## Produtos Oferecidos Crie uma seção para os diferentes produtos oferecidos. Escolha quatro produtos para este demonstrativo. Cada produto pode ser uma chamada de ação com um botão. ### Presets de Foto (Cabeçalho Dois) Para o primeiro produto, use uma chamada de ação com um botão. Altere o fundo para uma imagem em lugar do fundo azul. ``` #### Presets de Foto Obtenha os presets de edição de foto mais eficientes com nosso botão de chamada de ação! [Botão](http://www.exemplo.com) ``` ### Tutorial de Iluminação (Cabeçalho Dois) Para o segundo produto, altere o fundo de imagem. Use um gradiente sobre o fundo de imagem para melhor legibilidade. ``` #### Tutorial de Iluminação Aprenda a melhorar a iluminação de suas fotos com nosso tutorial! [Botão](http://www.exemplo.com) ``` ### Terceiro Produto (Cabeçalho Dois) Para o terceiro produto, altere o fundo de imagem e adicione um gradiente por cima dele para melhor legibilidade. ``` #### Terceiro Produto Descubra nosso terceiro produto com um design melhor! [Botão](http://www.exemplo.com) ``` ## Conclusão Essa documentação fornece um guia passo a passo sobre como alterar o texto de título, adicionar um parágrafo explicativo, criar seções de produtos com chamadas de ação e botões usando ferramentas de formatação Markdown. As exemplificações demonstram como alterar a cor, tamanho e família de letras, adicionar imagens e implementar gradientes para uma aparência mais estética. Para melhorar a aparência do layout, siga o procedimento abaixo: ```markdown # Restauração do Layout Para melhorar a aparência do layout, siga o procedimento abaixo: ## Contexto Precisamos alterar o layout de três colunas existentes para que eles tenham uma aparência mais harmoniosa, com o espaçamento adequado e altura adicionada. ## Mudança do Layout ### Setações Gerais * Conservemos os três layouts de colunas * Pode rearranjar as colunas se desejarmos * Utilizemos o drag and drop para facilitar o posicionamento das colunas ### Alteração do Espaçamento * Utilizamos o custom gutter para reduzir o espaçamento entre as colunas * Agora as colunas possuem todos os elementos ajustados um ao lado do outro * Ampliamos o tamanho das colunas para 100% ### Alteração do Tamanho * Reduzimos o tamanho das colunas sim, projetamos que elas sejam rectangularmente altas, ajustando as alturas conforme necessário ## Observações * É possível mantê-lo o espaçamento original conforme desejado, caso deseje gere mais um enorme espaço entre elas * O tamanho explícito de cada coluna é 1/3 do total, dentro do custom gutter # Correcção dos Erros em Tradução * "theming" => "design" * "taste test her Oreos" => "farei testes de sabor de Oreos" * "I could say" => "pode-se dizer" * "making it make it" => "modificar o tamanho" * "hear" => "ouvir" * "a little bit" => "um pouco" * "play around" => "experimentar" * "tall" => "alto" * "little bit" => "um pouco" * "words" => "palavras" ``` # Introdução Este revisor especializado em documentação técnica em Markdown possui três regras para aplicar: 1. Formatação Markdown: Mantenha o uso de # para títulos e subtítulos, ** para negrito em termos importantes, ` para código inline, ``` para blocos de código, > para citações, - ou * para listas e --- para separadores. 2. Estrutura: Organiza seções com títulos claros, mantep Para separar ideias, manter listas e enumerações e manter a hierarquia de títulos. 3. Conteúdo: Correção de erros de pontuação e gramática e manutenção de todos os termos técnicos inalterados, além de manter URLs e referências intactas. ## Testemunhos *Joe Smith*: Twice actually three times *(pequena citação)*, por exemplo. Entretanto, continuamos. Este site está começando a se tornar cada vez mais completo. Você já viu como ele se apresenta? É muito profissional! É praticamente nenhum esforço às vezes. Gosto da forma como esta foto possui uma área branca a cima e a próxima não. ## Seções adicionais Neste ponto, pretendemos discutir algumas coisas que podem ser adicionadas aqui. Eu já mostrava-lhe uma das diversas módulos, mas apenas porque a maior parte do site já está populada na página inicial, vamos descer mais e ver o que podemos adicionar antes de entrar em detalhes. ### Seção Regular - **Accordion**: é como isto, onde você pode abrir e fechar diferentes coisas. Como um exemplo, você pode ver o ícone de "+" lá. Open e close é o que acontece quando você clica neste "+" ou na própria seção inteira. Assim, você pode ver apenas a resposta à sua pergunta. - **Áudio**: se desejar, você pode adicionar um clipe em MP3, por exemplo, se desejar. - **Blog**: isto será onde aparecerão seus postes de blog*. No momento, diz "*não encontrado*. Nesse caso, serão exibidos os diferentes postes de blog, lhe liga a postagem específica. Isso não é para escrever um novo post dentro daqui. Isso só será para lhe apresentar o jeito de vincula-lo a postagens de dentro da página. - **Bar Counters**: é muito semelhante a coisa que mostrei-lhe antes*. Mesmo que não tenha mostrado um nome específico, se podem ser utilizados no site para indicar progresso em algo. Se estiver tratando de viajar, pode ser interessante usar para classificar parques nacionais. Por exemplo: se estiver falando sobre viajar em geral e o Yosemite National Park. Você poderá dizer que a habitação está em 50% de dificuldade para se conseguir uma cabine, se estiver falando sobre comida no vale, você pode dizer que isso tem uma pontuação de 90%. - **Circle Counter**: é o mesmo conceito, apenas mostrando o progresso em um círculo. - **Blurbs**: são um ótimo meio de exibir uma imagem, um título e algum texto. O ideal depois disso seria um botão. Você pode liga-lo a qualquer coisa que desejar. - **Call to action**: é parecido com o "Ações", com botão, texto e título em cima. É um meio ótimo de adicionar ações em um site. - **Comentários**: você pode adicionar comentários se possuir um plug-in que lhe permite fazer algo como uma prova visualmente agradável. - **Contato**: pode ser útil para fazer o envio de correos com o formulário. - **Contagem Regressiva**: é uma típica contagem regressiva. - **Divider**: é o que mostrei anteriormente*. - **Email Opt-in**: pode ser parecido com a seção de assinatura, onde o usuário pode se inscrever para receber e-mails de notícias. - **Galeria**: isto pode servir para mostrar fotos e vídeos. - **Login**: provavelmente já temos o login para o site, já que é importante para que os clientes sejam capazes de entrar no site. - **Mapa**: é o meio mais fácil de mostrar onde estamos. - **Menu**: não esqueça do menu, é importante para que o usuário consegue navegar facilmente pelo site. - **Números**: pode ser usado para indicar um número específico. Por exemplo: se quiser fazer um formulário, você pode fazer isto. - **Pesquisa**: geralmente não recomendo ter na maioria dos sites, pois é feetcha e é questão de facilidade para usuários encontrarem o que procuram dentro do site. A pesquisa geralmente não funciona bem em sites web. - **Slides**: pode servir para mostrar vídeos ou redes sociais. É uma boa opção para adicionar em uma seção do rodapé. # Conclusão Isso é tudo para o momento, em breve darei mais atenção nessa documentação técnica em Markdown. # Duplicando e Manipulando Seções de Fundo em WordPress ## Duplicando uma Seção de Fundo 1. Para duplicar uma seção de fundo, navegue para a área de conteúdo e desça até a seção `background`. 2. Clique no fundo branco para abrir suas configurações. 3. Com a seção aberta, podemos fazer algo interessante: salvá-la na biblioteca para uso futuro em outras páginas. - Salve a seção dando-lhe um nome claro e descritivo, como "Rodapé Principal". - É vantajoso fazer da seção salva um item global, uma vez que as alterações feitas nessa seção nesta página serão refletidas em todas as páginas onde ela é utilizada. - Por exemplo, se quiser adicionar uma nova seção entre as atuais, pode adicionar a seção salva da biblioteca e atualizar a outra seção de acordo. 4. Se uma seção já estiver na seção global e aparecer em diferentes páginas, alterá-la e salvá-la em uma página causará a alteração na propagagem para todos os locais, fazendo com que o site se pareça consistente. 5. Para excluir uma seção que não se encaixa bem, é simplesmente removê-la do local dado. ## Salvar Rascunhos e Publicar Páginas 1. Depois de fazer as alterações necessárias, vá até os três pontos e clique em "Salvar Rascunho" para salvar seu progresso. 2. Ao salvar o rascunho, encontre-se no painel de barras laterais onde pode continuar a trabalhar em outros elementos. 3. Para publicar a página, clique no ícone do WordPress para retornar ao painel de controle e tornar a página pública. ## Configurando um Menu e Cabeçalho 1. Para criar um menu, vá para "Aparência" > "Menus" no painel de controle. Crie um novo menu e dê-lhe um nome claro, como "Cabeçalho Principal" ou "Cabeçalho 101". 2. Neste menu, poderá adicionar páginas, links personalizados, publicações, categorias e outras opções para que apareçam a esquerda do cabeçalho. 3. Os links personalizados podem ser usados para ligar para PDFs, imagens ou outros sites externos. 4. A ordem do menu pode ser ajustada rearranjando as opções dentro do menu. 5. Quando o menu for criado e configurado, pode ser associado com o menu principal nas "Configurações do Menu" e salvo. ## Personalizando o Cabeçalho e a Navegação 1. Para personalizar a aparência do cabeçalho e da navegação, vá para "Aparência" > "Personalizar" no painel de controle. 2. Aí, poderá carregar uma logotipo, alterar as configurações da barra de navegação e escolher várias outras opções para personalizar o cabeçalho e a barra de navegação conforme desejado. # Configurações de Layout Este seção abrange as configurações básicas da altura das linhas, espaçamentos e outras configurações de layout. Se desejar alterar o tipografia e fundo predefinidos, isso foi abordado individualmente nas páginas que criamos, então não é preciso focar nisso aqui. ## Barra de Navegação A barra de navegação principal, localizada no topo, pode ser estendida até a largura completa. O logotipo pode ser escondido, se desejado. A altura da barra de navegação pode ser ajustada para melhor acomodar um logotipo mais pequeno, se necessário. O fundo pode ser alterado para uma cor outra, diferente do cor atual transparente. Um fundo parcialmente transparente de branco ou preto pode parecer melhor, embora isso seja assunto para um brand. Aqui, vamos definir o fundo da barra de navegação para preto com uma leve transparência. ### Cor do Texto Para melhor legibilidade, a cor do texto será definida como preto sólido. ### Tamanho da Fonte O tamanho da fonte será aumentado para 15 pixels para melhor visibilidade. ### Barra de Navegação Fixa Em vez de rolar, vamos optar por uma barra de navegação fixa para melhor usabilidade. ## Barra de Navegação Secundária A barra de navegação secundária pode ser localizada em vários lugares, como menus laterais ou o rodapé. Para fins de um cabeçalho básico, escoltaremos-a na parte superior. ## Rodapé O rodapé atual é desfavorável. A cores e painéis podem ser ajustados conforme necessário, mas a melhor opção para editar estes elementos será discutida mais tarde. ## Página Inicial As cores, botões, painéis e configurações da página inicial podem ser editados no modelo de tema. A página atual é uma página aleatória que ainda não foi editada. Em vez de apresentar o post mais recente, vamos fazer desta página estática e definir como a página de Em Diante. A nossa página inicial deverá agora parecer muito melhor, embora o logotipo possa ser melhorado. Vamos considerar esconder ou atualizá-lo depois. ## Certificado SSL Lembre-se de adicionar o 's' nas opções do website ou painel de controle para garantir que o site é seguro. ## Visualização no Dispositivo Móvel e Tablet Aproveitamos enquanto este tema é visualizado no computador, é importante garantir que o site é otimizado para usuários de smartphone e tablet. Pode ser visto o site como um celular ou tablet para garantir que ele apareça bem em estes dispositivos. Ajustes, como o tamanho da fonte, podem ser feitos para otimizar o site para telefones e outros dispositivos móveis. Elementos específicos também podem ser escondidos se desejado. Tenha em mente que é importante garantir que seu site apareça bem em todos os dispositivos, como um número considerável de usuários acessam o site via dispositivos móveis. Elementos específicos podem ser escondidos ou desativados especificando dispositivos por várias opções de visibilidade nestas configurações. # Usando WordPress e Divi para um Blog de Sucesso ## Introdução O uso de WordPress, combinado com Divi, oferece múltiplas vantagens para quem pretendia atingir rankings mais altos em Google e obter tráfego. Um dos principais vantagens é a capacidade de gerenciar uma biblioteca de post agora atualizada de forma fácil. ## Adicionando um Novo Post Para adicionar um novo post, acesse a Área de Trabalho do WordPress, então selecione `Posts > Novo` ou `Novo > Post`. Uma vez criado um novo post, poderá escolher escrever o conteúdo usando o editor de conteúdo integrado do WordPress ou Divi. Ao lado direito, poderá ver opções para mudar categorias, tags, excerto, imagem principal e outras opções. Enquanto o editor do WordPress não é óptimo, o Divi é usado para construir o artigo propriamente dito. ## Construindo um Artigo com Divi Construir um artigo usando o construtor do Divi é bastante simples e não difere muito da criação de uma página. Você encontrará um título no topo, seguido da área do conteúdo, e comentários no final (dependendo do layout escolhido). ### Exemplo de Post de Blog - Primeiro Post de Blog Agora vamos criar um post de blog de exemplo - "Primeiro Post de Blog". Usando o construtor do Divi, você pode adicionar qualquer elemento desejado, como texto, imagens ou acordeões, e torná-los visualmente engajantes. ## Outros Tipos de Página com Divi O Divi oferece duas opções principais para a criação de outras páginas: modelos ou layouts pré-construídos. ### Usando Layouts Construídos Para usar um layout pré-construído, acesse a Área de Trabalho do WordPress, navegue até a página que deseja editar, então selecione `Editar com Divi`. Você terá a opção de `Clonar uma Página Existente`, escolher um `Layout Pré-Construído`, ou construir a partir do zero. O Divi oferece uma ampla seleção de layouts pré-construídos, faciilitando a customização e a modificação de páginas. Você pode escolher um layout que melhor atenda suas necessidades e estilo. Uma vez que seleciona um layout pré-construído, você poderá editar a página, alterando cores, adicionando seções, ou realizando outras alterações para criar um design único e coeso. ## Conclusão O uso de WordPress e Divi prendo você a criar páginas e posts engajantes e eficazes. Juntos, eles oferecem uma plataforma flexível que permite a criar e gestionar conteúdo facilmente, melhorando significativamente o sucesso do seu site. # Documentação Técnica: Criação de Página Web com Divi ## Introdução Esta documentação fornece uma visão geral da criação de página web com o Divi, um dos construtores de páginas web mais populares disponíveis no mercado hoje. Compreendemos que esta documentação seja particularmente útil para qualquer usuário interessado em criar uma página web, sendo que especialmente tratará as técnicas e os recursos úteis para criar uma página multi-módulo com Divi. ## Títulos & Subtítulos - **Seleção de opções** - **Configuração de módulos** - **Personalização avançada** - **Ferramentas adicionais** ## Seleção de opções Quando escolher um construtor de página web, é fundamental escolher a ferramenta certa. Escolha o Divi-ista: 1. **Múltiplas opções**: O Divi é conhecido por possuir várias opções, de templates completo a módulos de terceiros, permitindo que você crie uma página multipurpose excepcional. 2. **Praticidade**: O Divi oferece um template de início rápido para sua página, que por sua vez pode ser facilmente modificado para se adaptar às suas necessidades individuais. 3. **Flexível**: Por ser um produto desenvolvido por Elegant Themes, a Divi oferece suporte para as últimas tendências de design responsivo, acessibilidade e otimização para pesquisar no Google. ## Configuração de módulos ### Módulos Especificos Uma característica importante da Divi é a capacidade de adicionar módulos específicos. Por exemplo, você pode adicionar um módulo para um menu de navegação completo, um slider completo ou um mapa completo (como interative maps, caso estejam em uso). ### Módulos Em Largura Total Adicionar módulos enquanto estiver em modo largura total permite a exibição de grandes imagens de fundo, Heatmap, sliders full-width ou mapas. Isso pode ser útil na seção inicial da sua página para mostrar um mapa, um slider ou apenas uma imagem de fundo grande. ## Personalização Avançada Uma maneira de criar uma página avant-garde com Divi é através da personalização avançada. Pode personalizar tudo desde a fonte até o tempo de carregamento, pela configuração da fonte da página, personalização das cores do site e mais. ## Ferramentas Adicionais ### Armazenamento de Opções de Módulo Quando trabalhar com módulos específicos, você pode ter acesso a um arquivo chamado “Armazenamento de Opção de Módulo” onde podem ser feitas as seguintes coisas: 1. **Configurar as áreas de texto**: Ideal para editar o conteúdo do site ou adicionar comentários adicionais. 2. **Configurar vários níveis de modo**: Permite que você tenha controle sobre quais opções estão visíveis para os usuários. 3. **Adicionar o código do cabeçalho**: Especifica o código JS/CSS para exibir um conteúdo específico ou adicionar algumas funcionalidades ao seu site. ## Conclusão O Divi é uma ferramenta útil para criar uma página web personalizada e adicionar módulos específicos. Para obter resultados otimizados, recomendamos que investe no SEO, utilize keywords e seja cauteloso em relação à reprodução de textos. Se eles estiverem interessados, você pode se inscrever em um Boletim Informativo. Em resumo, isso será publicado uma vez por semana e contendo uma lista de cinco dicas sobre marketing, junto com ideias e informações esclarecedoras. # Documentação: Comparação de Plataformas de Construção de Sites para Iniciantes Construir um site não tem de ser desafiante, e encontramos algumas opções excelentes para iniciantes. Aqui compararemos três das opções mais populares para construir um site utilizando WordPress, Squarespace e Wix. Também oferecemos recomendações para empresas locais e aqueles que procuram customização avançada. ## WordPress (Auto-hospedado) WordPress, um sistema de gestão de conteúdo (CMS) auto-hospedado, é muito popular devido à sua flexibilidade, facilidade de uso e à variedade abundante de temas, plugins e modelos. No entanto, a participar de uma curva de aprendizado pode ser mais acentuada, mas vale a pena o esforço porquanto oferece uma grande flexibilidade e escalabilidade. *Vantagens* - Flexibilidade e versatilidade devido à abundância de temas, plugins e modelos. - A interface do CMS não apresenta um curva de aprendizado particularmente desafiadora após o entendimento da interface do sistema. - A escalabilidade lhe permite iniciar pequeno e expandir o site conforme necessário. *Recomendações* - Fornecedores de Hospedagem: Recomendamos utilizar [Hostinger](https://www.hostinger.com) ou [Bluehost](https://www.bluehost.com). Veja a nossa [vídeo-tutorial](https://www.youtube.com/watch?v=z6g73eQGu4g) no YouTube para obter uma visão detalhada. ## Squarespace Squarespace oferece uma interface de utilizador intuitiva e amigável no uso. Caters para aqueles iniciantes num ambiente de suporte integrado, mas também é capaz de atender às necessidades mais avançadas dos usuários não-iniciantes, utilizadores de blogs maiores, lojas online e integração de add-ons para mais funcionalidade. *Vantagens* - Tema e edição drag-and-drop fácil e intuitivo que facilita a navegação em Squarespace. - Integração de recursos como programação, pódcast e comércio eletrónico em um modo simples. - A REM é capaz de atender às necessidades dos iniciantes bem como ao desenvolvedor de web experiente. *Recomendações* - Squarespace: [https://www.squarespace.com/](https://www.squarespace.com/) - Links de Descontos: Acesse a descrição do video para obter informações sobre os descontos disponíveis em Shopify e outras serviços. ## Wix Wix excelencia na simplicidade e velocidade com seus ferramentas de construção de sites auxiliadas por inteligência artificial, perfeitas para aqueles que pretendam construir um site com um único página rapidamente e fácilmente. Também pode cumprir com um grau mais alto de customização com mais de 900 modelos gratuitos elegíveis. *Vantagens* - Editor drag-and-drop permite a criação rápida e fácil de sites, inclusive de página únicas. - Ferramentas de inteligência Artificial oferecem uma janela de customização com menor esforço. - Mais de 900 modelos gratuitos que atendem a uma variedade de estilos e sectores. *Recomendações* - Wix: [https://www.wix.com](https://www.wix.com) ## Empresas Locais As empresas locais podem optar por capacidades de comércio e sistemas de pagamento online, enquanto registam o estoque, aceitam vários tipos de pagamento e gerenciam a gestão do estoque. Aconselhamos **Shopify** como uma escolha ideal para estes objetivos específicos. *Recomendações* - Square POS, uma integração entre Shopify, oferece um sistema de query de vendas que registapreguiços e gerencia as ordens online eficientemente. - O posicionamento nas pesquisas em Google pode ser otimizado com as ferramentas de SEO oferecidos por Shopify, e lhe é capaz de lidar com uma faixa variada de métodos de pagamento. ## Customização Avançada Para opções de customização mais avançadas, o ideal é o **Webflow**, com uma mistura de código e editor intuitivo, disponível tanto para usuários não-técnicos quanto técnicos. *Recomendações* - Webflow: [https://www.webflow.com](https://www.webflow.com) Em conclusão, cada plataforma excela em áreas específicas e a escolha da melhor plataforma para o seu site depende das requisições específicas, como a funcionalidade pretendida, a simplicidade, escalabilidade ou custo. Felizes em construir sites! [**Video tutorial da Webflow**](https://www.youtube.com/watch?v=z6g73eQGu4g) (Inglês) # Melhorando Seu Site: Principais Plugins para melhor SEO, coleta de emails, segurança e organização de links ## Plugins de Análise **Entendendo seus dados** - `Analytify`: Um plugin de análise popular para entender estatísticas de seu site. Ajuda a aumentar o SEO, o desempenho na página e a diminuir a taxa de abandono. - `Monster Insights`: Outra ferramenta de análise robusta para melhor compreensão dos dados. Pode ser usada como uma alternativa a Analytify. ## Plugin de SEO **Otimização de SEO** - `Yoast SEO`: Talvez o favorito do plugin nesta lista, o Yoast SEO simplifica o processo de melhorar as classificações em pesquisas de motores de busca como Google. Útil para compreender e melhorar a otimização de SEO. ## Plugin de Coleção de Emails **Capturar Emails para Marketing de Email** - `Constant Contact`: Uma ferramenta de coleta de emails popular para captura de leads. Ajuda a enviar artigos de blog para os leitores e a construir uma lista de email. Outras opções incluem o Mailchimp, entre outras. ## Plugin de Segurança **Proteção de Seu Site** - `iThemes Security`: Oferece recursos para proteger seu site de vulnerabilidades. Oferece a listagem branca e negra de endereços IP e países, entre outras medidas de segurança valiosas. ## Plugin de Organização de Links **Limpeze Seus Links** - `Pretty Links`: Uma ferramenta útil para limpeza de links e melhor aparência de links de afiliados ou links em vários sites. Oferece características de rastreamento e uma versão pro para benefícios adicionais. - `ThirstyAffiliates`: Plugin alternativo de organização de links com um enfoque no simplificar links de afiliados e rastreamento de sua utilização. ## Plugin de Formulário de Contato **Manter comunicação com seus visitantes** - `WPForms`: Um plugin padrão em sites WordPress, WPForms permite a coleção de email, formulários de pesquisas, formulários de contato, formulários de inscrição, entre outras coisas. Oferece uma vasta coleção de modelos de formulários e integrações para vários serviços de terceiros. # Vídeo 43: Squarespace vs Weebly comparison ## Introdução Neste vídeo, compararemos Squarespace e Weebly, dois construtores de sites populares que têm muitas semelhanças. No entanto, existem algumas diferenças fundamentais que você deve saber antes de tomar sua decisão. ## Personalização e Aplicativos Ambas as plataformas oferecem uma configuração estruturada com um layout de faixa e elementos arrastáveis e soltáveis, mas Squarespace exige mais precisão na organização dos elementos, enquanto Weebly possui uma loja de aplicativos com aproximadamente 350 aplicativos para funcionalidades adicionais. Squarespace tem cerca de 100 modelos, enquanto Weebly tem em torno de 40. ## Preços Squarespace oferece quatro planos, com preços que variam de $12 a $40 por mês para planos anuais e inclui recursos adicionais como um email personalizado, domínio, etc. Weebly tem três planos, que variam de $6 a $26 por mês, com um plano gratuito disponível (com limitações). ## E-commerce Ambas as plataformas suportam a venda de produtos físicos e digitais, descontos, gerenciamento de envio e recuperação de carrinhos abandonados. Squarespace integra-se diretamente com redes sociais, especialmente com Instagram, permitindo-o a vender produtos diretamente através de suas contas sociais. ## Blogging Ambas as plataformas oferecem excelentes capacidades de blogging com personalização, navegação e múltiplos colaboradores. Weebly destaca-se pelas suas funcionalidades de navegação, enquanto Squarespace tem uma reputação de ser particularmente bom em blogging. ## SEO Ambas as plataformas oferecem opções de otimização para SEO para ajudar seu site a aparecer bem em resultados de pesquisa. No entanto, é possível que seja necessário mais pesquisa para determinar qual plataforma oferece as melhores capacidades de SEO para as suas necessidades específicas. ## Funcionalidades Adicionais Ambos Squarespace e Weebly têm funcionalidades adicionais que podem ser importantes a considerar, como as opções de extensão de Squarespace e o plano gratuito de Weebly. Faça pesquisa sobre estas funcionalidades para determinar qual plataforma melhor atende às suas necessidades específicas. Para uma visão mais detalhada sobre a construção de um site com qualquer uma das plataformas, consulte as ligações de tutoriais no descrição de vídeo. Obrigado por assistir, e boa construção! === Vídeo 43: [https://www.youtube.com/watch?v=ktXVqRkc3tQ (Idioma: en)](https://www.youtube.com/watch?v=ktXVqRkc3tQ (Idioma: en)) === Bem-vindo de volta ao canal! Neste vídeo, compararemos Squarespace e Weebly, dois serviços de hospedagem de sites semelhantes com algumas diferenças fundamentais que devem ser consideradas ao construir seu site. Enfocando algumas categorias populares, aqui estão as minhas opiniões sobre Squarespace e Weebly: ## Personalização & Aplicativos Ambos Squarespace e Weebly são fáceis de usar, embora Squarespace tenha uma configuração mais estruturada, com menos recursos de arrastar e soltar. Um ponto forte de Weeb # Vídeo 44: Comparação Ultima entre Administradores de Website Popular no Mercado Conectar-se com o website correto é essencial para garantir que o processo de construção do website seja fluído e fácil, mas pelo menos importante que o website tenha o potencial de se tornar um sucesso. Isso, na verdade, faz uma grande diferença no final, dependendo do objetivo do seu website, o que é o motivo por trás deste vídeo. Este é uma comparação extensa entre quatro dos administradores de website mais populares no mercado atualmente, incluindo: 1. **Wix** 2. **Squarespace** 3. **WordPress** 4. **Webflow** Coveraremos todos os aspectos em relação à facilidade de uso, capacidades comerciais, capacidade de se posicionar no Google, capacidades de marketing e suporte, além de possíveis templates. ## Ease of Use (Facilidade de uso) - Wix e Squarespace são geralmente mais adequadas para iniciantes e terão um layout bastante intuitivo. WordPress pode ser um pouco mais complicado, mas há maneiras de simplificá-lo. Webflow é um pouco mais avançado para algumas configurações personalizadas. Ao abrir arquivos diferentes: ### **Squarespace** Squarespace oferece aproximadamente 100 diferentes modelos, todos eles incluídos em seu plano, e têm, em geral um estilo mais minimalista com design limpo e elegante. ### **Wix** Comtere 800 a 1000 diferentes modelos (os números variam), todos eles incluídos no seu plano, isso permite que você tenha mais opções em cada categoria. Se você desejar criar um portfólio pessoal ou uma loja online, por exemplo, você terá mais opções por categoria. Além disso, ao iniciar sua inscrição em seu site de Wix, você tem duas opções: criar de um modelo ou usar a inteligência artificial do Wix para criar seu site. Gosto de seguir o modelo padrão, pois posso ver qual estilo eu desejo e tem um bom trabalho em minha opinião, mas essa é apenas a minha opinião. ### **Webflow** Sendo a mais jovem no mercado das temporárias, o Webflow oferece entre 1500 diferentes templates. Algumas delas precisam ser paga. Webflow templates tendem a ter mais animações, com mais muito mais acontecendo, em particular os templates que precisam pagar. ## Search Engine Optimization (SEO) - Para se posicionar bem no Google é importante conhecer os passos básicos do SEO e os recursos principais deles. Para o Squarespace e o Weebly esses recursos são ligeiramente diferentes, mas a maioria das tarefas comuns, como preencher os campos "Título" e "Métas" por exemplo, é alimentada para ambos. Em alguns recursos de SEO o **Squarespace** permite disponibilizar uma extensão que pode ajudar a melhorar sua posição no índice de busca. Em alguns casos em que você está construindo um website para empregos intensivos, tal como um website de notícias que precisa de um grande número de autores, ainda não são suportados por entidades como Squarespace e Weebly. Nessa situação, você pode considerar a característica premium do WordPress chamada *WordPress Multisite*, que oferece um dos melhores sistemas de múltiplos autores na linguagem de código PHP, dimensionalizado para suportar sites em ascensão que precisam de múltiplos autores. --- **Importante: ** Os recursos e as dinâmicas do WordPress são diferentes daqueles de Squarespace e Weebly. Assim como é preciso ter um pouco de conhecimento sobre as linguagens de código para configurar suas páginas, o WordPress é não dificil de aprender e utilizar em seu ambiente. --- ## Conclusões Em alguns aspectos de performace e facilidades de uso, ambos, ou seja, Squarespace e Weebly são quase iguais à primeira vista. Se você criar um website de blog ou site de curación de conteúdo em geral ambos podem ser úteis. No entanto, para todos os recursos avançados, tiver de deixar a sua decisão em andamento até que você analize os aspectos importantes do seu website. # Documentação Técnica: Comparação de Plataformas de Construção de Sites para Iniciantes e Experientes ## Visão Geral Este documento compara quatro plataformas de construção de sites populares - Webflow, WordPress, Squarespace, e Wix - com um foco na facilidade de utilização para iniciantes e usuários avançados, bem como nas funcionalidades de e-commerce e otimização para SEO. ## Webflow ### Descrição O Webflow se apresenta como uma plataforma de design de sites sem código de uso potente que permite aos usuários criar sites responsivos, personalizáveis e altamente animados. Ele oferece uma solução escalável tanto para iniciantes quanto para usuários experientes que precisem criar sites com designs complexos. ### Facilidade de utilização para iniciantes Embora o Webflow possa parecer intimidatório para iniciantes devido às funcionalidades comprehensivas e avançadas, ele oferece tutoriais para ajudar os usuários a iniciar e entender suas funcionalidades. Com tempo, prática e paciença, os usuários encontrarão o Webflow uma plataforma acessível. ### Capacidades de e-commerce O Webflow permite àos usuários integrações com plataformas de e-commerce como a Shopify para vender produtos no seu site. No entanto, ele não é a melhor opção para iniciantes em busca de uma plataforma de foco no e-commerce. ### SEO Optimization O Webflow oferece recursos de SEO básicos, como editar URLs personalizadas e adicionar meta tags. No entanto, comparado a outras plataformas, ele se concentra mais em design e personalização e pode não ser ótimo para fins de SEO. ### Preços Os planos de preço do Webflow variam de acordo com as necessidades dos usuários, abrangendo desde o gratuito até soluções empresariais personalizadas. ## WordPress ### Descrição O WordPress é um sistema de gestão de conteúdos (CMS) que permite aos usuários criar e gerenciar sites facilmente. Ele oferece um grande número de plugins para estender sua funcionalidade, FORMATAÇÃO fazendo-o altamente personalizável e escalável. ### Facilidade de utilização para iniciantes O WordPress pode ser uma plataforma friendy para iniciantes, especialmente com a ajuda de plugins de utilização amigável, como o Elementor, que oferece edição arrastar-e-solicitar. No entanto, no início, pode ter um apego mais vertical comparado às outras plataformas. ### Capacidades de e-commerce O WordPress oferece o plugin WooCommerce, que simplifica a venda de produtos online, gerenciamento de estoque e ajuda na venda de vários tipos de produtos, como digitais, físicos e vendidos por terceiros. Descontos, vendas e diferentes estilos também estão disponíveis. ### SEO Optimization O WordPress oferece amplas oportunidades para otimização de SEO, com plugins como o Yoast SEO fornecendo aos usuários um checklist para otimizar seus postagens de blog e sugerindo melhorias para palavras-chave, títulos e meta tags. ### Preços O WordPress é gratuito para usar, mas as despesas adicionais podem acumular-se de acordo com os temas e plugins selecionados. O WooCommerce, por exemplo, é um plugin gratuito com extensões premium disponíveis. ## Squarespace ### Descrição O Squarespace é um editor de sites Drag-and-Drop que oferece uma plataforma de uso fácil para os usuários criar sites profissionais. Ele inclui soluções de comercio eletrônico integradas, o que o torna uma opção atraente para usuários não iniciantes que querem vender produtos online. ### Facilidade de utilização para iniciantes O Squarespace é uma plataforma friendy para usuários, oferecendo uma interface de edição Drag-and-Drop e soluções de comercio eletrônico integradas. No entanto, ele pode ser menos flexível comparado a plataformas mais avançadas. ### Capacidades de e-commerce O Squarespace oferece soluções de comercio eletrônico integradas, com apoio a produtos físicos e digitais, gerenciamento de estoque, opções de envio e diferentes cobranças dependendo do plano de comercio eletrônico selecionado. ### SEO Optimization O Squarespace tem capacidades de SEO limitadas comparadas às outras plataformas, mas os usuários podem otimizar eventos individuais para fins de SEO. ### Preços Os planos de preço do Squarespace variam, com o plano de comercio eletrônico disponível que inclui funcionalidades de armazenamento. taxas de transação podem ser aplicadas aos planos de comercio eletrônico inferiores. ## Wix ### Descrição O Wix é um editor de sites popular que oferece uma interface Drag-and-Drop que é fácil de usar para os usuários criar e personalizar seus sites. Ele também oferece um mercado para integrações, incluindo aplicativos comercio eletrônico. ### Facilidade de utilização para iniciantes O Wix é facil de usar, oferecendo uma interface Drag-and-Drop e um grande número de modelos. Os usuários podem facilmente criar e personalizar seus sites sem precisar de conhecimentos técnicos extensivos. ### Capacidades de e-commerce O Wix oferece planos com funcionalidades de armazenamento de e-commerce incluídas, permitindo que os usuários vendam produtos online. A plataforma oferece gerenciamento de estoque, opções de envio e impostos, bem como aplicativos disponíveis no mercado. ### SEO Optimization O Wix oferece ferramentas de otimização básicas de SEO, mas elas podem seirm limitadas comparadas às outras plataformas. Ele oferece uma SEO Wizard para orientar os usuários pelo processo, com um foco em elementos críticos como título, descrições e tags meta. ### Preços O Wix oferece planos de preços acessíveis com a opção de começar gratuitamente. Os usuários podem upgrader para vários planos de pré-pagamento para obter funcionalidades adicionais, como domínios personalizados e espaços de armazenamento mais extensos. Taxas de transação podem ser aplicadas aos planos de e-commerce inferiores. # Comparação entre ferramentas de construção de websites populares: Wix, Squarespace, Webflow e WordPress Wix, Squarespace, Webflow e WordPress são quatro das ferramentas de construção de websites mais populares. Nesta visão geral, comparei estas plataformas, destacando as características únicas e os casos de uso ideais. ## Wix Wix é uma plataforma versátil, adequada para websites de tamanho pequeno a grande. É uma ótima opção para qualquer pessoa, de indivíduos que querem criar um website simples a empresas e organizações. Sua interface intuitiva facilita a personalização e blogue, e é excelente para vender produtos com esforço mínimo. Um dos principais benefícios do Wix é sua economia. Seu plano mais barato custa apenas $19 por mês, enquanto o plano premium paga $299 por mês. Também precisará orçar o custo da assinatura de domínio, que tipicamente custa entre $10-$15 a cada ano. ## Squarespace Squarespace é muito semelhante a Wix em muitos aspectos, oferecendo uma interface intuitiva para projetar e personalizar seu website. Destaca-se por ter características de layout únicas e a capacidade de hospedar podcasts, entre outros recursos integrados. Embora Squarespace tenha menos plugins que o WordPress, seus recursos pré-integrados podem atender à maioria das suas necessidades, fazendo-o mais simples e flexible. É importante, no entanto, lembrar que a interface de Squarespace está menos focada em efeitos flashy e animations, preferindo manter-se mais enxuta e intuitiva. ## Webflow Webflow se destaca pela sua capacidade de adicionar animações personalizadas e recursos avançados de design. Isso a faz uma ótima opção para criar websites dinâmicos e visualmente impressionantes. Um exemplo das habilidades de Webflow é a reconstrução total do website da Oreo e o website do lançamento do iPhone 14 da Apple, mostrando sua capacidade para animações dinâmicas. A interface de usuário do Webflow faz um equilíbrio entre facilidade de uso (em comparação ao Wix e Squarespace) e a flexibilidade do poder e recursos oferecidos por ferramentas de desenvolvimento mais avançadas. ## WordPress WordPress é uma plataforma de código aberto, o que significa que é gratuito para usar com uma vasta comunidade de desenvolvedores contribuindo para suas opções de integração e plugins extensos. Isso é um dos principais motivos que ele pára uma terceira parte da internet. Porém, ele possui uma curva de aprendizado mais Leste em comparação a Wix, Squarespace, e Webflow. O apoio a WordPress pode ser encontrado em vários fó runems, embora é importante notar que o WordPress em si não oferece suporte telefônico ou de email, pois é uma plataforma gratuita. ## Resumo da Comparação | Plataforma | Ideal Use | | ------------ | ----------------------------------------------------------- | | Wix | Websites de tamanho pequeno a grande para qualquer uso | | Squarespace | Designs limpos e minimalistas | | Webflow | Design avançado e animações dinâmicas | | WordPress | Poderoso e flexível, mas com uma curva de aprendizado mais acentuada | Para uma visão mais detalhada sobre como criar um website em apenas 10 minutos usando o Wix, certifique-se de ver meu tutorial [aqui](https://www.youtube.com/watch?v=7PDGP8mHTA0). Se você gostou deste vídeo, também é um pedido de curtir e inscrever-se. Eu sou Michael Brian com Sand Trail media, obrigado por assistir! --- Vídeo 45: [https://www.youtube.com/watch?v=7PDGP8mHTA0](https://www.youtube.com/watch?v=7PDGP8mHTA0%20(Idioma: en)) Todos os bons-vindos de volta ao canal! Neste vídeo, mostro-lhe como criar um website em apenas 10 minutos. É importante lembrar que este é um projeto de nível baixo de habilidade, portanto é muito fácil, e em 10 minutos você terá um website profissional pronto para sua empresa, campanha de arrecadação de fundos ou evento. Vamos começar! Primeiro, vá para a descrição abaixo deste vídeo e clique no link "Comece seu site Wix aqui". Isso irá trazer você para uma nova aba onde pode criar uma conta na Wix. Quando você tiver sua conta configurada, você verá uma variedade de opções para começar um novo site. Escolha a opção que melhor atenda suas necessidades, como uma empresa, blogue, loja online ou evento. Para este exemplo, escolher o tipo de negócio para Mike's Comedy Barber Shop, continuando de um vídeo anterior. Em seguida, você será solicitado a escolher os recursos que deseja para o seu site. Personalize os seguimentos a seu gosto, garantindo de adicionar o nome da empresa (não o seu domínio). Adicione seu logotipo, endereço, número de telefone, ligações para redes sociais e outras informações relevantes. Escolha seu esquema de texto e cores, e selecione um design para a página inicial. Squarespace só oferece três opções, mas vale a pena personalizar depois. Escolha a que gosta mais e avance. Em seguida, Wix otimiza seu site. Isto pode demorar alguns minutos, mas restate que você terá um website profissional pronto por fim deste vídeo. Vou mostrar como personalizar seu site em detalhes em um tutorial futuro. Boa sorte, e divirta-se na criação de seu site! # Criando um Website em 10 Minutos com o Wix: Um Guia Passo a Passo ## Introdução Este guia te levantará passo a passo a criar um website em apenas 10 minutos utilizando o Wix. Nós cobriremos o processo de projetar uma página simples, customizar o seu layout e ligar um domínio. ## Configurando o seu Website 1. **Criação de um Novo Site** - Registar-se para uma conta Wix se não tiver já uma. - Clique em "Criar um Novo Site" e escolha uma categoria de site que melhor encaixe as suas necessidades (e. g. , Negócios & Serviços). 2. **Selecionando um Modelo** - Selecione um modelo que coincida com os seus requisitos. Para este exemplo, vamos utilizar um modelo projetado para uma barbearia. ## Customização do Site ### Homepage 1. **Editando Blocos** - Clique nos blocos na homepage para personalizá-los. Pode alterar os títulos, descrições, imagens, preços etc. - Para rearranjar blocos, utilize as setas para cima e para baixo ao passar o rato sobre eles, ou adicione novos usando o botão "+". 2. **Personalização de Cortes** - Pode personalizar a seção de cortes adicionando novas opções, alterando preços e descrições. - Pode também substituir as imagens para cada corte com uma biblioteca de imagens importada (e. g. , Google My Business, página Facebook, etc. ). 3. **Adição de um Feed Instagram** - Vá para a secção de Feed Instagram e conecte a sua conta Instagram. 4. **Personalização do Layout** - Pode modificar o layout movendo blocos para cima ou para baixo utilizando as setas para cima e para baixo ao passar o rato sobre eles. ### Modo Móvel - Vá para o modo móvel e ajuste o layout para assegurar que tudo fica certo nos dispositivos móveis. ## Ligação de um Domínio 1. **Subscrever um Plano** - Para ligar um domínio, precisa de subscrever um plano. Escolha um plano adequado e avance com a sua subscrição. 2. **Ligação de um Domínio** - Depois de subscrever, vá para a secção de Publicar e clique em "Ligar Domínio". Siga os passos para ligar o seu domínio. ## Wrap-up Este guia fornece um processo passo a passo para criar um website em 10 minutos utilizando o Wix. Agora tem uma página de um só lado funcional com blocos personalizáveis, um feed Instagram e a capacidade de ligar um domínio. Para uma customização e otimização mais avançadas , considere visitar o vídeo completo no assunto. ## Recursos - [Sitio Oficial Wix](https://www.wix.com/) - [Vídeo 46: 10 Plugins Essenciais do WordPress](https://www.youtube.com/watch?v=izvMXNzJ8bU) (Idioma: en) # Guia para Plugins Essenciais do WordPress Este guia apresenta 10 plugins essenciais para qualquer site do WordPress, cada um deles proporciona vantagens únicas, seja você um começante ou um usuário experiente, um emissário, ou com o objetivo de otimizar o desempenho do seu site. ## 1. Pretty Links Encurte e organize suas URLs para favorecer as conversões com o auxílio deste plugin. Oferece uma versão gratuita e paga, a última providing additional benefits such as geographic redirection. Explanation: If a user clicks on your domain. com/surfboard, the plugin can redirect them to a different website depending on their geographical location. ## 2. Yoast SEO Aumente o desempenho SEO do seu site e melhore seu ranking na Google com Yoast SEO, plugin essential que lhe torna fácil alterar vários elementos e otimizar o site para buscadores. Características importantes incluem: - Edição em bulk - Análise de SEO na página - Análise de conteúdo - Criação de mapas do sítio - Técnico de apoio para mapas XML ## 3. WooCommerce Transforme um site do WordPress numa loja online com WooCommerce. Este plugin poderoso oferece recursos semelhantes a Shopify e BigCommerce, permitindo que você gerencie produtos físicos ou digitais, merchandising, drop shipping, entre outros. ## 4. Elementor Crie um site WordPress muito bonito e profissional com a ajuda do construtor adesivo disponibilizado por Elementor. Similar a Squarespace e Wix, Elementor torna o trabalho simples de criar páginas personalizadas, postagens de blog, modelos, pop-ups, entre outros recursos. ## 5. Smush Melhore o tempo de carregamento de página e rankings na Google utilizando o poder de Smush. Este plugin remove metadados indesejados das imagens, habilita o carregamento indolente, e optimiza o site para tempo de carregamento mais rápido. ## 6. WordFence Adicione uma camada adicional de segurança a seu site do WordPress com WordFence, solução de muros de fogo e segurança. Fornece proteção contra hackers e mostra lhe os tentativas de logins falhou, entre outros recursos. ## 7. WP Forms Personalize e gerencie formulários no seu site usando WP Forms. Coleta e-mails ou informação, e crie formulários de contacto, pesquisas, enquetes, entre outros recursos, para interagir de forma efetiva com seus visitantes. ## 8. MonsterInsights Obtenha detalhados dados e insights sobre o desempenho do seu site com MonsterInsights. Este plugin liga seu site WordPress a Google Analytics, fornecendo dados de uso fácil de compreender no painel do WordPress. ## 9. Google Search Console Melhore a sua compreensão do desempenho de seu site na Google com Google Search Console. Supervisione o tráfego de busca, impressões, clics e posições, e obtenha insights sobre as palavras-chave e engajamento dos usuários. ## 10. Constant Contact Markete seu restaurante com eficácia com Constant Contact, uma opção popular de marketing por e-mail. Seu plugin funciona perfeitamente com WordPress, expandindo seu alcance e ajudando-o a interagir de forma mais eficaz com seus clientes. Esperamos que este lista de plugins essenciais do WordPress seja útil para si. Não stomache em comentar com seus plugins favoritos ou aqueles que estaríamos deixando de lado! **Obrigado a [@Santro Media](https://www.youtube.com/watch?v=r18T7iBa-9A) por me permitir utilizar seu conteúdo para criar esse tutorial em português**. [Vídeo original: YouTube](https://www.youtube.com/watch?v=r18T7iBa-9A) Se você possui um restaurante, precisa de um site e isso pode parecer intimidantes pois talvez você não saiba como criar um site ou, além disso, há tantas opções. Mas isso ocorreu porque, especialmente agora com tudo o caos acontecendo, as necessidades do seu restaurante provavelmente mudaram um pouco. Alguns restaurantes agora querem oferecer pedidos online, entrega e retirada na loja. Alguns querem vender por traders já ou wine box subscriptions. Todo o tipo de coisas para gerar algum rendimento adicional e manter o seu negócio funcionando. Em suma, vou mostrar-lhe tudo o que precisa saber para criar um site completo e que funciona para você. A coisa destacar é que esteja feliz no que você escolher porque todo mundo tem opções únicas e você precisa optar pela melhor opção. **Atenção! ** Estás a ler uma tradução ( automaticamente gerada ), se houver algum erro ou imprecisão, tente ler a correspondente versão original em seu idioma nativo. Além disso, gostaria de agradecer a [@Santro Media](https://www.youtube.com/watch?v=r18T7iBa-9A) por me permitir usar o seu conteúdo para criar esta tradução em português. [Vídeo original: YouTube](https://www.youtube.com/watch?v=r18T7iBa-9A) # Configurando um Website de Restaurante com Square Online Neste guia, vamos te guiar para a configuração de um Website de Restaurante com Square Online. Aqui está uma lista passo a passo do processo: ## Criando Seu Site 1. Primeiro, introduza o seu nome e dados de acesso para começar. 2. Em seguida, forneça o nome da sua empresa. Neste exemplo, usamos "Restaurante Central". Você pode opcionalmente adicionar o CNE se quiser, mas isso não será feito aqui. 3. Pulo o passo de receitas, pois também é opcional. Clique em "Continuar. " 4. Escolha o tipo de negócio que você está operando, neste caso "Restaurante". 5. Seja específico sobre o tipo de restaurante que você está operando. Nosso exemplo é "Restaurante de Mesa". 6. Forneça o endereço do seu restaurante (por exemplo: "123 Rua Ampler"). 7. Adicione a sua endereço caseira se necessário. 8. Decide sobre os itens que você quer vender no seu site: itens físicos, serviços, ingressos ou itens de menu para encomenda online. 9. Escolha as opções que se aplicam a você e clique em "Continuar. " 10. Espécifique os métodos para a realização de ordens (transportar, permitir entrega ou retirada). 11. Se necessário, deixe as opções de transporte como estão, pois você pode alterá-las mais tarde. 12. Escolha a "Página Inicial + Página de Pedidos" 13. Isso dará a você várias páginas no site, como uma página de menu, uma página "Sobre Nós" e uma página de Pedidos. 14. Faça-se familiarizado com o painel do Square Online e seus recursos. ## Personalizando Seu Site 1. Personalize o layout do seu site, incluindo os recursos que você quer exibir e a sua ordem. 2. Configure sua barra superior escolhendo um logotipo para o upload. 3. Escolha um estilo (moderno, clássico ou elegante) e um esquema de cores para o site. 4. Conecte seu domínio, através de ataação de um existente ou compra de um novo através do Square Online. ## SEO e Pesquisa de Palavras-Chave 1. Otimize o seu site para melhorar a sua visibilidade e posição na pesquisa. 2. Use uma ferramenta, como o SCM Rush, para pesquisa de palavras-chave e auditoria do SEO do seu site. (Um link para o SCM Rush pode ser encontrado nas descrições abaixo) Com estes passos, você terá um site de restaurante funcionando com Square Online configurado, permitindo que seus clientes façam pedidos online para retirada, entrega ou transporte. Boa sorte e lembrando de assinar a nossa canal para mais dicas úteis e tutorials! # Customizando o seu site da Squarespace para Restaurantes Este guia vai mostrar-lhe como aumentar o ranking no Google e personalizar o seu site da Squarespace para restaurantes. Caso não tenha sido possível aceder ao modo rápido de setup, pode executar todas as ações deste local. ## Movendo Elementos para Cima e Para Baixo 1. Posicione o cursor sobre a faixa azul destacada até aparecer o ícone de menu. 2. Clique e arraste a faixa para cima ou para baixo para mudar a sua localização. ## Excluir ou Duplicar Elementos 1. Clique com o botão direito no elemento que deseja excluir. 2. Selecione "Excluir" para excluí-lo. ## Adicionar uma Secção Nova 1. Clique em "Adicionar Secção". 2. Escolha a opção desejada (por exemplo, Texto e Imagem). 3. Personalize o layout e o conteúdo da secção. ## Personalizando Secção de Texto e Imagem 1. Clique na secção para a editar. 2. Personalize o layout ou o conteúdo dentro da secção. 3. Guarde as suas alterações. ## Personalização da Barra Principal 1. Adicione uma nova imagem de fundo. 2. Ajuste a transparência ou o contraste. 3. Personalize a linha de cabeçalho e o botão. ## Itens de Menu Destacados 1. Crie primeiro os itens de menu. 2. Personalize o título da secção e o estilo geral. ## Criando Itens de Menu 1. Dê um nome ao item de menu. 2. Adicione uma imagem e um preço. 3. Selecione "Retirada na loja" ou "Cozinha". 4. Guarde as suas alterações. Repita estes passos para adicionar mais itens de menu destacados. --- Mantenha uma estrutura clara, gramática correta e termos técnicos em inglês. Este guia deve servir como ponto de partida para personalizar o seu site da Squarespace para restaurantes. Explore as várias opções para criar uma apresentação online única e atraente para o seu restaurante. # Guia de Configuração de Website de Restaurante ## Criando Itens do Menu Eu tinha um, este será um prato assado, e este outro será 25. Vamos apenas colar algumas informações adicionais aqui. ``` algum coisas. . . ``` Vamos salvar isso e chamá-lo de nossa segunda opção de menu. Vamos adicionar outro item de menu. Este será um cheesesteak (cheesesteak de Philly). Este será o clássico, com preço de $9. Penso que tenho uma imagem pasteado abaixo para isso. [Imagem] (Opção de link da imagem) Quando tiver todos os itens de menu desejados, você pode subir e clicar em "Salvar". Todos eles aparecerão aqui. Pode ajustar a aparência destas imagens lá também, mas honestamente, acho que isso é uma boa start para um website de um restaurante. ## Personalização de Itens do Menu Nesta secção, pode rearranjar os itens de menu clicando e arrastando o ícone de hambúrguer next to them up and down. Por exemplo, vamos fazer o cheesesteak a primeira opção de menu e o filet a segunda. ## Conectando a Conta do Instagram Clique em "Instagram" para conectar a sua conta do Instagram. Isso é facilmente feito inscrevendo-se. Depois de se inscrever, a sua conta pessoal aparecerá aqui. ## Configuração da Localização e Horários Personalize a localização e horários a seu gosto. Por exemplo, pode definir a localização como `123 South Street, Philadelphia`. Você também pode ajustar o nível de zoom do mapa de acordo com sua preferência. ## Personalização da Marca da Rodapé A marca da rodapé pode ser personalizada, mas não pode ser removida se estiver usando a versão gratuita. Pode alterar coisas como o logotipo, opções de navegação, ícones e links externos. Por exemplo, pode vincular as suas contas do Instagram e Twitter. ## Visualização em Dispositivo Móvel Garanta-se de verificar a visualização em dispositivo móvel, pois muitos clientes verificarão o website do seu restaurante em seus celulares. Pode alternar entre visualização em dispositivo móvel e de escritório clicando no drop-down menu. ## Adicionando Testemunhos Clique em "Testemunhos" para adicionar testemunhos de clientes. Pode personalizar o layout e adicionar vários testemunhos com imagens. ## Personalização de Outras Páginas Pode personalizar outras páginas, como a "Página Sobre Nós". Para isso, adiciona uma nova página e escolha um modelo que se adapte às suas necessidades. Você pode então personalizar o texto e imagens dentro da página. ## Publicando o Sítio Web Finalmente, clique em "Publicar" para publicar o website em um domínio de teste. Desses, pode adicionar mais páginas e continuar a personalizar o sítio web de seu restaurante. # Ajustando o seu site de restaurante: SEO e Meios Social Esta seção lhe orientará sobre a configuração do site do seu restaurante para uma otimização melhorada do SEO e da compartilhagem em redes sociais. ## SEO (Otimização para Engines de Pesquisa) 1. **URL/Domínio: ** Aqui, pode alterar o URL do seu site ou domínio, conforme necessário. Alterar o título do site também está disponível - garanta que esteja relevante para o seu restaurante e a sua localização. 2. **Icone: ** Para adicionar um ícone ao seu site, pode atualizar o seu perfil para ter acesso a essa funcionalidade. O ícone será exibido ao abrir uma nova guia, semelhante ao ícone de Amazon. 3. **Fazer o site visível: ** Para tornar o site visível a motores de busca, mantenha esse parâmetro como está. 4. **Configurações de SEO: ** Na parte de configurações de SEO, pode personalizar como o menu aparecerá no site. ## Customização do menu 1. **Selecionando exercícios: ** Pode selecionar todos os pratos que criou, alterar os preços e descrição, conforme necessário. 2. **Categorias: ** Categorize os pratos baseando-se nos critérios como tamanho (por exemplo, Meia Sandwich, Sandwich completo). 3. **Opções e preços: ** configure as opções para os pratos, como tamanhos variáveis, detalhes personalizáveis ou modificações disponíveis. ## Redes Sociais 1. **Integração com redes sociais: ** Se desejado, integre o site com plataformas de redes sociais como o Facebook, Twitter ou Instagram. Isso permitirá compartilhar o conteúdo diretamente do site. ## Imagens 1. **Imagem principal: ** adicione uma imagem apelativa para cada prato no menu, esta será exibida quando a página for compartilhada nas redes sociais. Após personalizar o seu site, não esqueça de publicar as alterações para que as mudanças tenham efeito! Siga estes passos para publicar o seu site: 1. Clique no botão Sair do Editor para voltar ao painel principal. 2. Publique novamente o site clicando no botão Publicar, assumindo que o tráfego do site não seja alto. 3. Atualize regularmente o site para manter-o atualizado. Agora que aprendeu essenciais da customização do site do seu restaurante, paty em adiante e adicione mais páginas, se necessário. Se tiver mais dúvidas sobre a customização de outras funções como Cartões de Presente, Contato ou Integrações, resista-se a perguntar! 🎉 же # Vídeo 48: Criação de um Site Web Profissional em G Ambiente Mais Fácil, Inexpenso e Poderoso Este vídeo vai mostrar-lhe como criar um site web profissional de forma fácil, barato e poderosa. Acreditamos que é a combinação mais desejada, uma que não era frequentemente discutida, pois, normalmente, você precisava escolher entre WordPress ou um construtor de websites. Website Builders como Wix e Squarespace costumam ser mais caros, em torno de €20 a €30 por mês, mas são muito fáceis de usar. Por outro lado, WordPress é mais barato e significativamente mais poderoso, mas também tem uma curva de aprendizado mais acentuada, o que não é sempre fácil para os iniciantes. Agora, finalmente, temos uma solução que está no meio: ela é o Hostinger Website Builder e é um construinte de websites, simples, drag and drop, bem-sucedido para iniciantes, mas ao mesmo tempo é bastante poderoso e muito barato, justamente como WordPress. Se você decidir que realmente cresceu para além desta solução, pode migrar para WordPress com apenas um clique de botão. É muito fácil fazer isso. É também por isso que acreditamos que o Hostinger Website Builder é uma excelente solução para qualquer tamanho de website, seja você um iniciante, uma pequena empresa looking for um painel de vendas, um portfólio pessoal ou mesmo tentando atingir um website grande ou oportunidades comerciais. Neste vídeo, teremos um passo a passo tutorial completo. Então, é hora de começar! Iremos para [o site dos amigos de Mike](https://santamedia.com/hostinger) ou você pode clicar no link na descrição. É um link de afiliação, portanto, para nenhum custo extra por você. Você mesmo estará ajudando o canal pelo qual os vídeos gratuítos continuam a ser produzidos e, ao mesmo tempo, estará obtendo um excelente desconto. Apesar de uma alerta que aparece à primeira vista, clique em Website Builder Hosting ou em Website Builder e você verá dois planos de opção. Estamos obtendo 75% de desconto e também haverá um desconto adicional, que iré discutir aqui em seguida. Este é o melhor desconto que você encontrará no mercado inteiro, a garantia! Escolha o plan e você terá algumas opções para o prazo do site. Se o site for destinado a uma duração longa e você tem certeza disso, é aconselhável escolher 48 meses a fim de ter uma desconto adicional de 10%. Os detalhes aparecem em seguida. Agora, é para criar uma conta. Antes de chegar à liberação do pagamento, clique em "Tem código de desconto" e insira o código SANTELL10. Isso dará um desconto adicional de 10% sobre os 4 anos. Você está salvando 74% neste plano de 4 anos e pagando um total de €172, 37. Havia dois maneiras de criar seu site. Você pode utilizar as ferramentas de criação automatizada nesta página ou escolher um template pré-feito. É importante verificar essas duas opções antes de decidir. Usando a ferramenta automatizada, é possível escolher o tipo de site que você deseja criar, por exemplo: uma loja local que vende itens online, como uma café e, por vezes, vende café em pó também. Basta escolher “Loja On-line” como um opção de início. Em seguida, escolha o nome do site Tradutor de Texto: # Gerador de Sites: Uma Guia Simples para a Edição de Seções Aprenda a editar, personalizar e manipular seções no ferramento de gerador de sites. Este plataforma fácil de usar simplifica o processo de design, oferecendo-lhe controles rápidos e eficientes para vários componentes. ## Editar a Seção 1. Clique em **Editar Seção** no painel direito, o que permitirá gerenciar a seção que foi selecionada. - Alterar fundo: Modifique o fundo para a sua seção; escolha uma cor simples ou use uma imagem de fundo. ! [fundo](https://example.com/imagem_de_fundo) - Editar Layout de Grade: Personalize a altura da linha e a distância entre as linhas para criar a configuração desejada da layout. - Altura da Linha: Determina a altura total da linha. - Distância entre as Linhas: Ajuste o espaço entre as linhas individuais. ## Adicionar Elementos Por clicar em `Adicionar Elemento` no painel de esquerda, é possível adicionar: - Texto, imagens e subtítulos - Botoão - Galeria - Vídeo (funciona de maneira semelhante à imagem, mas possui propriedades adicionais) - Feed de Instagram - Botao de Inscrição - Formulário de Contato - Icones Sociais - Formas Geométricas - Mapa - Produtos - Assistente AI - Código Customizado Inserido --- Vamos olhar um exemplo prático: adicionar um botao dentro da sua seção utilizando os seguintes passos: 1. move o cursor dentro da área da seção. 2. Clique e arraste o elemento de Botao do painel de esquerda para o editor. ! [inserir botao](https://example.com/imagem_de_botao_adicionar) 3. Duplique o clique do dois botsões na parte superior do elemento de Botao ## Personalizar os Estilos do Site Personalize os estilos gerais do site, modificando os recursos como o esquema de cores e fonte no `Estilos do Site` em painel de esquerda. Aplique alterações consistentes no design antes de construir a estrutura para economizar reajustar o trabalho mais tarde. --- Isso é apenas uma resumo da edição de seção e da utilização de alguns recursos clave. Você pode personalizar a sua página de acordo com as suas preferências e requisitos específicos. Torne-se um profundo explorador das possibilidades da plataforma para criar páginas web profissionais! Para referência, consulte o texto original a seguir do MarDown abaixo. move tudo em redor (pois é um gerador de sites, isso é muito fácil de fazer se eu decidir que quero esta imagem um pouco mais para a direita eu posso clicar nele e posso simplesmente arrastar para a direita muito fácil de fazer você verá que coisas estão afixadas a uma grade portanto se quero editar a grade desta seção ou realmente qualquer coisa sobre esta seção podemos clicar em Section no painel de direita, vamos ver isso virá para escena nós podemos editar a seção, podemos duplicar a seção, podemos ocultar a seção e falarei sobre isso em breve mas primeiro editando a seção se primeiro de tudo alterando a grade se fá-lo diretamente layout você pode optar pelo altura da linha e a distância entre as linhas essencialmente seja o que a grade parece quando arrastamos isso por onde queremos que coisas sejam fixadas assim. outras coisas que podemos editar com esta seção, agora simplesmente clicar em Edit Section podemos optar maior fundo - modificar o fundo para a sua seção; escolha uma cor simples ou use uma imagem de fundo. ! [background](https://example.com/imagem_de_fundo) - Editar Layout - personalizar a altura da linha e a distância entre as linhas com este layout personalizado # Como Inserir e Personalizar Feeds de Redes Sociais no Seu Website usando Brevo e MailChimp ## Inserindo um Feed do Instagram 1. Navegue para a seção onde deseja adicionar o feed do Instagram. 2. Arraste e solte a opção `Código Embed` para a localização desejada. 3. Selecione `Feed do Instagram` entre as opções disponíveis. 4. Ajuste o tamanho se necessário, arrastando as bordas. 5. Clique no feed do Instagram embutido, então `Editar Feed`. 6. Conecte a sua conta do Instagram iniciando sessão, e o feed aparecerá no seu website. ### Vantagens - Manter o seu website atualizado com esforço mínimo. - Compartilhar atualizações sobre horários de funcionamento, promoções e promoções. - Economizar tempo exibindo o feed do Instagram no seu website. ## Navegando pelas Páginas e Personalizando o Menu 1. No lado esquerdo, navegue para `Páginas e Navegação`. 2. Edite a página principal `Home` clicando nele. 3. Pode encontrar outras páginas clicando nele. Cada clique o leva para a página respectiva. 4. Para reorganizar as páginas, basta arrastar e soltar as mesmas de acordo com a sua preferência (por exemplo, mova `Agendar uma Mesa` para o topo). 5. Se desejar mostrar páginas ocultas na navegação, como `Home`, arraste e solte-as para a seção `Navegação Principal`. ### Criando Subpáginas - Para criar uma subpágina sob uma página principal, como `Menu` sob `Home`, arraste e solte a página para a direita. - Quando alguém passa o cursor sobre a página principal, a subpágina aparecerá abaixo. ### Adicionando Links Adicionais e Personalizando o Menu 1. Clique em `Adicionar um Link` para criar um novo link. 2. Insira o nome do link, como `YouTube`. 3. Insira o endereço web, como `youtube. com/sandilmedia`. 4. Defina o link para abrir em uma nova guia (opcional). 5. Salve o novo link. 6. Arraste e solte o novo link para a sua localização desejada, como ao lado do menu em um dropdown. 7. Também pode adicionar outros links, como `Ligue Agora` com um número de telefone, seguindo os passos semelhantes. Assim é como você pode personalizar o menu de seu website e adicionar páginas, links e feeds de redes sociais. Boa sorte! 🏗️ # Produto Digital: Receitas de café em eBook Neste tutorial, vamos adicionar um novo produto à nossa loja on-line. Também vamos apresentar alguns opções adicionais aqui. Talvez um produto digital seja chamado de *Receitas de café*. É possível carregar uma imagem aqui. (Adicione aqui uma imagem correspondente ao seu eBook de receitas de café). O arquivo deve ser enviado para baixo no lugar. (Adicione aqui o link para o arquivo que seu eBook de receitas de café). O preço deste eBook pode ser definido como um valor tipo € 295. ## Lista de materiais: - Correção de erros de pontuação e gramática - Organização em seções claras - Aplicação de estrutura Markdown - Mantenimento de URLs e referências - Aplicação de listas e itens em destaque ## Produto #2: Aula de Barista Nós adicionaremos um produto extra chamado *Aulas de Baristas*. Podemos selecionar uma imagem aqui, sugerimos uma imagem representativa de uma aula de baristas. Nesta página, prezará-se pela definição do preço, das condições de disponibilidade, duração, endereço e horário disponíveis. Por exemplo: * Preço: € 45 por pessoa * Duração: 60 minutos * Local: Santal Coffee Co, Rua Sul, Philadelphia * Disponibilidade: 8: 00 a. m. a 5: 00 p. m. , de sistemática de segunda-feira a sexta-feira * Condições: 1 hora antes da aula Se necessário, você pode editar a disponibilidade por dia. Além disso, você pode editar o tempo livre para saber quando você estará longe dos negócios e impedir a agendação de aulas durante esse horário. ## Configuração da forma de pagamento Desde que os pagamentos tenham sido configurados, os pagamentos podem ser aceitos de várias formas. Resumos abaixo as maneiras de aceitar pagamentos: 1. Pagamento manual em caixa: o pagamento é feito na entrega do produto para o cliente. 2. Pagamento eletrônico: o pagamento é feito online. É possível aceitar pagamentos através de facilitadores de pagamentos online como Stripe e PayPal. Para configurar as formas de pagamento, clique em "Configurações". Certifique-se de que você já tenha definido a informação de contato e o centro de dados cobradores de impostos necessários. ## Processo de implantação do domínio Para configurar o seu domínio, você precisará criar um novo domínio. 1. Clique no botão "Criar site" no canto superior direito da tela do seu painel de controle. 2. Digite seu nome de domínio. 3. Selecione o domínio que está disponível. 4. Clique em "Registrar". Depois de registrar o domínio, confirme o seu endereço de email antes de começar a configurar o site. Agora, para finalizar a configuração do site, clique em "Configurações do site". No separador "Configurações Gerais", selecione uma imagem para sua favicon. Além disso, você pode adicionar um link para o seu logotipo e paginas de termos de serviço e política de privacidade. Agora, você pode continuar operando sua loja on-line e aceitar pagamentos online através do seus produtos e serviços. # Guia de Configuração do Site da Sandal Coffee Co **Ativação do Banheiro de Cookies** Adicione algum texto de descontracto no banheiro de cookies. Você pode incluir `www` se desejar, embora eu costumei não usá-lo em sites que gerencio. Geralmente deixo o toggle do banheiro de cookies desligado, mas a decisão é a sua. **Configurações Gerais** - Clique nos três pontos no canto superior direito. - Navegue até **Configurações Gerais**. Estamos bons aqui. **Integrações** - Desrole para **Integrações**. Isso pode integrar-se com diversas outras ferramentas. Eu recomendo fortemente configurar o **Google Analytics** (a ferramenta mais importante que você poderá fazer). Na aba de um novo navegador, vá para o Google e procure por Google Analytics. Clique no link e segua as instruções para configurar. Conecte sua Conta Google e insira o ID do Google Analytics referente em seguida. - Se você estiver realizando publicidade em Meta (Facebook), Instagram, ou outras plataformas, você desejará adicionar um **Pixel de Facebook**. É neste lugar que você pode inserir seu ID do pixel. Eu falo sobre isso em meu vídeo sobre anúncios do Facebook. - Como o Pixel do Facebook, se você desejar publicar anúncios no seu site deliberamente utilizando Google AdSense, pode configurar isso aqui. **Submissões de Formulário** - Volte para mais configurações e continue desrolando. Encontrará **Submissões de Formulário** aqui. Se alguém enviar um formulário (como um formulário de inscrição ou de contato), você vai ver tudo aqui. Eu pessoalmente aconselho configurá-lo através de algo como MailChimp ou outras plataformas. **Publicação do Site** - Seu site ainda não está publicado (embora tenha sido salvo). Clique em **Vá ao ar** para publicar o site no seu domínio. **Conectando o Domínio** - O domínio ainda não está conectado. Vá para **Conectar Domínio**, clique em **OK**. Se ele diz **Domínio Não Conexo**, mas o seu site parece bom, isso pode ser porque não confirmou o endereço de email. **Personalização do Site em Móvel** -Desrole para **Personalização do Site em Móvel**. Aqui você pode personalizar o site em móvel para atender às suas necessidades. Por exemplo, você pode ocultar elementos que parecem grandes em tamanho no móvel. **Configurações de SEO** - Clique em **Configurações Avançadas** e naavegue até **Configurações de SEO**. Em suma, é aqui que você pode aparecer na Google (o ranking da Google é essencial para a maioria das empresas para tráfego gratuito de visitantes genuinamente interessados). - Você pode utilizar o **Assistente de SEO AI** para ajudar a construir a sua SEO. Inicie-o tendo que clicar nele, e clique em **Nome da Marca** (Sandal Coffee Co) e escolha seus termos-chave. Personalize a sua SEO para cada página, garantindo que tenha um bom nome, descrição, e descrição de meta para cada uma. **Múltiplos Idiomas** - Isso permite que você tenha diferentes idiomas no seu site, se necessário. Escolha o idioma de origem (por exemplo, Inglês) e adicione outros idiomas conforme necessário. **Gerenciamento de Backups** -configure as cópias de segurança para garantir que o seu site seja seguro. As cópias de segurança devem ser feitas automaticamente a cada dia e armazenadas por 30 dias. **Exportando Conteúdo para WordPress** - Se você crescer para além desta plataforma e quer se mover para WordPress, pode fazer isso de forma simples nesta interface. O Hostinger também oferece hospedagem para WordPress (preços similares). **Adicionando Elementos** - É possível adicionar elementos ao seu site clicando em **Adicionar** e escolhendo o que gostaria de adicionar (como forma, imagens, ou outros elementos). **Alternando Entre o Gestor do Site e o Gerenciador de Loja** - Você pode alternar entre o gerenciador do site e o gerenciador de loja destacando a opção adequada na parte superior à esquerda. **Configuração de Email** - Eu altamente recomendo a configuração de seu Email através da plataforma (por exemplo, `mike@sandellcofco. com`). É um toque profissional que vai longos caminhos quando se comunica com fornecedores e outras empresas. Siga as instruções para configurar o seu email. # Vídeo 49: Construir um Website em 10 Minutos ou Menos (Parte 1) Conheça esse vídeo que mostra passo a passo como construir um website em 10 minutos ou menos. Este vídeo inclui todas as etapas do processo para que você possa construir um website para a sua empresa sem precisar de um profissional e com custos muito baixos. Inscreva-se no canal para mais vídeos semelhantes e comece. ## Etapa 1: Domínio e Hospedagem Primeiro, é necessário criar o seu website e decidir onde ele será criado. Neste vídeo, recomendamos o uso do `Siteground` para criar seu website. Se você quiser seguir este vídeo, é possível clicar no link na descrição dessa página para obter um desconto especial para o `Siteground`, que é uma empresa de hospedagem de website muito recomendada. Aqui está o link para o site do `Siteground` (Idioma: en): https://www.siteground.com/ Para o preço de 6. 99 (preços que podem mudar quando você estiver assistindo), você receberá hospedagem para o seu website com o `Siteground`, que é uma das empresas de hospedagem de website mais reputadas. Este vídeo vai construir esse website usando `WordPress` no `Siteground`. Se você estiver ficando confuso, siga ao longo e prometo que isso funcionará. Para começar, você pode escolher um dos planos pré- embaralhados, como o `Grow Big Plan` ou `Go Geek Plan` para dar uma variedade completa de recursos desde o início, mas para este vídeo, é recomendado iniciar com o `StartUp Plan`. ## Etapa 2: Registo do Domínio Agora, você precisará registar o seu domínio. Se já possuir um domínio, poderá utilizar-lo. Caso contrário, precisará registar um novo domínio. Por exemplo, se desejar registar um nome de domínio já utilizado, pode tentar `central-media-tutoriais. pt` (uso deste domínio neste vídeo). Se este nome de domínio estiver disponível, poderá registá-lo logo no `Siteground`. ## Etapa 3: Conclusão da Compra Para finalizar, escolha um dos planos de hospedagem e siga os passos solicitados para concluir a compra. Se quiser, pode prorrogar a hospedagem para 2 ou 3 anos a um custo ainda menor. ## Etapa 4: Instalação de WordPress Agora é hora de instalar o WordPress em seu website. Irá receber assistência com esse passo caso não tenha experiência. ## Etapa 5: Configuração e Montagem do Seu Website Após a instalação do WordPress, poderá começar a montar seu website de acordo com as suas preferências e necessidades. Serão oferecidas muitas opções de temas para personalizar seu website. Uma opção popular é o tema `Astra`. Agora é hora de começar a construir o seu website com o `Siteground` e o `WordPress`. Boa sorte! Por favor, deixe saber se tudo ficou claro para você e diga para qual tipo de website você vai construir na seção de comentários. Obrigado pela atenção e volte em breve! 😊 😊 # Identidade do Site Altere o logotipo desejado. ``` Ex. : <img src="URL" alt="Descrição do logotipo"> ``` Altere o título do site. Por exemplo, "Tutoriais Centrais". ``` # Tutoriais Centrais ``` ## Seção Principal Nesta seção, podemos realizar alterações na identidade do site. Isso pode ser facilmente feito através do editor e publicando as alterações. ## Alterando o cabeçalho principal e o menu Você pode desejar alterar o cabeçalho principal e o menu principal do site. Por exemplo, eliminar alguns elementos não necessários como as últimas comentários. > ** Ave atenção**: Você pode alternar (visualmente) com algumas opções no editor para verificar o resultado antes de publicar as alterações. ## Adicionando páginas Na seção de "Páginas" você pode adicionar novas páginas ao seu site, por exemplo: uma página principal (Início) e uma página de postagens (Blog). --- ## Instalando plugins **Útil para acelerar o processo de projetar o seu site. Os dois plugins importantes para este tutorial são: ** 1. **Elementor: ** Ferramenta para projetar páginas e templates de WordPress. Apresenta versões gratuita e paga. 2. **Envato: ** Fornece vários modelos pré-fabricados para acelerar o processo de projetar o seu site. Você pode encontrar mais informações sobre os plugins úteis em nossos outros vídeos. --- ## Projetando a sua página inicial Você pode iniciar a projetar a sua página inicial a partir da seção de "Páginas". No nosso exemplo, estamos iniciando a projetar o "*Home*". Para projetar a sua página: 1. Clique em "Editar com Elementor". Nesta etapa, você terá acesso a ferramentas para projetar a sua página de forma fácil e intuitiva. Por exemplo, para criar um título, você pode arrastar e soltar uma caixa de título em seu projeto. O Visual Ização do "<envato>" será apenas disponível após a instalação do mesmo. Este botão fornecerá várias opções de modelos a serem utilizados para projetar rapidamente a sua página de acordo com suas preferências. Após selecionar um modelo apropriado, é necessário clicar em "Instalar kit" e "Visualizar" para aplicar o template ao seu site. ## Conclusão da construção da sua página inicial Depois de aplicar o template ao seu site e editar algumas pequenas alterações (por exemplo, mudando o título do site para algo como "Tutoriais de Santrell"), é necessário clicar em "Salvar" e então "Publicar" para publicar as alterações em seu site. Ao seguir esses passos, sua página inicial terá sido criada e pronta para uso! --- ## Outras referências úteis - [Vídeo 50: ](https://www.youtube.com/watch?v=lFoq5UnMXTY) (Sem transcrição disponível)