Inglês Instrumental e Webdesign

Centro de Educação Tecnológica 51

52 Inglês Instrumental e Webdesign

Se você obter um erro sobre o banco de dados quando acessar o site: • Volte alguns passos e não se esqueça de ter em mãos todas as informações do banco de dados e que tudo foi digitado corretamente em wp-config.php. • É comum confundir as informações sobre o banco de dados, veja que cada informação geralmente não se repete. Por exemplo, nome de usuário nunca é o mesmo que nome do banco de dados. • Certifique-se de que o servidor de banco de dados existe e está funcionando. Centro de Educação Tecnológica 53

Usuários do Wordpress Inglês Instrumental e Webdesign O WordPress usa um conceito de Papeis (em inglês, roles), destinado a dar ao proprietário do blog a capacidade de con- trolar e atribuir que os usuários podem e não podem fazer no blog. O proprietário de um blog pode gerenciar e permitir o acesso a funções como escrever e editar posts, criação de pá- ginas, a definição de links, criação de categorias, moderação de comentários, gerenciamento de plugins, gerenciamento de temas e gerenciamento de outros usuários. A ferramenta que dá ao proprietário do blog deste controle é a capacidade de atribuir um papel a um usuário. Os papeis e capacidades do usuário do WordPress lhe dão a habilidade de controlar o que outros usuários podem ou não fazer em seu site. Você pode usá-los para gerenciar ações dos usuários, como escrever e editar posts, criar novas páginas, moderar comentários, instalar plugins, adicionar novos usuá- rios, e muito mais. A compreensão das funções e permissões dos usuários é es- sencial para gerenciar qualquer site WordPress. Por exemplo, se você estiver construindo um site para um cliente, você não quer que ele edite ou altere o tema instalado. Da mesma for- ma, é insensato deixar que os autores de um blog multi-autor instalem ou removam plugins. 54

O WordPress tem seis papeis pré-definidos: SuperAdmin, Ad- res ou ser uma equipe de conteúdo unipessoal. ministrador, Editor, Autor, Colaborador e Assinante. Cada papel • Autor: Como o nome sugere, qualquer usuário com uma tem permissão para executar um conjunto de tarefas chamado Capacidades. O padrão das Capacidades é pré-designado para função de Autor pode criar, editar e publicar postagens. cada papel. Um papel de usuários define o conjunto de tarefas Eles também podem carregar arquivos de mídia e excluir que um usuário tem permissão para executar. Por exemplo, o seus próprios posts, mas não podem criar páginas ou edi- Super Admin engloba todas as tarefas possíveis que podem tar os posts de qualquer outra pessoa. ser realizadas dentro de um blog WordPress. Por outro lado, • Colaborador: Alguém que pode escrever e gerenciar seus o Autor permite a execução de apenas um pequeno subcon- posts, mas não publicá-los. Eles podem salvar rascunhos junto de tarefas. de seus postos ou enviá-los a um Editor ou a um Adminis- trador para revisão e publicação. • SuperAdmin: Alguém com acesso à administração da rede • Assinante: Alguém que só pode gerir seu próprio perfil. do blog (caso você esteja rodando uma instância Multisi- Como o próprio nome diz, a função de usuário assinante é tes do WordPress), possuindo o controle de toda a rede. bastante útil se você exigir que os usuários efetuem login antes que eles possam ler uma postagem ou deixar um • Administrador: O WordPress atribui ao primeiro usuário comentário. de qualquer instalação em um único local a função de Ad- ministrador. Ele fica no topo de todas as outras funções Adicionando um novo usuário do usuário e tem acesso a todas as capacidades defini- das pelo WordPress. Esta é a função mais poderosa e é O papel é um campo fundamental ao adicionar um novo usuá- atribuída quando você instala o WordPress pela primeira rio e é crucial que ele seja configurado corretamente para evi- vez. Provavelmente, você mesmo é o administrador. Isto tar que o novo usuário acesse e altere as configurações princi- permite um controle completo sobre todos os aspectos e pais de seu site. Siga estas etapas para criar um novo usuário configurações do seu site. do WordPress e atribuir o papel desejado: • Editor: Um editor cuida do gerenciamento do conteúdo 1. Faça login no painel de controle e selecione Usuários> de um site WordPress. Eles podem criar, modificar, publi- Adicionar novo no menu do lado esquerdo. car ou excluir posts e páginas, mesmo aqueles que são criados por outros usuários. Os editores não podem to- 2. Preencha o formulário – adicione seus dados pessoais, mar ações de administração do site, tais como a instala- como nome de usuário, primeiro nome, sobrenome e en- ção de plugins e temas. Sua principal responsabilidade é dereço de e-mail. supervisionar o trabalho de outros autores e colaborado- 3. Crie uma nova senha clicando em Mostrar senha (opcio- Centro de Educação Tecnológica 55

nal – o novo usuário poderá alterá-la mais tarde). Neste painel você pode alterar sua senha, ativar atalhos de 4. Escolha a função (papel) de usuário do WordPress deseja- teclado, mudar o esquema de cores de suas telas de adminis- tração do WordPress e desativar o editor WYSIWYG (Visual), da no menu suspenso. entre outras coisas. Você pode ocultar a barra de ferramentas 5. Clique em Adicionar novo usuário. que aparece em seu site - no entanto, essa barra não pode ser desativada nas telas de administração. Lembre-se de clicar no As funções do usuário ajudam a gerenciar todos os usuários botão Atualizar perfil quando tiver terminado. em seu site de forma mais eficiente. Mesmo que você tenha dezenas de usuários em seu site trabalhando de partes distin- tas do mundo, você pode supervisioná-los facilmente, conce- dendo as funções certas a cada um deles. Ao restringir os usuários a capacidades específicas, ele ajuda a manter seu site mais seguro. Por exemplo, os autores não podem apagar as postagens de outros, os editores não podem alterar temas ou instalar plugins e os assinantes só podem acessar seus próprios perfis. Assim como acontece com posts e páginas, a adição de plugins pode ampliar tanto as capaci- dades disponíveis aos usuários WordPress como incluir papeis completamente novos. Por exemplo, o WooCommerce, utili- zado para a criação de lojas virtuais, adiciona a uma instalação de WordPress os papeis Cliente e Gerente de Loja. Seu Perfil O submenu “Seu perfil”, acessado pelo painel Usuários, con- tém informação sobre você (sua “conta”) assim como algu- mas informações pessoais relacionadas ao uso do WordPress. 56 Inglês Instrumental e Webdesign

Temas e Aparência Muitas pessoas encaram os temas do WordPress simplesmen- te como a aparência que um site irá ter, mas, na verdade, é algo que se assemelha muito ao projeto de uma casa. Quan- do se faz o projeto, existe todo um estudo para definir quais cômodos vão ser construídos, o tamanho e a localização de portas e janelas, entre muitas outras coisas. Também são de- cididos os materiais e a cartela de cores para paredes, pisos e marcenaria, tudo de acordo com as necessidades de quem vai utilizar o espaço. Esse projeto vai dar a aparência da casa e também vai ser a base para os móveis e utilitários que vão entrar ali depois. O tema WordPress desempenha o mesmo papel: ele determi- nará não só a aparência do site, mas também como o conteú- do será mostrado para o mundo. Um tema WordPress estabelece todos os detalhes no visual de um site, criando uma experiência para o usuário durante toda a navegação. Por isso, o tema é composto por templates para cada tipo de página, podendo configurar cabeçalhos, menus, rodapés e muitos outros elementos. Alguns temas permitem personalizações, como cores e menus, direto no painel do WordPress, desde que tenham sido pro- gramados para isso. O mesmo é válido para widgets como a barra de pesquisa e o menu de categorias, que só podem ser Centro de Educação Tecnológica 57

acrescentados ao site se o tema tiver espaço para tal. Em ou- • Personalizar: Área de edição de atributos, layout, cores e tros tipos de temas, essas personalizações não são tão simples outros itens pré-definidos em cada tema. de serem feitas, sendo preciso alterar o código. Para isso, é criado um tema-filho, ou seja, uma cópia desse tema em que • Widgets: Os widgets adicionam conteúdo extra ao seu site serão feitas as modificações. Esse passo é importante para que e em áreas específicas, como o footer (Rodapé), sidebars as configurações não sejam perdidas caso o tema original seja (Barras laterais) e/ou áreas personalizadas pré-definidas atualizado. em cada tema do WordPress. Os temas gratuitos, geralmente, oferecem um menor suporte • Menus: Menus costumam ser aplicados no topo do site e/ do desenvolvedor e não são atualizados com frequência. Tam- ou no rodapé, mas nada impede uma área ou um menu bém exigem uma disposição maior para encontrar um tema de personalizado em outra parte do site. qualidade e personaliza-lo de acordo com a identidade visual do projeto ou da marca. • Editor de Temas: Editor de códigos de algumas partes do tema instalado, tais como .css, .js e .php que garantem Já os temas pagos oferecem um suporte maior, mais atualiza- o funcionamento do tema como um todo. Caso queira ções e não é difícil encontrar um tema de qualidade. O investi- aplicar modificações ao código de um tema instalado, re- mento não é tão alto, mesmo que seja feito em dólar na maio- comenda-se primeiro criar um backup dos arquivos ori- ria dos casos, porém estes temas podem ser mais pesados e ginais. complexos que os temas gratuitos. Instalação de Temas Menu Aparência Se você deseja instalar um tema gratuito do WordPress a par- Acessando o Painel Administrativo do seu site Wordpress, tir do diretório de temas do WordPress.org, a maneira mais você verá as principais configurações visuais agrupadas em fácil de fazer isso é usar a funcionalidade de pesquisa de tema um único menu, intitulado Aparência (appearance). Nele você integrada. verá as opções: 1. A primeira coisa que você precisa fazer é fazer login na • Temas: Listagem dos temas Instalados no site, acesso ao área de administração do WordPress. Em seguida, vá para diretório gratuito o Wordpress.org e campo para envio de o menu Aparência > Temas e clique no botão Adicionar tema compactado (.zip). Novo. Na próxima tela, você terá a capacidade de esco- lher entre temas WordPress em destaque, temas popula- res do WordPress, os temas mais recentes do WordPress, pesquisar um tema específico ou pesquisar temas com 58 Inglês Instrumental e Webdesign

recursos específicos. A funcionalidade de upload do tema está disponível apenas 2. Ao clicar no botão Filtro de recursos, você pode classificar para usuários autohospedados do WordPress.org. Se você es- tiver usando o WordPress.com, não verá essa opção. os temas com base nas suas funcionalidades. Por exem- plo, você pode classificar os temas por assunto, recursos 1. Em seguida, vá para o menu Aparência > Temas na área específicos (como um menu fixo, cabeçalhos personaliza- de administração do WordPress e clique no botão Adicio- dos, slideshow de posts e muito mais) e layout. Com base nar novo na parte superior. Isso o levará para a nova pági- em sua pesquisa, você verá uma lista de temas que aten- na de tema que mostra os temas gratuitos apresentados. dem aos seus critérios. Como você já tem o tema que deseja instalar, vá em frente 3. Basta colocar o mouse no topo da imagem ao ver o tema e clique no botão Carregar tema na parte superior. que deseja instalar. Isso revelará o botão de instalação, o botão de visualização e o botão de detalhes. Vá em frente 2. Você será solicitado a escolher o arquivo zip que baixou e clique no botão Instalar. anteriormente. Escolha-o e clique em Instalar agora. 4. O WordPress instalará o tema escolhido e mostrará uma mensagem de sucesso junto com os botões Ativar e Visu- 3. Depois que seu tema for instalado, você verá uma mensa- alização ao vivo. Clique no botão Ativar. gem de sucesso junto com um link para ativar e visualizar 5. Você instalou e ativou com sucesso o seu tema WordPress. o tema. Dependendo do tema, podem haver outras configurações a 4. Clique em Ativar. serem definidas. Por exemplo, seu tema pode solicitar que você instale plug-ins recomendados, baixe dados de demons- Você pode ainda subir o seu tema manualmente, utilizando tração ou revise as configurações. um cliente de FTP. Os dados para realizar a conexão estarão no cPanel (ou outro painel similar) do seu serviço de hospe- Você pode seguir as instruções na tela ou clicar no botão Per- dagem. sonalizar para iniciar a configuração do seu tema. 1. Uma vez conectado, você precisa ir para a pasta /wp-con- Outra forma de instalação de um tema é realizando o upload tent/themes/. Dentro dela, você verá pastas para todos do mesmo. Comece baixando o arquivo .zip do tema que você os temas atualmente instalados em seu site. escolheu, seja do diretório gratuito do Wordpress.org ou de um marketplace de temas premium. 2. Selecione a pasta (descompactada) do tema escolhido em seu computador e carregue-a na pasta themes do Wor- dpress. 3. Depois de fazer o upload do tema, você precisará ir para a área de administração e clicar em Aparência > Temas. Centro de Educação Tecnológica 59

4. Se tudo correu bem, você verá o tema que carregou lis- tar cada uma delas de acordo com sua preferência. Pressione o tado entre os temas já instalados. Agora basta colocar o botão Salvar alterações quando terminar. mouse no topo do tema e clicar no botão Ativar. Conteúdo de Demonstração Configurar e Personalizar O conteúdo da demonstração mostra tudo o que um tema Todos os temas do WordPress.com acompanham um guia que tem a oferecer. Você tem a opção de adicionar conteúdos de explica as suas funcionalidades e como usá-las. Para localizar demonstração ao seu site, que podem ser substituídos depois o guia de instalação do tema, acesse Aparência > Temas, onde por textos e imagens de sua autoria. Trabalhar com conteúdos você verá o tema atual mostrado na parte superior. de demonstração pode ser muito mais fácil do que começar um site do zero. Diversos temas oferecem a opção de adicio- Clique em Informações para abrir o guia do tema. nar conteúdos de demonstração da página inicial ao seu site quando são ativados. Leia este guia para saber como personalizar partes específicas do seu tema. Se algo não é mencionado no guia do tema, é provável que seja uma funcionalidade comum a todos os te- mas do WordPress, ou seja, não é algo específico do tema que você escolheu. Acesse Aparência > Personalizar para ajustar os diversos as- pectos do design e das funções do tema. Aqui, será possível: • Alterar o título, a descrição, o logotipo e o ícone do site. • Ajustar o esquema de cores do seu site. • Alterar as fontes do seu site. • Configurar o menu de navegação do seu site. As configurações que você observa em Personalizar serão di- ferentes, dependendo do seu tema. Normalmente, é uma boa ideia se familiarizar com todas configurações vistas aqui e ajus- 60 Inglês Instrumental e Webdesign

Em Aparência > Temas é possível visualizar todos os temas já instalados no seu Wordpress. Para instalar um novo tema, clique em Adicionar Novo. Centro de Educação Tecnológica 61

62 Inglês Instrumental e Webdesign

Centro de Educação Tecnológica 63

64 Inglês Instrumental e Webdesign

Centro de Educação Tecnológica 65

Plugins Inglês Instrumental e Webdesign Houve um tempo em que as empresas precisavam se adap- tar às limitações que as ferramentas de construção de sites tinham. Mas o cenário hoje é diferente: sejam quais forem as funcionalidades de que se necessita, é preciso existir opções que as atendam. É para isso que os plugins são criados. Inde- pendentemente do que você precisar que o seu site execute, certamente, há um plugin que o atenda. Um plugin WordPress nada mais do que um código extra que é anexado em um site WordPress. É como se fosse uma exten- são que, quando instalada, modifica um site e melhora as fun- cionalidades dele. Estas ferramentas oferecem funções para que cada usuário possa personalizar seu website atendendo às necessidades do projeto. Usando um plugin, o usuário não precisa conhecer sobre programação para aumentar os recur- sos do seu site WordPress. O processo de adicionar novas funcionalidades é simples e bem mais fácil do que mexer nos códigos das páginas para in- crementar os resultados. Quando você instala um plugin, os códigos que vêm integrados nele são automaticamente inseri- dos em um site. Quando não quiser ter mais a funcionalidade instalada, basta desativar e desinstalar o respectivo plugin. O WordPress sem plugins seria como seu smartphone sem apli- cativos. 66

O WordPress é escrito de forma que outros desenvolvedores eles também podem ser bem grandes e funcionar como uma possam adicionar seu próprio código a ele. A API de plugin do plataforma (a exemplo de plugins de comércio eletrônico do WordPress oferece um conjunto robusto de filtros que permi- WordPress ou plugins de gestão de assinaturas do WordPress). tem aos desenvolvedores modificar a funcionalidade existente do WordPress ou adicionar uma nova funcionalidade. Outra vantagem que os plugins têm é a facilidade na gestão deles. Dentro do WordPress, você pode ver todos os que es- O WordPress também permite que os desenvolvedores arma- tiverem instalados, tanto os que estão ativos quanto os de- zenem dados no banco de dados do WordPress. Dessa forma, sativados. Aliás, um ponto deve ser ressalvado: é altamente os plugins podem utilizar tipos de conteúdo, taxonomias e recomendável que você não instale muitos plugins no seu site, campos personalizados do WordPress e permitir aos usuários ou isso o deixará lento, proporcionando uma experiência mui- armazenar diferentes tipos de conteúdo, não apenas posts e to ruim aos seus visitantes. Isso vale mesmo quando um plu- páginas. Cada plugin WordPress instalado em seu site é regis- gin estiver desativado, mas permanecer dentro das pastas do trado em seu banco de dados WordPress. Você pode ativá-los Wordpress. e desativá-los a qualquer momento que desejar. Embora existam muitos plugins no WordPress, alguns tipos A cada visita, o WordPress se conecta ao banco de dados, car- são mais procurados por suprir as necessidades que a maioria rega o software principal e, em seguida, carrega seus plugins dos sites precisa. A começar por aqueles que ajudam na otimi- ativos. Todo esse código é processado em seu servidor e envia- zação do SEO, para que a página tenha mais chances de apa- do ao navegador do usuário. recer nos resultados do Google e de outros motores de busca. Não importa o que você esteja tentando fazer no seu site Wor- O engajamento com os visitantes também é importante. Por dPress, muito provavelmente é possível fazê-lo. Se o recurso isso, plugins de formulários e compartilhamentos nas redes não estiver disponível no WordPress padrão, certamente há sociais são bem procurados, tanto para sites quanto para blo- um plugin disponível para isso. Existem plugins do WordPress gs. Por fim, plugins voltados para limpeza de caches e adequa- para melhorar o SEO, melhorar o desempenho , adicionar for- ção para dispositivos móveis são igualmente essenciais, pois mulários de contato, botões de mídia social, criar galerias de sites rápidos e mobile friendly são considerados critérios de fotos e vídeos e muito mais. rankeamento do Google. Os plugins podem ser leves e oferecer apenas um peque- Nem todos os plugins são disponibilizados para ser baixados no recurso (como adicionar uma imagem à barra lateral) ou via plataforma do WordPress. Alguns podem ser adquiridos Centro de Educação Tecnológica 67

diretamente nos sites das empresas ou profissionais que os o plugin que você quiser. desenvolvem, sobretudo os que são premium (sim, pois nem 4. Na aba do plugin, clique no botão Instalar Agora. Aguarde todos os plugins são gratuitos). Por isso, é preciso ter cuidado ao baixar plugins de desenvolvedores que não sejam confiá- a instalação ser concluída e, em seguida, clique em Ativar. veis, pois alguns podem trazer malwares e deixar o seu site suscetível a invasões, o que pode gerar consequências terrí- Quando um plugin é desenvolvido exclusivamente para um veis, como a perda de todos os seus arquivos. Assim, antes projeto ou simplesmente não está disponível no diretório, é de baixar um plugin por outra via que não seja o próprio Wor- necessário fazer a instalação manual através da opção “Enviar dPress, certifique-se de que ela é confiável, para não colocar o plugin”. Nesse caso, o plugin precisa ser enviado no formato seu site em risco. .zip. Instalação de Plugins 1. No painel de controle do WordPress, acesse Plugins > Adi- cionar Novo. Assim como aprendemos com os Temas, é possível instalar um plugin WordPress de três formas diferentes. São elas: 2. No canto esquerdo superior, clique no botão Enviar plu- gin. • Pelo painel de controle e diretório do WordPress. • Pelo upload de um arquivo .zip de um plugin diretamente 3. Escolha o arquivo do plugin (.zip) em seu computador e clique em Instalar agora. no seu site. • Por um cliente FTP. 4. Aguarde a instalação ser concluída e clique em Ativar. 1. Para instalar um plugin a partir do diretório gratuito do Em alguns casos pode ser necessário instalar o plugin manu- wordpress.org, no painel de controle do WordPress, en- almente (via FTP). Isso pode acontecer quando a instalação contre e clique na aba Plugins, à esquerda. automática, por algum motivo, não funciona. Para instalar ma- nualmente, siga estes passos: 2. Na nova tela, clique no botão Adicionar Novo. Você será redirecionado para a biblioteca geral (diretório) de plugins 1. Descompacte o arquivo zipado (.zip) do seu plugin em seu do WordPress. Nela, você terá um escopo geral dos plu- computador (qualquer lugar). Ele vai gerar uma pasta com gins disponíveis. Eles podem ser divididos em Destaques, o nome do plugin. Populares, Recomendados e Favoritos. 2. Copie essa pasta. 3. Use o campo de pesquisa à direita para buscar e encontrar 3. Acesse o diretório do seu site por um cliente de FTP ou pelo gerenciador de arquivos do serviço de hospedagem e cole a pasta em /wp-content/plugins. 68 Inglês Instrumental e Webdesign

4. No painel de controle do WordPress acesse Plugin > Plu- tória para qualquer site de sucesso. Com ele, você con- gins instalados e ative o plugin. segue configurar todas as informações referentes a SEO (otimização para busca), como títulos, meta-descriptions Desinstalar um plugin é um processo mais simples ainda. Basta e meta-tags para o Facebook, além de possuir o recurso seguir os passos abaixo. de verificar seus textos e conteúdo, mostrando os pontos fortes e fracos. 1. No painel de controle do WordPress, acesse o menu Plu- • W3 Total Cache: Se você quer mais velocidade, precisa gins > Plugins instalados. conhecer este plugin. Ele aumenta consideravelmente a velocidade do seu site, oferecendo uma melhor experiên- 2. Desative o plugin que deseja desinstalar. cia para o usuário. A plataforma consegue melhor desem- 3. Delete-o, em seguida, clicando no link Excluir. penho pois guarda em cache as páginas do seu site, redu- 4. Pronto. Seu plugin foi desinstalado. zindo o tempo de carregamento do mesmo. Seu servidor 5. Se a desinstalação for interrompida por algum motivo ou terá uma alta performance ao instalar esse plugin, vale a pena testar. apresentar erros, você pode também acessar diretamente • WooCommerce: O WooCommerce é a ferramenta mais in- a pasta /wp-content/plugins e apagar manualmente os dicada para quem quer lançar um e-commerce através do arquivos do plugin (utilize este método apenas em último WordPress. Este plugin é uma ferramenta completa que caso). traz muitas opções de personalização que são capazes de se adequar ao seu negócio. Por isso, o WooCommerce é Exemplos de Plugins Úteis uma das plataformas mais utilizadas para criação de lojas virtuais. Além do mais, conta com a ajuda de plugins auxi- Um dos motivos que explica o sucesso do WordPress é, com liares (ou add-nos) que podem deixar o seu e-commerce certeza, a variedade de plugins para a plataforma. Existem com a cara que você deseja. milhares de plugins disponíveis para baixar, tanto gratuitos • Sucuri: Este é um plugin para WordPress gratuito voltado quanto pagos, e a escolha irá depender de quais recursos você para aumentar a segurança do seu site. Ele permite que precisa para o seu site. O WordPress oferece diversas possi- você defina todas as configurações de segurança para que bilidades, mas, para aproveitar bem todas elas, é necessário não haja nenhum risco. O plugin possui planos grátis e pa- conhecimento profundo e planejamento. Por isso, fique aten- gos. to aos lançamentos e mantenha o seu site sempre atualizado. • Sumo: O Sumo é uma coleção de ferramentas que auxi- liarão na promoção e funcionamento do seu site. Ele é • WordPress Seo (by Yoast): Este é um dos plugins gratui- tos mais populares do WordPress e ferramenta obriga- Centro de Educação Tecnológica 69

focado em interações como compartilhamento em redes gens e mais. Como se não bastasse trazer todas essas no- sociais, mapas de calor, além de integrações com a maio- vas funções, ele ainda dá dicas de como melhorar a per- ria dos autoresponders. formance e a segurança do seu blog. • Contact Form 7: Esse é o plugin para WordPress mais fa- • Disqus: O Disqus é um sistema de comentários para sites moso quando se trata de formulário de contato. Com ele e blogs responsável por centralizar todas as interações da você consegue instalar e configurar facilmente um formu- página na mesma plataforma. Com o Disqus, o usuário lário para que seus visitantes entrem em contato. O mo- pode acompanhar comentários, curtidas e discussões, delo básico já vem configurado, bastando informar qual o controlando e analisando as interações. Outro ponto in- e-mail que você quer receber as mensagens. teressante do plugin é que é possível aprovar e excluir co- • WordPress Popular Posts: Trata-se de um plugin de mentários, bem como filtrá-los para evitar spam. ranking de artigos, baseado no número de visitas que cada post recebeu até o momento. O WordPress Popu- lar Posts tem a proposta de contar o número de acessos que cada artigo tem e exibir uma quantidade configurável dos artigos mais visitados. Um recurso bem interessante desse plugin é que você pode configurá-lo para exibir os artigos mais populares do dia, semana ou desde o início da contagem. • Imagify Image Optimizer: Como vimos em aulas anterio- res, lentidão não é uma opção se você quer atrair clientes por meio do seu website e por isso este plugin é tão im- portante. De maneira automática, ele escaneia e otimiza todas as imagens que estão dentro do diretório do Wor- dPress. Ele é gratuito para uma determinada quantidade de imagens, e oferece planos premium com várias confi- gurações. • JetPack: Este é um plugin para WordPress que adiciona várias funcionalidades de uma única vez. A ideia é trazer soluções de segurança, estatísticas de visitas, galerias de fotos, carrossel de imagens ou posts, otimização de ima- 70 Inglês Instrumental e Webdesign

WooCommerce O WooCommerce é um plugin fácil de se usar e é indicado para todos aqueles que desejam gerenciar o seu próprio comércio eletrônico sem maiores preocupações. Ele é, atualmente, um dos plugins mais utilizados pelos sites com WordPress. De maneira simples e rápida, você pode fazer o cadastro de produtos, definir diversas formas de pagamento, programar descontos, fazer o acompanhamento de pedidos, emitir rela- tórios, definir fretes, gerenciar o seu estoque e criar promo- ções exclusivas. O grande destaque do Woocommerce, em comparação a ou- tras plataformas de vendas online, é que extensões permitem controle total da transação — desde a cobrança até a entrega do produto na casa do cliente. Assim como o WordPress, o WooCommerce é um programa de código aberto. Isso permite que você consiga customizar a sua loja com extensões e outros recursos que sejam compatíveis com o WooCommerce. Originalmente era conhecido como WooThemes e foi desenvolvido por Mark Forrester, Magnus Jepson e Adii Pienaar em 2007. Como o nome sugere, a sua versão anterior focava somente em temas para o WordPress. Após alguns anos (mais precisamente em 2011), os desen- volvedores decidiram dar luz ao seu primeiro plugin. É aí que nasceu o WooCommerce. Desde então, o plugin ganhou cada Centro de Educação Tecnológica 71

vez mais espaço e se tornou um dos mais baixados pelo Wor- Funcionalidades dPress, com mais de 100 milhões de downloads feitos. Hoje, o plugin pertence à Automattic, desenvolvedora do próprio Além da fácil configuração e diversidade nos meios de paga- WordPress, que fez a aquisição do plugin em 2015. mento, o plugin possui funcionalidades essenciais para o ge- renciamento e personalização da sua loja virtual. Além das O WooCommerce é de longe o melhor e mais popular plugin funcionalidades listadas a seguir, outras opções são oferecidas de comércio eletrônico para WordPress e pode ser usado para por uma infinidade de plugins e extensões. a venda de produtos – físicos ou virtuais – e serviços. • Gerenciamento de produtos: Partindo da página Produ- Ao compreender o que é WooCommerce é importante que tos, dentro do seu Woocommerce, é possível gerenciar você também considere sua responsividade para dispositivos todos os itens que você comercializa. Você pode editar, móveis. Os sites criados a partir da plataforma são perfeita- inserir características específicas, excluir, duplicar ou des- mente adaptados para “rodar” em smartphones e tablets, per- tacar produtos. A duplicação de produtos é interessante mitindo que seus clientes façam compras também por meio para otimizar o cadastro de estoques por vendedores que dos dispositivos mobile. Este é um fator extremamente impor- comercializam itens de modelos iguais, apenas com carac- tante, afinal, as compras por meio de dispositivos mobile já re- terísticas diferenciadas, como cor, por exemplo. Basta se- presentam 43% de todo o mercado de compra e venda online. lecionar o produto e clicar em “duplicar”. A função “Des- tacar” ajuda a exibir melhor um produto de maior impor- Por meio da plataforma (e suas extensões) você pode realizar tância. Clicando na imagem da estrela, o item é exibido na vendas e gerenciar toda sua loja virtual, por meio de: página principal da loja, além de ser possível inserí-lo em posts, utilizando códigos específicos. • gestão de estoque; • acompanhamento de pedidos e pagamentos; • Gerenciamento de pedidos: O Woocommerce possibilita • cálculo de frete; o gerenciamento de todas as suas vendas. Uma nova or- • recebimento de pagamentos de maneira segura; dem é gerada sempre que o pagamento é confirmado. As • logística para entrega; ordens de serviço podem ser consultadas na aba Pedidos. • cupons de descontos e promoções; Cada venda recebe uma ID única, que facilita a sua busca • cadastro de seus clientes, e mais. no sistema, bem como as conciliações financeira e de es- toque. As IDs trazem dados como e-mail do cliente, tele- fone, endereço, método de pagamento utilizado e mais. • Emissão de relatórios: Os relatórios emitidos pelo Woo- 72 Inglês Instrumental e Webdesign

commerce auxiliam na gestão do negócio. Neles, são exi- very, por exemplo). bidas informações precisas e estatísticas de suas vendas • Promoções: O WooCommerce também conta com ferra- brutas, líquidas, média de transações diárias, número de itens comprados, dentre outros. Você é quem escolhe mentas para ativar promoções e atrair ainda mais o seu qual período será demonstrado pelo relatório. Utilizando público. Se fizer um lançamento, por exemplo, pode ativar o filtro do plugin, é possível selecionar as opções de mês uma contagem regressiva na página. Em caso de ofertas passado, mês atual, últimos 7 dias ou definir um perío- por tempo limitado, é possível disponibilizar cupons de do específico. Unindo os relatórios do Woocommerce a desconto. O WooCommerce permite que descontos sejam uma ferramenta que controle a emissão de notas fiscais, aplicados a qualquer momento pelos administradores da por exemplo, você automatiza todos os processos. Assim, loja. Caso você decida fazer uma promoção exclusiva para economiza tempo na gestão das vendas e investe em ou- um produto, destaque-o na primeira página da loja e o di- tros setores que necessitam de atenção especial - como o vulgue para que seus clientes não percam a oportunidade marketing! de adquirir o seu produto. É possível promover campa- • Envios e remessas: Essa funcionalidade é essencial para nhas simples e complexas de cupons que oferecem uma vendedores que trabalham com produtos físicos e neces- gama de opções de desconto, limites de uso e restrições sitam organizar as informações de envio e remessa. A fer- de produto por usuário, ou frete grátis. ramenta possibilita a escolha de zonas de envio e inclusão • Personalização com temas: Um e-commerce com um de taxas e fretes. É possível definir tarifas diferenciadas layout atrativo pode estimular as vendas. Enquanto em para cada região. Além de envios nacionais com a parce- algumas lojas virtuais é preciso criar temas “do zero”, o ria entre os Correios e o Woocommerce, você pode fazer Woocommerce conta com centenas de layouts gratuitos e remessas internacionais com a extensão do FedEx. pagos prontos para serem instalados em poucos cliques. • Pagamentos: Por padrão o WooCommerce vem integra- Basta escolher o tema que mais agrada você e ativá-lo em do com o sistema de pagamento PayPal, mas é possível sua loja. Os layouts para Woocommerce são responsivos, adicionar plugins para o PagSeguro, Mercado Pago, Cie- ou seja, são exibidos corretamente em todos os disposi- lo e outros. Além disso a o plugin possui uma espécie de tivos móveis. Além disso, são totalmente editáveis - uma loja de extensões, onde é possível encontrar dezenas de vez que você pode inserir o seu logo, seu cabeçalho e formas de pagamento. Dependendo do tipo de negócio as cores que identificam a sua marca. Antes de escolher criado, é possível ainda trabalhar com depósito bancário, a aparência da sua loja, há como visualizar uma versão pagamentos recorrentes (para serviços por assinatura) e demo do tema desejado. É possível avaliar se o layout até mesmo pagamento na entrega (para serviços de deli- realmente atenderá suas expectativas, antes mesmo de aplicá-lo. Centro de Educação Tecnológica 73

• Impostos: O WooCommerce possui um sistema de cálculo Inglês Instrumental e Webdesign de impostos e taxas para a sua loja. Tudo de uma forma simples e intuitiva, você também pode configurar taxas por localização. Após a instalação do plugin, você deve realizar mais algumas configurações para que o WooCommerce seja ativado e a sua loja seja criada. O WooCommerce oferecerá a opção de você utilizar o Assistente de Instalação nativo. Recomendamos que você faça uso dele. Com este assistente, a configuração da sua loja será dividida em alguns passos, como página, estoque, op- ções de envio e pagamentos. • Opções de página: Aqui, o WooCommerce irá sugerir a criação de páginas específicas para que a sua loja funcio- na perfeitamente, incluindo uma página de loja, um carri- nho, o checkout e a conta dos clientes. Você pode fazer o gerenciamento dessas páginas no seu painel. De maneira simplificada, você terá todas as páginas necessárias para o funcionamento de uma loja virtual. • Opções de loja: Nesta etapa, você dirá para o WooCom- merce em qual país a sua loja reside, qual a moeda utili- zada por você e seus clientes e quais são as medidas utili- zadas para fazer a medição de características como o peso dos produtos e o tamanho. • Opções de envio e impostos: Aqui, você irá marcar se você faz a venda de produtos físicos. Caso não seja o que a sua empresa oferece, basta deixar a opção desmarcada. Se a sua empresa vende produtos virtuais ou presta servi- ços, isso se aplica também. A segunda opção diz respeito 74

Centro de Educação Tecnológica aos impostos. Se a sua empresa for quem arca com os im- postos, basta marcar a opção. Caso a sua oferta se trate de um serviço ou infoproduto, basta não marcar esses campos e clicar em “continuar”. • Opções de pagamento: Agora é hora de escolher quais serão os métodos de pagamento que ficarão disponíveis para seus clientes na hora de finalizar a compra. Configurações Na página Configurações, você pode alterar as opções prin- cipais da loja. Se você precisar alterar as configurações de lo- cal, moeda ou API, visite esta seção. Mas não se esqueça de verificar a seção de Ajuda para obter instruções detalhadas e explicação de cada configuração antes de fazer quaisquer alte- rações importantes. Agora vamos passar por guias disponíveis e breve visão geral o que pode ser alterado aqui. • Geral: Nesta guia, você pode alterar as configurações principais da loja, como localização, moeda, ativar/desa- tivar impostos, exibir aviso para todos os seus visitantes e assim por diante. • Produtos: Aqui você pode alterar várias configurações do produto como unidades de medição e habilitar/desativar comentários. Na página de exibição, você pode alterar a página padrão do WooCommerce, a categoria de produto padrão e o tamanho das imagens do produto. Na seção In- ventário, altere as opções de estoque padrão e ative/de- sative o gerenciamento de estoque. Você também pode ativar a opção de receber notificações por e-mail quando 75

um produto estiver sem estoque e configurar métodos de Inglês Instrumental e Webdesign download de arquivos e restrições de acesso se vender downloads na guia Produtos transferíveis. • Envio: Você pode adicionar zonas de envio, métodos de envio e taxas. Você pode até mesmo definir uma taxa de remessa diferente para locais separados. • Checkout: Nesta guia você pode alterar as configurações de pagamento e adicionar novos métodos de pagamento. A configuração padrão do WooCommerce permite esco- lher entre 5 métodos de pagamento, mas você pode adi- cionar mais métodos instalando extensões. • Contas: Aqui você pode alterar o local da página de conta de usuário, ativar/desativar o registro do cliente e confi- gurar o processo geral de registro da conta. • Emails: Permite que você configure e-mails que os com- pradores recebem. Na seção E-mails, você pode persona- lizar os modelos de e-mail e alterar os detalhes do reme- tente. • API: Permite ativar/desativar a API do WooCommerce, habilitar o acesso a aplicativos externos e definir suas per- missões. Os Webhooks também podem ser configurados nesta seção. 76

Centro de Educação Tecnológica 77

78 Inglês Instrumental e Webdesign

Centro de Educação Tecnológica 79

Produtos Inglês Instrumental e Webdesign Os produtos são os principais elementos de uma loja virtual. Por isso, após a instalação e configuração, a próxima ação a ser feita é adicioná-los ao seu e-commerce. Para que o cadastro dos produtos seja feito da maneira correta, você precisa en- tender de quais formas você pode cadastrar os produtos no seu site. As categorias de produtos facilitam o trabalho de “separar” os produtos que são expostos na sua loja virtual. Você é livre para criar quantas categorias achar necessário. Utilize-as para facilitar a navegação de seus clientes. Os atributos são informações que você disponibiliza para que seja feita a filtragem dos produtos. Dessa forma, você pode fazer com que os clientes possam pesquisar por produtos com atributos parecidos. Se um produto que você vende é de de- terminada cor ou tamanho, o cliente pode pesquisar por simi- lares. Tipos de Produtos De acordo com o tipo de produto escolhido, os atributos e opções de configuração se alteram. Há até mesmo tipos de produtos onde não existe tipo de entrega pois o conteúdo é totalmente virtual. 80

• Os produtos agrupados, que são como se fossem “kits”; Você pode selecionar o produto e defini-lo como um produto • Os produtos que são disponibilizados via download para virtual ou transferível (via download). Se o seu produto for do tipo que se faz download, basta habilitar a opção e fornecer o o cliente; caminho (link) para o download do arquivo. • Os produtos externos, ou afiliados, que são vendidos em Criando Produtos outros lugares; • Os produtos simples, que não possuem dificuldade de Adicionar os novos produtos não é tarefa difícil, basta apenas um pouco de familiaridade com a interface do WooCommerce envio; e do WordPress. • Os produtos variáveis, que possuem características não 1. O primeiro passo para isso é ir em WooCommerce no definidas; menu esquerdo do WordPress e clicar em Produtos. Na • Os produtos virtuais, que não serão entregues fisicamen- tela que aparece a seguir, clique em Criar seu primeiro produto. te para o cliente. 2. A seguir, digite o título do produto assim como a descri- Um produto simples é o tipo de produto mais comum e facil- ção. Trate de descrevê-lo de uma forma bem completa. mente compreensível no WooCommerce. É um produto físico, único e autônomo que você pode enviar ao cliente. 3. Em Dados do Produto você pode personalizar o produto. É aqui onde você definirá o tipo de produto que ele é. Fa- Para começar, você pode criar um produto simples, atribuindo laremos sobre as demais características de produtos mais um preço e referência e começar a vendê-lo. adiante. Produtos agrupados são criados em forma de grupos (como o 4. Adicione um resumo. Isto geralmente aparece próximo nome sugere). Quando você selecionar este tipo de produto, das imagens do produto na página de listagem e a des- será necessário a adição de outro produto para que o grupo crição completa aparece na aba Descrição do produto. seja criado. Incorporações de vídeo podem ser usadas aqui. Para produtos vendidos em outros sites, será pedido que você 5. No lado direito do painel Adicionar novo produto, exis- cole o endereço URL do site original do produto. tem as categorias de produto disponíveis, similar a um post padrão do WordPress. Você também pode atribuir Quando o produto for variável, novas opções irão surgir. Centro de Educação Tecnológica 81

tags de produtos da mesma maneira. das por determinados métodos de entrega para agrupar 6. Adicione uma imagem principal do produto e, se possível, produtos similares. • Seção de Produtos relacionados: Esta seção permite que uma galeria de imagens. você associe diferentes produtos para alavancar as suas 7. Não se esqueça de configurar a visibilidade do produto e vendas. Aumentar vendas exibe produtos na página de detalhes do produto. Estes são produtos que você pode publicá-lo, clicando no botão Atualizar. incentivar os usuários a comprar junto, com base no pro- duto que estão visualizando no momento. Por exemplo, A meta caixa de Dados do produto é onde a maioria dos dados se o usuário estiver visualizando a página de listagem de importantes é adicionada para os seus produtos. produtos de café, você pode exibir chaleiras na mesma página como uma forma de aumentar vendas. Vendas • Seção geral: Permite definir preços, preços promocionais cruzadas são produtos que são exibidos com o carrinho (com desconto, que pode ser programado para determi- e relacionados ao conteúdo do carrinho do usuário. Por nados períodos) e taxas e impostos. exemplo, se o usuário adicionar um Nintendo DS ao carri- nho, você pode sugerir que ele compre uma caneta stylus • Seção de inventário: A seção de inventário permite ge- de reposição quando chegar na página do carrinho. renciar o estoque do produto individualmente e definir • Seção de Atributos: Na aba Atributos, você pode atribuir se é permitido receber pedidos sob encomenda e outros. detalhes a um produto. Você verá uma caixa de seleção Isto torna possível que você venda os produtos e permite contendo os conjuntos de atributos globais que você criou que os clientes adicionem os produtos no carrinho para (por exemplo, plataforma). Depois de escolher um atribu- comprar. Ativar gerenciamento de estoque deve estar se- to na caixa de seleção, clique em adicionar e aplique os lecionado em Configurações de inventário de produtos; termos fixados a este atributo. Você pode ocultar o atribu- caso contrário, somente a opção Status do estoque estará to no site, não selecionando a caixa de seleção Visível na visível na Caixa de inventário de dados do produto. Você é página de produto. Os atributos personalizados também responsável por atualizar o Status do estoque. Selecione a podem ser aplicados, escolhendo Atributos personaliza- caixa Vendido individualmente para limitar o produto em dos do produto na caixa de seleção. um por pedido e em Limiar de estoque baixo insira um • Seção Avançado: Insira uma nota opcional para enviar ao número para ser notificado quando o estoque estiver se cliente após a compra do produto, personalize a posição esgotando. • Seção de Entrega: Permite configurar peso, dimensões e classe de entrega do item. As classes de entrega são usa- 82 Inglês Instrumental e Webdesign

de ordem para o item, e ative ou desative as avaliações 4. Selecione Grupo de produto e digite o nome do produto de clientes. para encontrá-lo. Para adicionar um grupo de produtos: 5. Clique nos produtos que você deseja adicionar. 6. Clique em Atualizar. 1. Vá para WooCommerce > Produtos > Adicionar novo. 2. Insira um Título para o grupo de produtos. Gerenciando Produtos 3. Role para baixo até Dados do produto e selecione Grupo Você pode ver todos os seus produtos e gerenciá-los na página de produto no menu suspenso. O preço e vários outros Produtos. Aqui você pode editar, excluir, duplicar, caracterizar campos desaparecem. Isto é normal porque um Grupo de um produto. Ao selecionar vários produtos, você pode aplicar produto é uma coleção de ‘produtos filhos’, que é onde ações em massa. Para duplicar um produto, na seção do pro- você adiciona estas informações. duto, localize o produto e clique na opção Duplicar. O Woo- 4. Clique em Publicar ou Atualizar. Commerce irá criar um novo projeto de produto para você e abri-lo. Para adicionar um produto já existente a um grupo de produ- tos: Você também pode marcar um produto como destaque. Cli- que no ícone Estrela na opção de produtos. Os produtos em 1. Vá para WooCommerce > Produtos > Adicionar novo. destaque podem ser exibidos em sua home page ou ser inclu- 2. Selecione o Grupo do produto ao qual você deseja adicio- ídos em posts usando shortcodes. nar os produtos. Para excluir um produto, clique no botão Lixeira que vem com 3. Role para baixo até os Dados do produto e vá para Produ- o Nome do Produto ao passar o mouse sobre ele. tos relacionados. Centro de Educação Tecnológica 83

Configuração de Formas de Pagamento e Entrega As formas de pagamento para comércio eletrônico são im- Inglês Instrumental e Webdesign portantíssimas. Afinal, se você não disponibiliza uma maneira para seu cliente pagar por seu produto ou serviço, não existe muito o porquê de se ter uma loja virtual. O WooCommerce permite que você dê ao seu cliente opções variadas de paga- mento, seja utilizando um gateway de pagamento ou um in- termediador financeiro de sua escolha, por exemplo. O WooCommerce aceita algumas formas de pagamento, algu- mas mais convencionais e outras que se encaixam em situa- ções muito específicas. As mais comuns são: • Pagamento na entrega/retirada: excelente para e-com- merce de alimentos que aceita vale-refeição ou pagamen- to em dinheiro no momento da entrega ou da retirada em um ponto físico de vendas; • Transferência bancária: ideal para quem quer fugir das taxas associadas aos cartões, porém os dados são exibi- dos no fim da compra e o pedido só é confirmado quando o administrador da loja atualiza o status de pagamento, exigindo uma maior atenção. O Pix pode ser incluso no site por meio desse método e também como pagamento online via gateway; • Pagamento online: toda as etapas da transação financeira são efetuadas virtualmente por meio de cartão e boleto, 84

sendo a opção mais prática, mas que também exige um A maioria dos intermediadores assumem a análise de risco gateway de pagamento. do pagamento, automatizando todo o processo. Um dos pro- blemas encontrados em grande parte dos serviços é a neces- Um intermediador de pagamento é responsável por fazer a sidade de o cliente ter que deixar a loja e acessar o site do conexão entre o consumidor, o site da loja, a instituição ban- intermediador para finalizar a compra, motivo de muita das cária e a operadora do cartão de crédito e dar andamento ao desistências no e-commerce. processo de efetivação da compra. Depois que o cliente entra no ambiente da loja, coloca a mercadoria no carrinho e decide Para lojas WooCommerce, o gateway de pagamento é instala- encerrar suas compras é a hora de se dirigir a um ambiente do por meio de um plugin que vai integrar o sistema ao e-com- específico para realizar o pagamento. De forma ágil e automá- merce. A instalação deve ser feita com cuidado e melhorias na tica, o cliente é migrado a outro ambiente, no qual encontrará segurança do site também devem ser planejadas. todas as orientações que precisa para definir o meio de paga- mento, o parcelamento e o tipo de frete para a entrega das Oferecer um método de pagamento seguro, vantajoso e aces- suas compras. sível é essencial para fidelizar o consumidor e garantir mais vo- lume e sucesso nas vendas de seu negócio. Listamos a seguir Basicamente, o sistema agiliza e processa a venda ao coletar os principais gateways de pagamento disponíveis para integra- as informações geradas pela movimentação no ambiente da ção com o WooCommerce: loja. Para as compras realizadas por meio do cartão de crédi- to, o intermediador fará a análise do limite disponível junto à • Pagseguro: Talvez o intermediador mais popular do Bra- operadora. sil, o PagSeguro aceita cartões Visa, MasterCard, Diners, American Express, Hipercard, Aura, PLENOCard e Perso- O gateway de pagamento funciona da mesma maneira que nalCard, além do Oi Paggo (via smartphone) e os bancos uma máquina de cartão de crédito. Ele nada mais é que um Bradesco, Itaú, Banco do Brasil, Banrisul e HBSC. Há ainda canal de dados entre o sistema e a operadora. Se você opta as opções de débito online, depósito em conta e boleto por configurar um gateway de pagamento em sua loja virtual, bancário. As transações financeiras são feitas dentro do seu comprador estará comprando – ou seja, fazendo todo o ambiente do PagSeguro, desta forma, não há necessidade processo de compra – dentro de sua loja virtual. Já se você de um certificado SSL. O intermediador garante segurança decidir por um intermediador a compra será finalizada dentro para o cliente e vendedor e oferece segurança para cada do intermediador financeiro escolhido. transação. Para você ativar esta solução em sua loja vir- Centro de Educação Tecnológica 85

tual WooCommerce é necessário instalar o plugin e criar como uma opção de recebimento. Vale ressaltar aqui que uma conta no PagSeguro. a única forma de trabalhar com boletos em seu e-com- • PayPal: O PayPal também é uma solução bem comum en- merce é se eles forem boletos registrados. Todas as lojas tre os usuários do WooCommerce. O PayPal aceita diver- virtuais que oferecerem boletos como meio de pagamen- sas moedas, reduz preocupações com segurança (já que to, devem registrar seus boletos junto ao banco de sua os processos de pagamentos são verificados dentro dos escolha. próprios servidores do PayPal), permite que os clientes fa- • Vindi: Por meio do Vindi você pode fazer faturamento re- çam checkout sem necessidade de uma conta no PayPal, corrente com boleto, cartão de crédito e débito em conta, faz cobranças imediatas ou autoriza a captura diretamen- e também emitir notas fiscais automáticas. te do WooCommerce e permite realizar cobranças recor- • Pagar.me: Com o Pagar.me você pode receber pagamen- rentes, para situações como venda de mensalidades. tos por cartão de crédito e boleto bancário. Porém, o plu- • Moip: Com o Moip você pode aceitar pagamentos por gin não aceita pagamento recorrente (ainda). boleto bancário, transferência eletrônica, débito em con- • MercadoPago: O MercadoPago é um método de paga- ta, cartão de crédito e cartão de débito. O Moip também mento desenvolvido pelo Mercado Livre. O plugin aceita oferece meios de financiamento, onde o comprador pode as moedas Peso Argentino (ARS) e Real Brasileiro (BRL). financiar diretamente com o banco e pagar a compra sem Todos os meios de pagamento aceitos são os que o Mer- sair da loja virtual. cado Livre aceita. • GerenciaNet: Oferecer boleto bancário também é uma • B-cash (PayU): Mais conhecido por WooCommerce Bcash, ótima opção para seu e-commerce. O boleto bancário o plugin que agora se chama PayU oferece soluções de acaba se tornando um meio mais simples para aqueles pagamentos online para compradores e vendedores, sis- clientes que não trabalham com cartão de crédito ou dé- tema antifraude e certificação PCI. bito. Para você configurar a solução de boleto bancário • Cielo: A Cielo é nacionalmente reconhecida como ga- em sua loja virtual você precisa consultar com o banco teway de pagamentos com cartões, trabalhando com as de sua preferência para ver qual é o método de imple- principais bandeiras. A integração com WooCommerce é mentação que eles possuem para boleto bancário (taxas e feita através do webservice da Cielo e permite diversas procedimentos diferem de um banco para o outro). Você configurações diretamente pelo painel WordPress, possi- também pode escolher utilizar uma plataforma que tra- bilitando também o checkout transparente. balhe com boletos registrados, como o GerenciaNet, ou • PicPay: O PicPay é um aplicativo que funciona como uma ainda utilizar os intermediadores que oferecem o boleto carteira digital para que o usuário faça transações finan- 86 Inglês Instrumental e Webdesign

ceiras com o celular. Diferentemente dos outros gatewa- utilizadas de uma única maneira. Caso você quisesse criar no- ys, quando a compra é feita em um computador, o PicPay vas e diferentes regras para entrega, utilizando de um mesmo gera um QR code que vai redirecionar ao app. Assim, o tipo de método, era preciso instalar algum plugin ou criar a pagamento é feito no aplicativo e não no e-commerce. solução via código. • Pix: Com a nova modalidade de pagamentos digitais dis- ponível aos brasileiros, já há plugins que permitem a in- Alguns dos métodos de entrega continuam os mesmos, mas corporação do Pix como um gateway de pagamento junto agora com maior liberdade e flexibilidade para configurar e ao WooCommerce. aplicar seu uso na loja WooCommerce. Acessando a área de configurações e dirigindo-se a aba referente a WooCommer- Entrega ce > Configurações > Entrega, nós encontramos os métodos abaixo. Utilizando dos recursos nativos do WooCommerce para as En- tregas em sua loja, você pode criar diferentes taxas de cobran- • Frete Grátis: O Frete Grátis é o método de entrega que ça por áreas dentro da sua cidade e região. você pode oferecer aos seus clientes para que seus produ- tos sejam enviados sem qualquer custo adicional à com- Para configurar a entrega no WooCommerce, primeiro você pra. O WooCommerce permite que sejam estabelecidas precisa configurar as áreas de entrega, em seguida, adicionar regras para a seleção desse tipo de entrega, como, por métodos para estas áreas e, por último, as taxas para os seus exemplo, um cupom para ativar a entrega gratuita, um va- métodos. lor mínimo de pedido, etc. Você pode criar quantas áreas desejar e adicionar vários mé- • Taxa Fixa: A Taxa Fixa, como o nome já diz, é uma opção todos e taxas para cada área. Uma Área de entrega é uma entrega onde você vai definir previamente um valor fixo área geográfica para a qual você envia os itens. Você pode ser para o envio de produtos. A forma como serão enviadas tão específico quanto necessário, incluindo regiões e CEPs, as mercadorias ou executados os serviços serão estabele- ou pode deixá-la de maneira geral – o que for mais adequado cidos por você – informando a partir do título que decidir para você. Os clientes visualizam somente os métodos disponí- utilizar para exibição na página de checkout. veis para seus endereços e áreas correspondentes. • Retirar no Local: Esta opção permite que seus clientes re- Nas versões anteriores à 2.6, o WooCommerce trazia consigo tirem os produtos em algum ponto de venda ou endereço algumas opções de entrega fixas e que apenas poderiam ser definido por você. Você também pode definir, caso seja aplicável, um valor de custo. Centro de Educação Tecnológica 87

Para adicionar uma Área de Entrega, clique no botão Adicio- Integração com os Correios nar Área de Entrega. Em seguida, você só precisa definir as seguintes opções: Para integrar a sua loja virtual com o serviço de entregas dos Correios, você precisará instalar o plugin WooCommerce Cor- • Nome da área: Apenas um identificador, um nome para reios. Também é interessante instalar o plugin WooCommerce uma determinada área; Correios – Cálculo de Frete na Página do Produto para habili- tar cálculo de frete na página de cada um dos produtos da sua • Regiões da área: Limite o raio de entrega escolhendo paí- loja (caso contrário, o cliente só conseguirá visualizar o valor ses ou até mesmo CEPs específicos; do frete ao finalizar a compra). • Métodos de entrega: Por quais meios estará disponível Após instalado o plugin dos Correios, em seus métodos de en- a entrega para a região configurada. As formas padrões trega existirão várias outras formas de envio (as pertencentes disponíveis são taxa fixa, frete grátis e retirar no local, mas aos Correios). você pode configurar outros métodos ou mesmo ampliá- -los com a instalação de plugins secundários. Também surgirá uma nova aba dentro das configurações do WooCommerce chamada Integração. Nela, você pode definir Para adicionar um método de entrega para uma Área de en- opções de rastreamento da entrega e auto preenchimento de trega existente: endereços conforme o CEP. 1. Vá para WooCommerce > Entrega > Áreas de entrega. Para que o cálculo de frete funcione na página do produto, 2. Posicione o mouse sobre a Área de entrega que você de- será necessário sempre inserir os seguintes itens em seu pro- duto: altura, largura, comprimento e peso. Essas definições seja alterar e selecione Editar. seguem a embalagem de envio, e não com as propriedades 3. Role para baixo até Métodos de entrega na tela que é exi- do produto. bida. 4. Desative um Método de entrega existente usando o bo- tão Ou selecione Adicionar método de entrega para usar um método diferente. 5. Salve as alterações. 88 Inglês Instrumental e Webdesign

Formulários para Captação de Leads É sempre importante disponibilizar um meio fácil para que os leitores do seu blog ou site entrem em contato com você, seja para enviar dúvidas, sugestões, críticas ou elogios. Formulá- rios são a principal forma de interação de um site com seus usuários. Através deles, podemos coletar dados e enviar para um e-mail ou armazenar no banco de dados (o que é essencial para criar campanhas de e-mail marketing, como veremos na próxima aula). O formulário é um elemento de preenchimento de dados ou que resulta em uma ação desejada. É formado por um ou mais widgets: campos de textos, caixas de seleção, botões, radio buttons e checkboxes. Dessa forma, o usuário pode interagir com a página ao executar ações através desses formulários. O Wordpress aceita URLs de formulários, plugins de formu- lários e formulários incorporados. O formulário criado pelo plugin de formulários de inscrição aparece diretamente nas páginas do WordPress, assim os visitantes podem preenchê-lo sem sair do seu site. Para personalizar o estilo do formulário, você pode precisar de alguma experiência com HTML. Formulários nem sempre funcionam como o esperado. Isso acontece pois eles dependem das configurações do servidor para enviar e receber as mensagens. Inicialmente seu formulá- rio utilizará a função mail do PHP. Se ela estiver desabilitada na Centro de Educação Tecnológica 89

hospedagem, as mensagens não poderão ser enviadas. Entre- O Contact Form 7 é um plugin desenvolvido por Takayuki tanto estes e outros problemas de envio podem ser resolvidos Miyoshi com a finalidade de criar formulários personalizados facilmente por sua hospedagem. Para tanto, basta solicitar a e, assim, gerenciar a criação de novos contatos dentro do seu liberação desta funcionalidade. site feito em WordPress. Outro problema comum pode ser em relação à personalização Apesar de existirem outros plugins com a mesma finalidade, da aparência do formulário. Se você não tiver conhecimentos o Contact Form 7 é um dos mais conhecidos por conta de sua de HTML e CSS, talvez precise de um plugin que ofereça a op- simplicidade e efetividade. Além de compor formulários, ele ção de construção visual dos campos do formulário. também permite a inserção de CAPTCHA, filtragem de spam por meio do Akismet, entre outras funções. Shortcodes O Contact Form 7 conta ainda com opções avançadas de inte- Os shortcodes WordPress fornecem uma funcionalidade extra gração e extensões que permitem adicionar diversas funcio- e permitem “embedar” conteúdos em páginas, posts e barras nalidades aos formulários criados (como integração ao mail- laterais. chimp, para campanhas de email marketing). Muitos plugins e temas usam shortcodes e empoderam os Após instalar e ativar o plugin, você deverá criar um novo for- usuários para que adicionem conteúdo de uma forma dinâmi- mulário ou editar o formulário existente. Insira os campos de- ca em seus sites. Para que funcione, um shortcode referencia, sejados, formatando-os segundo sua necessidade com textos. entre colchetes ([]), uma macro criada pelo usuário ou gerada Depois, certifique-se de especificar o e-mail em que receberá por um plugin. as mensagens enviadas pelo formulário. Aí é só copiar e colar o shortcode do formulário em uma de suas páginas, posts ou Contact Form 7 widgets. Um dos plugins mais populares para criação de formulários no 1. Instale o Contact Form 7 no seu WordPress. Para isso, WordPress é o Contact Form 7. Está presente em mais de 5 mi- acesse o seu painel de administração e entre em Plugins lhões de site, possui um bom feedback dos usuários e é muito > Adicionar novo. Procure por “Contact Form 7” e clique simples de utilizar. em Instalar agora. Se preferir, acesse a página do Contact Form 7. 90 Inglês Instrumental e Webdesign

2. Ative o plugin e acesse o menu do Contact Form 7, em Contato > Editar. 3. Na página de configuração do plugin, clique em Adicionar novo. Escolha um nome para o formulário. Se o seu Wor- dPress estiver configurado para funcionar em português, o Contact Form 7 deverá criar um formulário com campos básicos (nome, e-mail, assunto e mensagem), já pronto para uso. 4. Para personalizar o formulário, utilize o botão Gerar tag. 5. O plugin criará o código automaticamente. Basta copiar o código gerado automaticamente nos campos indicados. O primeiro código, em fundo marrom, deve ser copiado para o campo “Formulário”. Já o segundo código, em fun- do verde, deve ser copiado para o campo “E-mail”. 6. No campo “Para”, localizado em “E-mail”, preencha com o endereço eletrônico que as mensagens devem ser envia- das. Salve o formulário. 7. O Contact Form 7 gerou um pequeno código, logo abaixo do nome do formulário, para que ele seja exibido em uma página, post ou widget de texto. No nosso caso, vamos copiar o código e colá-lo numa página. Para isso, entre em Páginas > Adicionar nova. 8. Cole o código na página e salve-a. Centro de Educação Tecnológica 91

E-Mail Marketing Inglês Instrumental e Webdesign O email marketing é uma estratégia de Marketing Digital ba- seada na comunicação entre uma empresa e seus consumi- dores ou leads via email, sejam eles de uma base de contatos de clientes ou gerados por meio de outras estratégias. Dentro desta estratégia podemos diferenciar os seguintes formatos: • Newsletter: artigos e novidades da empresa. • Promocional: anúncio de uma oferta paga ou gratuita, com o objetivo de conversão. • Sazonal: mensagem personalizada em datas comemora- tivas. • Boas-vindas: enviado ao interessado convertido em lead. • Inativos: objetivo de reengajar leads “perdidos”. Dependendo da ação que a sua persona decidir fazer dentro do seu blog ou site, você pode querer inseri-la em um fluxo de nutrição. A nutrição consiste em uma série de emails com con- teúdo relevante e segmentado. Como o nome sugere, esses são emails que ajudam a lead a caminhar pelo funil de vendas até uma posição clara de compra. Automação Automação de marketing é qualquer interação que ocorra entre a empresa e o lead/cliente de forma automatizada, de acordo com as ações dele no seu site, redes sociais ou Email 92

Marketing. É o uso de tecnologias para automatizar ações e a criação, diversas possibilidades de segmentação da base e processos, com o objetivo de aumentar a eficiência e a escala- relatórios sobre os envios. bilidade do marketing e, ao mesmo tempo, manter o relacio- namento personalizado com os leads. Mailchimp O público disponível na internet é imenso e as estratégias de O mailchimp é uma ferramenta de automação e envio de Marketing que podem te ajudar a atraí-los são inúmeras. Po- e-mail marketing que, na sua versão gratuita, permite o dis- rém, realizar todas elas com primazia é um belo desafio tanto paro de até 12 mil mensagens por mês. A plataforma permite para os pequenos empreendedores quanto para as grandes ainda elaborar templates, mensurar dados e criar integrações corporações. com as redes sociais. Embora possa ser usada em qualquer estratégia, geralmente a Mailchimp é uma das ferramentas de email marketing mais automação se alinha ao Inbound Marketing. A intenção é au- usadas no mundo. Não é por acaso: ele é bastante simples e tomatizar a gestão dos leads no funil de vendas, para que eles tem um ótimo custo-benefício! Mas hoje essa plataforma vai evoluam até a compra com intervenções mínimas da equipe. muito além do envio de emails. Em todo esse processo, a Automação de Marketing serve para gerar leads, nutri-los até o momento da compra e conquistar A ferramenta foi criada em Atlanta (EUA), em 2001, dentro de novos clientes. Mas, depois da compra, ela também pode ser uma agência de web design. Foi pensada para ser uma alter- usada para ativar os clientes, estimular sua retenção e gerar nativa aos softwares caros e complexos de envio de email que recomendações. existiam até então. E foi assim, com uma proposta simples, barata e voltada para os pequenos negócios, que a platafor- O email marketing é a principal ferramenta dos fluxos de au- ma cresceu, virou independente em 2007 e se consolidou no tomação. Por isso, é um recurso obrigatório nas ferramentas. mercado. A partir de 2017, o Mailchimp passou a agregar ou- Você pode usar o envio automático de emails nos fluxos, mas tros canais, como Instagram, Facebook, Google Ads, páginas também em campanhas e envios segmentados — disparos de de captura e muito mais. remarketing ou envios semanais de ofertas de um e-commer- ce, por exemplo. A plataforma serve para configurar campanhas de email de uma maneira simples e criativa. Mas ela também serve para Para isso, as ferramentas de Automação de Marketing geral- criar outros tipos de campanhas de marketing, como landing mente oferecem um editor de emails, templates para facilitar pages, publicações nas redes sociais e anúncios pagos, além Centro de Educação Tecnológica 93

de gerenciar o relacionamento com os clientes com recursos Saiba também que a ferramenta não envia um email de confir- completos de CRM. O foco em pequenos negócios transpare- mação de cadastro para essas pessoas. Então, lembre-se sem- ce nos planos do Mailchimp: existem opções gratuitas e pagas pre: você deve ter permissão dos contatos para enviar emails com ótimo custo-benefício. O preço varia conforme o limite de a eles. Sem isso, você está praticando spam! contatos, de envios por mês e as funcionalidades disponíveis. Todo conteúdo gerado e enviado pelo Mailchimp recebe o O primeiro passo para usar o Mailchimp é criar uma conta. nome de Campanha. Há quatro tipos principais de campanhas Depois de informar os dados e fazer a verificação, você deve de e-mail no Mailchimp. escolher o plano e, caso escolha uma opção paga, informar os dados de pagamento. Logo após escolher o plano, a platafor- • Normal: Este é o tipo mais comum de campanha. Crie e ma já pergunta algumas informações sobre você. O Mailchimp personalize o seu conteúdo e escolha enviar imediata- quer saber sobre o seu negócio, site, endereço e redes sociais. mente ou programar sua campanha para mais tarde. Audiência • Texto sem formatação: A forma mais simples de e-mail em massa que você pode enviar. Essas campanhas con- A lista de contatos é valiosa para uma empresa. Ali estão as têm apenas texto e não possuem opções de formatação. pessoas que já compraram, que são potenciais clientes ou já demonstraram algum interesse na marca. E essas informações • Teste A/B: Envie mais de uma versão da mesma campa- são um ativo, uma propriedade da empresa ― diferentemente nha e veja qual delas tem o melhor resultado. Teste as- dos seguidores de uma rede social, por exemplo, que perten- suntos, nomes de remetente, conteúdo e horários de en- cem a uma plataforma. vio. Se você é um usuário do Mailchimp Pro, tem a opção de testar até oito versões diferentes com uma campanha No Mailchimp, você pode criar listas de contatos (chamadas multivariada. de Audiences) e, depois, grupos e segmentos a partir dela. No plano gratuito, porém, você só pode ter uma única lista. • Automatizado: E-mails automatizados são enviados quando são acionados por uma data, evento ou atividade Ao importar contatos, sincronizar com uma ferramenta ou adi- do contato específicos. Você pode criar uma automação cionar manualmente, o Mailchimp elimina endereços duplica- personalizada do zero ou usar uma das várias campanhas dos para deixar a lista limpa. de automação pré-criadas. A maneira como você cria sua campanha depende do tipo de campanha escolhido. Cada tipo de campanha possui um con- 94 Inglês Instrumental e Webdesign

junto específico de etapas que você deve seguir para atingir 1. No menu suspenso Audience (Público), escolha o público o seu público, adicionar opções de rastreamento, criar o seu para o qual você quer enviar. conteúdo e fazer outras alterações. 2. Clique em Group or new segment (Grupo ou novo seg- Depois de enviar ou publicar uma campanha, você pode moni- mento) no menu suspenso Segment or Tag (Segmento ou torar seu desempenho no relatório da campanha. Esses relató- etiqueta). rios incluem métricas importantes, como aberturas de e-mail e cliques, impressões de anúncios e compartilhamentos de pu- 3. Crie o segmento para o qual você gostaria de enviar. blicações de redes sociais. Se você conectar a sua loja, poderá 4. Clique em Save (Salvar). ver detalhes de compras. Depois de preencher as seções To (Para), From (De), Subject Para criar uma campanha de e-mail normal: (Assunto) e Content (Conteúdo) do criador de e-mail, uma marca de seleção verde deverá ser exibida ao lado de cada 1. Clique no ícone Create (Criar). uma delas. Isso significa que o seu e-mail normal está pronto 2. Clique em E-mail no menu suspenso. para ser enviado imediatamente. 3. Clique em Regular (Normal). 4. Insira o nome da campanha e clique em Begin (Começar). Se estiver preparado para enviar o e-mail aos seus assinantes, clique em Send (Enviar). Então, na tela Review Your Campaign Você será direcionado para o criador, onde poderá esco- (Revisar sua campanha), clique em Send Now (Enviar agora) lher suas configurações e criar o conteúdo. para confirmar o envio. Há quatro ações principais a serem realizadas antes de enviar. Integração • Adicionar seus destinatários na seção To (Para). A melhor forma de integrar o Mailchimp com as informações • Adicionar seu nome de remetente e endereço de e-mail adquiridas pelo seu site WordPress é através de um plugin. O Contact Form 7 MailChimp Extension é um plugin de fácil ins- do remetente na seção From (De). talação. • Adicionar o assunto na seção Subject (Assunto). • Criar sua mensagem na seção Content (Conteúdo). Após ser ativado, ele vai criar uma aba extra em cada formu- lário do Contact Form 7 oferecendo a opção de configurar a Para enviar uma campanha para um segmento personalizado entrada dos dados diretamente nas listas de e-mails. único ou um grupo dentro do seu público, siga estas etapas. Centro de Educação Tecnológica 95

Se tiver dúvidas, basta acessar o tutorial do plugin diretamen- lher a opção “signup forms” e, depois, selecionar “Embedded te neste espaço. Forms”. Lembre-se de que o mailchimp não possui suporte para o idioma português (apesar de permitir que o browser Contact Form 7 MailChimp Extension tem uma forma de tra- traduza automaticamente suas páginas), então embora este balhar bastante intuitiva e permite integrar diferentes listas de método parece mais rápido e menos burocrático, ele exigirá contato MailChimp com os diversos formulários do site. Ele um conhecimento maior na língua inglesa e sua integração ao ainda tem suporte a campos personalizados (custom fields), Wordpress pode não ser tão intuitiva. permitindo customizar os dados que você quer obter dos seus visitantes. Você será direcionado para uma página de configuração, na qual pode preparar a página do seu formulário, escolhendo Outra opção importante ao desenvolvedor é o Jquery Valida- cada item que deseja mostrar e as informações a serem exibi- tion For Contact Form 7. Ele realiza a validação de cada campo das. Depois que tudo estiver ao seu gosto, você pode copiar o (field) antes do usuário clicar no botão Enviar, minimizando código HTML e adicioná-lo a uma página no WordPress. Para erros e, consequentemente, o tempo no preenchimento dos isso, vá nas configurações do WordPress, acesse Aparência > campos. O plugin versões paga e gratuita. A versão gratuita Widgets. realiza a validação para campos obrigatórios, e-mail, URL, data, número, telefone e algumas outras. A versão paga trata Você pode também utilizar o plugin Mailchimp for WP. Neste e valida campos alfanuméricos, celular, IP e outros tipos mais caso, será preciso encontrar, na sua conta do Mailchimp, a op- avançados e específicos. ção “Create API Key” (Criar chave API). De posse do número in- formado, copie-o e cole-o nas configurações do Mailchimp for Por fim, você pode eliminar completamente a utilização do WP. Isto permitirá não só que você gerencie algumas etapas Contact Form 7 e incorporar de forma integral o MailChimp no das suas campanhas a partir do próprio Wordpress, mas tam- seu WordPress, utilizando o criador de formulários do próprio bém ajudará a controlar mais facilmente que outros plugins Mailchimp. Para isso, primeiro, você deve entrar no seu perfil estão integrados à sua conta do Mailchimp (como o próprio do MailChimp , clicar em “Audience” no menu superior, esco- Contact Form 7 e outros). 96 Inglês Instrumental e Webdesign

Otimização de Mecanismos de Buscas O marketing digital é uma área versátil, com tipos variados de estratégia voltados para aumentar o reconhecimento da em- presa, intensificar as vendas, educar o mercado, entre outros objetivos. Para isso, é fundamental usar técnicas que ajudem o cliente em potencial a descobrir o seu negócio. Tanto o SEO quanto o SEM funcionam nesse sentido, trabalhando em con- junto com o melhor que um site de busca tem a oferecer. Search engine optimization (SEO) pode ser descrito como um conjunto de estratégias e táticas usadas para garantir que um site é acessível a uma ferramenta de busca e melhorar as chan- ces de que ele seja encontrado pelo buscador. O objetivo de um SEO bem realizado é obter uma alta colo- cação na página de resultados de pesquisa de um motor de busca (por exemplo, Google, Bing, Yahoo e outros). Usuários da Internet muitas vezes não navegam através de páginas e páginas de resultados de pesquisa, de modo que sua coloca- ção em uma pesquisa é essencial para direcionar mais tráfego para o site. Quanto melhor colocado naturalmente for um site em resultados orgânicos de busca, maior a chance de que será visitado por um usuário. É importante que se compreenda que os algoritmos do Google foram criados para conseguir eleger as melhores páginas da internet, ou seja, aquelas que serão exibidas como os primei- Centro de Educação Tecnológica 97

ros resultados para determinadas palavras-chave serão aque- Os anúncios PPC aparecem nas páginas de resultados do me- las que apresentarem o melhor conteúdo para os internautas. canismo de pesquisa, ao lado das listagens orgânicas. Eles dão Fazer bom SEO requer entender como o Google (ou outro bus- à sua empresa a oportunidade de aumentar a visibilidade de cador) funciona. suas páginas da web, landing pages, artigos de blog e muito mais. Tudo começa com o rastreamento, processo pelo qual os ro- bôs (bots) do Google identificam páginas e a enviam ao índice O SEO envolve um conjunto de técnicas aplicadas para otimi- do buscador. Conforme visitam as páginas, os bots identificam zar as páginas de uma empresa para os mecanismos de busca. links, novos sites, alterações e exclusões. Para isso, é preciso evoluir continuamente para acompanhar os algoritmos em constante mudança do Google. O SEO é com- Quando ocorre uma consulta, os resultados exibidos são os posto de atividades on-page e off-page como seus dois princi- mais relevantes, uma decisão determinada por mais centenas pais pilares. de fatores, que já não são os mesmos desde o início do Goo- gle, e mudam de tempos em tempos. SEO On Page O SEO tradicionalmente tem sido entendido como um com- Aqui estamos falando sobre todas as técnicas que você aplica ponente de Search Engine Marketing (SEM), englobando tan- dentro do seu próprio site ou da sua página. A produção de to táticas pagas quanto orgânicas. É o conjunto de ações de um conteúdo de qualidade, um site rápido e otimizado para marketing veiculadas no ambiente de um motor de pesquisa. plataformas variadas, a meta descrição do seu post e a URL são alguns exemplos dessas ações. O SEM envolve a obtenção de visibilidade por meio de anún- cios pagos em mecanismos de pesquisa como o Google. Esses • Metadados otimizados: inclui a tag de título da página, anúncios são comumente referidos como anúncios pay-per- meta descrição, tags de cabeçalho e tag de imagem ALT – -click (PPC). Há muitos outros termos usados para atividades que incorporam as palavras-chave; de SEM, incluindo anúncios de custo por clique (CPC), anún- cios de pesquisa paga e publicidade de pesquisa paga. • Página: textos bem escritos e otimizados por meio do uso de palavras-chave estratégicas; A publicidade PPC permite a uma empresa segmentar poten- ciais compradores através de um anúncio relevante e de pala- • URLs de página: preferencialmente simples e bem forma- vras-chave que correspondam às suas consultas de pesquisa. tadas, com o uso das palavras-chave; • Rapidez: otimização da velocidade de carregamento da página. 98 Inglês Instrumental e Webdesign

SEO Off Page Isso porque as campanhas podem ser segmentadas de acordo com diversas características. No SEO Off Page estão incluídas todas as técnicas que têm a ver com a relação do seu site com todo o ambiente da internet. Para ir para o topo pago do Google, empresas utilizam o Goo- Essas ações são realizadas fora do site. Veja alguns exemplos: gle Ads (anteriormente chamado de AdWords), plataforma que representa a principal fonte de receita da companhia de • Link building: estabelecer uma rede de links internos en- Mountain View. A primeira versão da plataforma foi lançada tre as páginas do seu site melhora o rankeamento, pois o em 2000 e, desde então, é líder do mercado. Google lerá todas as páginas como uma única coisa, mais forte do que uma página isolada; A segmentação e atração de público qualificado, que tenha relação com o negócio, estão entre os principais trunfos do • Guest posts: nesta estratégia, você publica conteúdos em Google Ads. blogs e sites de outras empresas, com o objetivo de forta- lecer ambos os domínios; Os anúncios que aparecem nos resultados de busca são cha- mados de Rede de Pesquisa. Ficam em destaque no início de • Campanhas e ações de comarketing: assim como nos no fim da página, com o pequeno aviso que alerta ao usuário guest posts, o objetivo aqui é fortalecer os dois domínios. se tratar de uma mídia paga. Estes anúncios são indicados para Nessas ações, você pode lançar materiais ricos em parce- negócios que querem alcançar um público em busca de solu- ria com a outra marca ou desenvolver ações crossmedia. ções específicas. Links Patrocinados SMO Os links patrocinados são bem conhecidos por quem investe Otimização de Mídias Sociais ou então Social Media Optimi- em Marketing Digital. Os mais famosos são os que aparecem zation é um dos métodos utilizados para se otimizar websites no topo das buscas do Google, identificados com a palavra juntamente com o SEO. “Anúncio”. Mas, além dos mecanismos de busca, também po- dem aparecer em redes sociais, blogs, portais, dentre outros. Essa estratégia tem como foco principal fazer com que a quan- tidade de visitantes únicos dentro de qualquer mídia social, Se dá para aparecer de graça no Google, por que então pagar seja ela Facebook, Twitter, Instagram e outros, aumente. Facili- por isso? É que, com links patrocinados é possível ter resulta- dos rápidos e previsíveis, ainda que com pouco investimento. Centro de Educação Tecnológica 99

tar a interação do usuário com a plataforma da empresa e adi- não deve ser muito grande, ou pode ser cortado pelo algorit- cionar possibilidades de compartilhar conteúdos são algumas mo do Google. Para evitar isso, recomendamos um limite de das estratégias usadas no SMO. 60 caracteres. SMM Meta Description Marketing de Mídias Sociais ou, então, no termo original, So- A meta description é uma tag de HTML de uma página que re- cial Media Marketing é o serviço ou a estratégia responsável sume o assunto que será abordado no conteúdo. Ela aparece por todas as maneiras de se criar o marketing voltado para as abaixo da Title Tag e seu conteúdo deve ser curto, atraente e mídias sociais. O seu objetivo principal é o de criar postagens informativo. com qualidade e encorajar todos os usuários a compartilhar o conteúdo de uma empresa pela web. O objetivo é que, ao ler a meta description, o usuário se inte- resse pelo material e acesse o website. A partir daí, seu objeti- SEO Title vo é mantê-lo no site para que possa acessar mais conteúdos. O SEO title é o pequeno texto exibido nas SERPs (páginas de Uma técnica importante para esse objetivo é o link building resultados de pesquisa de buscadores) para descrever para os interno, que vimos anteriormente. Ao associar outras páginas internautas o que será encontrado no conteúdo. Um site que de seu website com palavras utilizadas no artigo, você aumen- não estabelece um desses títulos deixa para o mecanismo de ta as chances de permanência do visitante. busca a tarefa de defini-los, o que pode resultar na utilização do cabeçalho ou de uma parte do texto. Naturalmente, isso Plugins para SEO não é positivo para a experiência do usuário. A velocidade é um dos fatores mais relevantes para que os Para definir as páginas que aparecerão nas primeiras opções, o mecanismos de pesquisa determinem as classificações de si- Google, por exemplo, utiliza um algoritmo que busca mostrar tes, blogs e e-commerces. Enquanto páginas mais lentas têm aos leitores os conteúdos mais relevantes à sua pesquisa. classificação baixa e não rankeam nas primeiras páginas, sites Assim, páginas que ignoram o SEO title têm maior dificuldade otimizados para SEO, ou seja, com velocidade de carregamen- em rankear entre os primeiros colocados. Para criar um título to mais alto, ficam nas posições mais elevadas dos resultados otimizado para SEO, você deve utilizar a palavra-chave relacio- e, consequentemente, têm maior visibilidade na web. nada e redigir um texto descritivo. Vale frisar que esse texto 100 Inglês Instrumental e Webdesign