CriarSite.Online
Login

Tag: wordpress

  • Recursos do formulário de contato DIVI

    Recursos do formulário de contato DIVI

    O novo módulo de formulário de contato com mais opções de entrada, lógica condicional e validação de campo

    O novo e melhorado módulo de formulário de contato

    Icon

    Hoje, estamos anunciando uma grande atualização para o módulo de formulário de contato Divi, incluindo novos tipos de campo, mais opções de personalização, validação de campo e lógica condicional.

    Hoje é um grande dia para o módulo de formulário de contato Divi. Esta nova atualização leva o que era um construtor de formas simples e transforma isso em algo muito mais avançado e cheio de possibilidades. Nós adicionamos mais tipos de entrada, mais customizabilidade, regras de validação de campo e lógica condicional. É uma grande atualização que realmente leva o módulo para o próximo nível.

    Novos tipos de entrada

    Icon

    O módulo de formulário de contato agora vem com todos os tipos de entrada que você precisa, incluindo caixas de seleção, seleção de pastas e botões de rádio.

    O módulo de formulário de contato agora contém todos os tipos de entrada que você precisa. Incluindo seleção de dropdowns, caixas de seleção e botões de rádio. E a nova interface facilita a gestão de itens secundários dentro desses novos tipos de campo. Adicione e subtraia o menu suspenso e os itens de rádio com facilidade. E até mesmo escolha quais itens devem ser pré-selecionados.

    Caixas de verificação

    Checkbox

    O módulo de formulário de contato agora aceita caixas de seleção. Quando você cria um novo campo dentro do módulo do formulário de contato. Você verá as caixas de seleção como uma opção dentro do menu de seleção do tipo de entrada. Checkboxes são uma ótima maneira de obter informações rapidamente de seus visitantes. Você também pode optar por fazer uma caixa de seleção “necessária”. O que é ótimo para garantir que as pessoas concordem com seus Termos de Serviço ou Política de Privacidade antes de enviar suas informações.

    Selecione Dropdowns

    Dropdowns

    O módulo de formulário de contato agora oferece suporte a menus suspensos selecionados. Quando você cria um novo campo dentro do módulo do formulário de contato. Você verá os menus suspensos selecionados como uma opção dentro do menu de seleção do tipo de entrada. Se a informação que você está solicitando tiver um conjunto fixo de respostas possíveis. Ou se você quiser limitar a resposta a um conjunto fixo de valores, usar menus suspensos pode fornecer resultados superiores. Eles são fáceis de usar e eles eliminam a chance de erro do usuário.

    Botões do rádio

    Radio buttons

    O módulo de formulário de contato agora oferece suporte a botões de rádio. Quando você cria um novo campo dentro do módulo do formulário de contato, você verá os botões de opção como uma opção dentro do menu de seleção do tipo de entrada. Os botões de rádio funcionam da mesma forma que as opções de seleção. Permitindo que o usuário escolha uma opção desta lista. Se você estiver trabalhando com uma pequena lista de opções. Os botões de rádio requerem menos interação do que selecionar menus suspensos. Pois todas as opções estão visíveis sem ter que clicar no menu secundário.

    Fácil gestão de Sub Item

    Sub item management

    O módulo de formulário de contato atualizado vem com uma nova interface. Para gerenciar itens secundários dentro do botão de opção e selecionar os tipos de entrada de lista suspensa. É fácil adicionar e subtrair itens diretamente na janela de configurações do formulário de contato. Você também pode escolher se uma caixa de seleção ou botão de rádio deve ser pré-selecionado.

    Lógica Condicional

    Conditional Logic

    Hoje estamos apresentando um sistema de lógica condicional abrangente. Que permite que você exiba e esconda os campos com base na informação que os visitantes colocam no seu formulário.

    O meu novo recurso favorito é o sistema de lógica condicional. Nós implementamos opções de lógica condicional no módulo de formulário de contato que permitem que você exiba e esconda os campos com base na informação que seus visitantes colocam no formulário. Por exemplo, você pode criar um formulário dinâmico de cotação de design web usando lógica condicional que exiba campos adicionais. Quando os usuários selecionam certos pacotes de design web. Se o visitante escolher a opção eCommerce, exiba automaticamente campos adicionais para solicitar mais informações sobre seus negócios. O sistema de lógica condicional é muito robusto e permite misturar e combinar várias regras para criar qualquer combinação que possa imaginar.

    Criar formulários dinâmicos

    Há tantas maneiras criativas que a lógica condicional pode ser usada para criar formas dinâmicas que se adaptem às informações do visitante. Permitindo capturar dados relevantes de diferentes tipos de usuários. À medida que os visitantes preenchem o formulário de contato, muda-se automaticamente com base nas regras que você forneceu.

    Dynamics forms

    IU de lógica condicional

    A nova interface UI de lógica condicional é super fácil de usar. Depois de habilitar a lógica condicional para um determinado campo. Você pode adicionar qualquer número de regras que determinarão quando esse campo for exibido. Adicione, subtraia e combine conjuntos de regras complexas diretamente da janela de configurações do Divi Builder.

    conditional UI

    As regras

    O sistema de lógica condicional suporta vários tipos de regras. Cada um dos quais permite determinar uma partida com base em critérios diferentes. Cada regra tem várias aplicações diferentes que podem ser usadas para personalizar seu formulário.

    Rules

    Veja as Regras

    • Igual: esta regra corresponde quando a informação que um visitante coloca em um campo específico é uma correspondência exata com o valor que você especifica. Por exemplo, se você perguntar a um cliente qual o tipo de site que eles precisam, e eles selecionam “eCommerce”, você pode exibir campos adicionais que solicitam mais informações sobre os tipos de produtos que eles vendem.
    • Não é igual – Este é o oposto da regra “Igual”. Isso exibirá um campo quando o valor adicionado a um campo específico não corresponde ao valor que você especificou.
    • Contém – Esta regra corresponderá quando os dados inseridos contiverem o valor que você especificou. Isso é diferente de “Igual” porque não requer uma matemática exata. Por exemplo, você pode pedir o endereço comercial do visitante e, se o valor que eles inserem contém “Califórnia” ou “CA”, você pode exibir campos adicionais que solicitam mais informações sobre política local e regulamentação comercial para a Califórnia.
    • Não contém – Este é o oposto da regra “Contém” e exibirá um campo quando o valor inserido não contiver o valor que você especificou. Por exemplo, digamos que existem alguns regulamentos do governo local em todo os Estados Unidos que afetam sua capacidade de atender certos clientes. Esses regulamentos existem em todos os estados, exceto Oregon e Washington. Você pode configurar uma regra que apenas exiba campos adicionais quando o endereço fornecido pelo cliente não contém “Oregon”, “OU”, “Washington” ou “WA”.

    Regras para numéricos

    • É Maior que – Esta opção funciona com todos os valores numéricos. Por exemplo, você pode perguntar quantos sites o pessoal precisa ser criado. Se eles precisam de mais de 10 sites, talvez seja necessário exibir mais campos para solicitar informações adicionais para fornecer uma cota
  • Como melhorar a estrutura de texto do seu site

    Como melhorar a estrutura de texto do seu site

    Vale a pena pensar sobre a estrutura de seu texto antes de começar a escrever.
    A estrutura é o esqueleto do seu texto: ajudará o leitor a entender a idéia principal do seu texto.
    Nesta publicação, iremos dar dicas práticas para ajudá-lo a configurar uma estrutura de texto agradável e clara.

    Uso de palavras de Transição

    As palavras de transição dão uma direção aos seus leitores. Para orienta-los você deve usar palavras de transição suficientes. Essas palavras mostram ao leitor que você está resumindo, comparando ou concluindo alguma frase. Mostram aos seus leitores a conexão entre frases e parágrafos, por exemplo:

    Como configurar sua estrutura de texto em 3 etapas

    Passo 1: Crie uma lista

    Se você reuniu todas as informações que deseja usar em sua postagem ou artigo, você pode começar com a estruturação. Você pode fazer uma lista de todos os tópicos. Você deve fazer uma lista de tudo o que seu texto deve cobrir.

    Passo 2: Agrupe os temas

    Possuir uma visão geral clara de todos os tópicos que deseja discutir no seu artigo, você começa a agrupar tópicos. Os tópicos que são semelhantes devem, evidentemente, ser discutidos em conjunto.

    Passo 3: Organizando tópicos

    Você deve decidir sobre a ordem em que deseja apresentar os tópicos em seu artigo. Na maioria dos casos, você decidirá ordenar temáticamente. Por exemplo, se você quiser discutir vários aspectos ou ângulos do tópico principal do seu site. Você deve então discutir todos os aspectos em um novo parágrafo.

    Na estrutura de texto que configurou, você juntou os tópicos agrupados. Você pode começar a escrever parágrafos, mas o que faz um bom parágrafo? Um parágrafo pode ser definido por três coisas:

    1. Um parágrafo deve formar uma unidade temática.
    2. Conter uma sentença central e uma elaboração desta sentença central.
    3. Deve ser visível (usando espaços em branco).

    Em muitos casos, a coerência dentro dos parágrafos e entre os parágrafos ainda não está clara. Esses tipos de erros podem prejudicar a estrutura de seus artigos.

    Os parágrafos podem ser curtos ou longos. O comprimento de um parágrafo é decidido pelo tema que você está discutindo. Poderia ser duas frases, mas um parágrafo também poderia conter 15 frases. Para escrever em sites, recomendamos criar pequenos parágrafos (ficar com menos de 6 ou 7 frases).

    O Google usa seus títulos para determinar o tópico do conteúdo em seu site. Por isso, seus títulos devem devem ser usados para otimizar sua postagem. No entanto, os títulos são de grande importância para os seus leitores também. Os cabeçalhos permitem que seus leitores digitalizem rapidamente seu texto e decidam quais partes gostariam de ler sobre artigo. Os títulos assim devem ser atraentes e devem cobrir o conteúdo do parágrafo.

    Negritos e itálicos

    O Google procura exibir em seus resultados as páginas mais relevantes, as palavra-chave buscadas. Uma das formas do google identificar a relevância de uma página é a ocorrência de negritos e, até certo ponto, itálicos. Como esses textos aparecem em destaque na página, são um forte indício de que o assunto da página está relacionado ao seu conteúdo. Procure colocar ao menos 1 vez em negrito a palavra-chave trabalhada na página.

    Sinônimos e variações

    Um bom conteúdo não deve ser repetitivo, e repetir uma palavra-chave diversas vezes pode parecer não natural, “feio de ler”. Procure utilizar sinônimos, variações, palavra-chave complementares em seu texto.

    Conclusão

    Aproveitar o tempo para pensar sobre uma estrutura de texto clara antes de começar a escrever é um primeiro passo muito importante. Ao escrever, pense na estrutura dos seus parágrafos, no uso de palavras-chave e nos títulos da sua publicação. Se você seguir estas “regras”, sua postagem no blog será compreensível e legível para o seu público.

    Configurar uma estrutura coerente para a postagem no blog resultará em uma melhor compreensão da mensagem da sua postagem. Se as pessoas entenderem sua mensagem, eles serão muito mais propensos a compartilhar sua postagem em mídias sociais ou a comprar as coisas que você tem para oferecer.

    Saiba mais

  • Como melhorar a legibilidade de seu site

    Como melhorar a legibilidade de seu site

    Porque a legibilidade é importante para o SEO?

    Tornar o seu site mais visível, ou amigável, para os sites de busca é uma das principais coisas que você deve ter em mente quando trata de SEO. Aumentar ao máximo a legibilidade deve ser uma de suas metas. Pois assim você tem a certeza de que o algoritmo vai coletar o máximo de informações possíveis sobre seu site. Lembrando que de nada adianta ter um site muito bom se ele não for encontrado e bem classificado pelos sites de busca.

    Existem algumas características nos sites que dificultam o trabalho dos sites de busca e devem ser evitadas:

    • Uso Excessivo JavaScript: embora muitos dos algoritmo mais recentes já tenham recursos por exemplo para buscar links dentro de arquivos JavaScript, o seu uso não é recomendado pois dificulta o trabalho de indexação do algoritmo.
    • Pouco Conteúdo: um dos erros que podem as vezes ser cometidos no desenvolvimento do site, é o fato de ele ter pouco conteúdo, ou então, ter o conteúdo escondido. Quando o algorítmo não encontra conteúdo no corpo do site, ele perde pontos na indexação, pois ele considera assim que o site tem pouca relevância. Conteúdo escondido ocorre por exemplo quando temos animações em Flash e links escondidos em imagens.

    Legibilidade e o posicionamento das palavras chave

    Existem algumas técnicas de posicionamento de palavras-chave que podem melhorar bem a legibilidade do seu site:

    • Utilize, sempre que possível, as principais palavras chave do site próximas ao topo da página.
    • Procure sempre incluir as principais palavras em todas as suas Heading Tags (subtítulos).
    • Utilize as palavras chave o máximo de vezes possível no seu site. Sem exagerar, pois os algoritmos em geral tem mecanismos de detecção de spam. O ideal é que de 4% a 6% do total das palavras consistam em palavras chave.

    Torne seu site mais útil!

    Criar sites mais legíveis para os usuários é um dos segredos mais interessantes para se atrair mais visitantes. Pois assim os usuários voltam e fazem propaganda positiva do seu site. Deve-se sempre ter em mente a praticidade, deve-se evitar animações em flash sem propósito por exemplo. Porque no fundo o que o usuário busca não é um site “bonito” e sim um site útil. Onde a informação esteja disponível e a navegação não apresente problemas. Disponha sempre diferentes maneiras de o usuário utilizar seu site, pois cada pessoa pensa de um jeito.

    Saiba também a diferença entre:


  • Os 4 melhores plugins do instagram para WordPress

    Os 4 melhores plugins do instagram para WordPress

    Sua conta do Instagram é uma ótima forma de compartilhar sua vida, produtos e serviços. Com todo esse excelente conteúdo, por que não exibir sua conta no seu site ou blog? Descubra quatro formas que a CriarSite.online recomenda para facilitar, a conexão da sua conta em seu site.

    Além de compartilhar sua página de perfil com outras pessoas, o aplicativo permite que você se conecte à Instagram API e exiba suas imagens enviadas em seu site. Esta não é apenas uma ótima maneira de compartilhar suas imagens, mas também encoraja outros usuários a seguí-lo.

    Simply Instagram

    Esse plugin WordPress gratuito permite que você integre imagens da sua conta em seu site usando um widget. Ele inclui uma opção para exibir imagens em slides e também reproduzir vídeos, além de permitir que você coloque o link para acompanhar a sua conta.

    Enjoy Instagram

    Uma solução flexível para exibir suas imagens em uma grade ou um carrossel. O plugin é otimizado para dispositivos móveis e oferece suporte a toque para usuários móveis. As hashtags também são suportadas.

    Instagram Feed WD – Gallery for WordPress

    É um plugin simples que vem com um gerenciamento fácil de usar e de fácil configuração, permite incorporar feeds personalizado de hashtags e usuários para o seu site em apenas alguns minutos. Você pode incorporar galerias e cronogramas inteiros para suas mensagens.

    Instagram Feed

    Exiba fotos de qualquer conta não privada, aumente seu número de seguidores exibindo seu conteúdo diretamente em seu site. Seu conteúdo sincorinizado automaticamente  mantendo seu site atualizado e poupando tempo. 

  • URL amigavel

    A URL amigável é como os sistemas de busca vão localizar o seu site. Também é uma forma do visitante não olhar para coisas estranhas, complicadas de entender na URL de um link/navegador.

    Os sistemas de busca aumentam a pontuação dessas páginas quando o endereço é relevante. E contem palavras que fazem parte do título e/ou conteúdo da página.

    Em primeiro lugar, é necessário estar na área administrativa do seu site.

    Veja como acessar a área administrativa do seu site.

    Além disso no menu à esquerda do WordPress, vá com o mouse na aba Configurações e clique em Links permanentes.

    A configuração Padrão mostra na URL o IP do post. O que por ser um código não facilita a localização pelos sistemas de busca e não é de facil interpretação pelos visitantes.

    Já na configuração Dia e Nome a aparência da URL se torna um pouco mais fácil de ser localizada pelos sistemas.

    Uma configuração de fácil localização pelos serviços de busca e de interpretação dos visitantes é pelo Nome do post.

    Você também tem a opção de mudar a URL em cada post/pagina que for criar. Aprenda como fazer esse tipo de alteração vendo o restante do tutorial logo abaixo.

    Em Posts no menu a esquerda, há opção editar ou adicionar novo. Você tem logo abaixo do título do seu post, o Link Permanente da página. Portanto selecione o botão Editar para fazer as alterações.

    Coloque o título do seu post (sem letra maiúscula, sem acentuação e separado por hífen), essa é uma das formas mais fáceis de um post ser localizado. Para finalizar clique em OK.

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

  • Como colocar vídeo de background

    Como colocar vídeo de background

    Abaixo segue o passo a passo de como inserir um vídeo de background usando o editor Divi.

    Para isto, é necessário estar dentro da área administrativa do seu site

    Explorando o Módulo de Vídeo

    O módulo de vídeo permite que você incorpore vídeos em sua página de qualquer fonte. A documentação do Divi no módulo de vídeo explica todos os recursos e como adicionar um vídeo de background à sua página.

    No menu à esquerda do WordPress, vá com o mouse na aba Página e clique em Adicionar nova.

    Digite o nome da página no campo indicado, depois clique no botão Usar Construtor Divi.

    Clique em Usar Visual Builder para editar a sua página.

    Após abrir o editor Divi, vá até o centro da tela na parte inferior, na opção Expandir Configurações (botão roxo) e clique em Abrir da Biblioteca ( + ), selecione um layout pré definido para criação de sua página.

    Definido o layout de sua preferência selecione a opção Configuração de Módulo

    Uma vez selecionada a opção de configuração de módulo uma pequena tela aparecerá, onde você deverá clicar no botão de configuração para alterar e inserir seu vídeo como background.

    Após entrar nas configurações do seu módulo, procure pela opção Plano de Fundo, selecionando a última opção de vídeo e clique para inseri-lo.

    Do mesmo modo, após inserir seu vídeo de background selecione a opção Salvar (botão verde) e de continuidade na criação de seu site.

    Saiba onde encontrar vídeos gratuítos para seu background

  • Como alterar o tamanho do logo no site

    Nesse tutorial, você pode conferir passo a passo com alterar o tamanho do logo do seu site usando o editor de sites no WordPress. Caso tenha dificuldades para acessar a área administrativa do seu site, confira o tutorial clicando aqui.

    A alturado logotipo é controlada na opção Customizador de Temas, encontrado em “Divi > Customizador de Temas > Plano de Fundo > Barra de Menu Primaria”.

    Necessário estar logado na área administrativa, saiba mais.

    Para entrar na área administrativa do seu site abra o seu navegador, digite na barra de endereço o seu domínio seguido de /wp-admin e entre com seus dados de login e pressione a tecla Enter.

    Depois, vá na aba Divi e clique em Customizador de Temas.

    Depois, vá na aba Divi e clique em Customizador de Temas.

    Selecione a opção Plano de Fundo.

    Escolha a opção Barra de Menu Primaria.

    A barra MENU ALTURA controla o tamanho do cabeçalho, enquanto a LOGO MAX ALTURA controla o tamanho do logotipo. O logo não pode ser maior do que o tamanho do próprio cabeçalho.

    A configuração da logo max altura é dada como uma porcentagem da barra menu altura.

    Observe que o logotipo nunca será exibido maior que o tamanho da imagem real carregada.

  • Sites para inspiração utilizando o editor de site WordPress

    Sites para inspiração utilizando o editor de site WordPress

    O editor de site já possui diversos temas e recursos pré configurados para criar site de forma rápida, eficaz e responsivo.

    Conheça site inspiradores para ajudar na hora de criar site.











    Quer ver mais sites?

    Ver mais

  • Como adicionar um menu no site

    Nesse tutorial, é possível aprender como adicionar menus no site utilizando o WordPress:

    É necessário estar logado na área administrativa,
    saiba mais.

    Para entrar na área administrativa do site, abra o navegador, digite na barra de endereço o domínio seguido de /wp-admin e entre com seus dados de login, pressionando a tecla Enter.

    Área administrativa WordPress
    Adicionar menu WordPress

    Dentro da área administrativa, no menu à esquerda, passe o mouse sobre a aba Aparência e clique em Menus.

    Clique no link crie um novo menu, depois digite o nome do menu desejado na área correspondente e clique em Criar menu.

    Criar novo menu WordPress
    Gerenciar itens do menu WordPress

    Agora é possível gerenciar os itens que deseja no menu.

    Em Páginas, há a opção de selecionar um ou mais itens que deseja adicionar. Clique na caixa de seleção e depois em Adicionar ao Menu.

    Na Estrutura do Menu, é possível visualizar os itens atuais do menu. Se quiser, você pode mudar a ordem deles clicando e arrastando para cima ou para baixo, definindo a posição ideal.

    Configurações do menu

    É possível definir o local onde o menu aparecerá no site, selecionando uma das opções em Exibir localização. A opção Menu inicial deixa os links no topo do site. Sempre clique no botão Salvar Menu.

    Parabéns, menu criado com sucesso. Confira no site o menu criado.

    Se ainda está com dúvidas, comente abaixo que vamos responder o mais rápido possível.

    Menu criado com sucesso WordPress
  • Como acessar a área administrativa do seu site

    Abaixo segue o passo a passo de como entrar na área administrativa do seu site de forma fácil é rápida.

    Para entrar na área administrativa do seu site abra o seu navegador, digite na barra de endereço o seu domínio seguido de /wp-admin assim como mostra a imagem ao lado e pressione a tecla Enter.

    Em seguida, digite o nome de usuário ou o endereço de e-mail e a senha cadastrados, durante a instalação do site e clique no botão Fazer login.

    Os dados de acesso da área administrativa foram enviados para o e-mail cadastrado, verifique a caixa de lixo eletrônico ou spam.

    Caso você tenha perdido sua senha, é possível redefinir uma nova senha, clique no link Perdeu a senha?.

    Se perdeu sua senha

    Clique no link mencionado acima e digite o nome de usuário ou o e-mail cadastrado no campo indicado e clique no botão Obter nova senha. Em breve irá receber um e-mail para redefinir a senha. Verifique a caixa de lixo eletrônico ou spam.

    Entrou com sucesso

    Após ter efetuado o login com sucesso, a área administrativa estará aberta para poder personalizar seu site de acordo com o seu negócio.

    Entre em contato e tire suas dúvidas

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

    Entre em contato