CrocoBlock Review Melhor serviço para cupom de desconto Elementor Page Builder

Publicados: 2022-09-18

Ultimamente, havia mais de 1 milhão de instalações ativas do construtor de páginas Elementor. Mais pessoas gostam de manter as coisas simples enquanto trabalham no conteúdo do site. Isso significa que todos precisam das soluções que permitem trabalhar com o site sem codificação, e também se mostram úteis na criação de projetos mais complexos com menos esforço. O CrocoBlock é exatamente o que você procura ao trabalhar nesses projetos, especialmente se estiver usando o Elementor.

O serviço já chamou a atenção de desenvolvedores do WordPress, bem como de estúdios web e freelancers. Eu também não poderia perder a oportunidade de experimentá-lo, e definitivamente fiquei satisfeito com a combinação de flexibilidade e poderosa funcionalidade que o CrocoBlock oferece.


Então, se você não sabe nada sobre a assinatura do CrocoBlock, vamos começar com as coisas gerais que caracterizam este serviço.

O serviço de assinatura CrocoBlock inclui:

  • +30 skins em diferentes tópicos feitas para Elementor (blogs, contabilidade, agência, negócios, etc);
  • mais de 1000 seções pré-projetadas juntamente com funcionalidade modular;
  • 10 plugins Jet fornecendo todos os tipos de conteúdo e funcionalidade;
  • Suporte profissional 24 horas por dia, 7 dias por semana;
  • licenciamento anual/ vitalício simples.

Com todo este pacote você será capaz de criar um site do zero, sem nem sequer suar a camisa. Vamos descobrir como isso pode ser feito, supondo que você tenha o construtor de páginas Elementor Free e a licença anual única no CrocoBlock.

Índice

Etapa 1. Instalação Rápida

Logo depois de comprar a assinatura do CrocoBlock, você se encontra na seção Downloads que pode ser acessada na página da sua conta.

Aqui você pode ver as três opções disponíveis que podem guiá-lo pelo processo de instalação:

  • Super Easy Installation Pack – este você usaria se desejasse instalar todos os produtos CrocoBlock de uma só vez, incluindo o tema Kava e o conjunto de plugins Jet junto com o conteúdo de demonstração;
  • Easy Installation Pack – sinta-se à vontade para usar este pacote para instalar os produtos CrocoBlock e o tema Kava separadamente, ou caso você não queira usar o tema Kava no momento e prefira usar outro tema WordPress;
  • Jet Plugins Pack – use este pacote no caso de você querer instalar plugins Jet e usar as skins e seções pré-desenhadas, mas você não tem certeza se vai usar qualquer outra coisa.

Decidi usar o CrocoBlock Super Easy Installation Pack, pois vou explorar a funcionalidade completa do serviço.

Eu também preparei um site que tem uma instalação limpa do WordPress.

O plugin JetThemeWizard me conduziu por todas as etapas de instalação em cerca de 2 minutos. Eu adicionei a chave de licença e optei por usar o tema Kava Child.

Em seguida, selecionei uma das skins disponíveis na lista de skins e cliquei no botão Iniciar instalação.

Configurar os plug-ins

Os plugins são divididos em blocos obrigatórios, recomendados e extras . Decidi instalar todos eles e cliquei no botão Avançar. Levei 38 segundos para instalar tudo.

Também selecionei a opção Anexar conteúdo de demonstração ao conteúdo existente e cliquei no botão Avançar para prosseguir com a instalação do conteúdo de demonstração.

O conteúdo de demonstração foi instalado em menos de 20 segundos . No entanto, o processo de regeneração de miniaturas demorou um pouco.

O tempo médio de instalação em um site WordPress limpo é de cerca de 2 minutos, mas também depende do servidor que você está usando e da quantidade de conteúdo que você já possui em seu site. Se fosse um site ao vivo com conteúdo, acho que a instalação poderia ter demorado um pouco mais. Ainda assim, eu amei o processo, é muito fácil.

Etapa 2. Painel do CrocoBlock

Agora que instalei o CrocoBlock , posso vê-lo no meu painel do WordPress. É o lugar natural que se vai após a instalação, então vamos explorá-lo um pouco mais de perto.

Aqui tenho acesso aos seguintes blocos:

  • Licença – o código de licença que está ativo no meu site;
  • Plugins – daqui posso acessar todos os plugins disponíveis na assinatura do CrocoBlock, instalá-los, desativá-los e atualizá-los sempre que precisar;
  • Tema – o bloco onde posso atualizar o tema Kava e fazer backup dele;
  • Skins – aqui posso selecionar outra skin ao invés da que estou usando e instalá-la;
  • Configurações – o local para acessar as relações de localização, registro de locais, etc;
  • Guia do usuário – aqui você pode encontrar links para a documentação, a base de conhecimento e ver os tutoriais em vídeo sobre os produtos CrocoBlock.

Decidi tentar mudar a skin para outra, então escolhi a skin Dolcetti para usar e cliquei na opção Instalar.

Como esta skin exigia os mesmos plugins que foram instalados recentemente no meu site, ignorei a instalação dos plugins e cliquei no botão Skip to Demo Content.

O processo de instalação da skin não levou mais de 1 minuto. As skins podem ser alteradas tão rápido. Na verdade, o processo se assemelha ao modo como o CrocoBlock foi instalado pela primeira vez.

Etapa 3. Modelos de Partes do Tema

O plug-in JetThemeCore fornece a capacidade de trabalhar com modelos de partes do tema, como seções, cabeçalhos, rodapés, arquivos e páginas de postagem única.

Para localizá-los, você deve navegar até CrocoBlock > Minha Biblioteca no Painel do WordPress .

Como já mencionei, configurei uma das skins e já incluía modelos de cabeçalho e rodapé.

Esses modelos estão localizados nos blocos de cabeçalho e rodapé e estão disponíveis para edição com o construtor de página ao vivo Elementor .

Se você deseja alterar o modelo de cabeçalho para outro ou personalizar sua aparência, pode fazê-lo aqui.

Além disso, você pode criar outros modelos de cabeçalho e rodapé bastante diferentes e atribuí-los a páginas diferentes em Configurações > bloco Condições .

Para acessar a biblioteca de cabeçalhos é preciso clicar no botão mágico e aqui selecionar um dos modelos de cabeçalho disponíveis e clicar em Inserir para aplicá-lo.

Depois disso, basta acessar o bloco Configurações > Condições e selecionar a página ou um modelo para o qual deseja aplicar um cabeçalho. Você pode adicionar um novo rodapé e usar o da biblioteca de modelos da mesma maneira.

Modelo de página de arquivo

As coisas são um pouco mais complicadas quando você deseja criar um modelo de página de arquivo. Para fazer isso, você terá que navegar até o bloco Archive em Theme Parts e criar um novo modelo de arquivo.

Você será instantaneamente redirecionado para o editor Elementor, onde poderá usar widgets de conteúdo dinâmico para mostrar as publicações existentes em seu site (postagens personalizadas, produtos, termos, etc).

Futuramente existirão os templates de Arquivo prontos disponíveis para escolha na biblioteca Magic Button, porém, no momento eles não estão disponíveis.

A propósito, caso você queira criar um tipo de postagem personalizado, adicionar uma taxonomia extra personalizada ou um metacampo com o tipo de conteúdo necessário, isso pode ser feito com o plug-in JetEngine que também está incluído no pacote CrocoBlock.

Etapa 4. Criando um Menu

Depois de definir um cabeçalho, você pode adicionar um menu a ele usando o widget Menu de navegação, o widget do painel Hambúrguer ou o plug-in JetMenu , que pode ajudá-lo facilmente a criar um mega menu vertical ou horizontal.

Decidi criar um mega menu horizontal e usá-lo no meu cabeçalho. Para fazer isso, instalei o plugin do bloco CrocoBlock > Plugins e naveguei até Appearance > Menus para verificar meu menu principal.

Aqui eu queria adicionar um mega menu ao item Sobre, então passei o mouse e cliquei no botão JetMenu para abrir a janela pop-up de conteúdo.

Habilitei a opção Mega Submenu e cliquei na opção Editar conteúdo do item do menu Mega. Quando o editor Elementor abriu, adicionei várias colunas e adicionei alguns widgets a elas para colocar dentro do meu megamenu. Em seguida, cliquei em Atualizar para salvar o modelo e naveguei para trás.

Adicione um mega menu ao modelo de cabeçalho

Para fazer isso, é preciso abrir CrocoBlock > Minha Biblioteca e aqui começar a editar o modelo de cabeçalho necessário.

Vamos encontrar o widget Mega Menu na lista de widgets e soltá-lo na seção necessária. Em seguida, temos que selecionar um menu para usar, fazer alguma personalização de sua aparência no bloco Style – e pronto!

A propósito, para visualizar o item do mega menu, basta passar o mouse sobre o item de menu necessário, onde você adicionou um mega menu!

Na verdade, você pode adicionar não apenas menus horizontais usando o plugin JetMenu , mas também criar menus verticais com itens de mega menu.

O plug-in JetMenu definitivamente cobre todos os aspectos nos quais você pode se interessar quando há a necessidade de criar um menu, e você ficará surpreso com a facilidade com que esse plug-in pode ser personalizado. O menu adicionado com o plug-in JetMenu também é responsivo e, quando você ativa a visualização móvel, ele aparece na forma de um hambúrguer elegante.

Leia também:

Lista dos 12 melhores temas WordPress para trabalhos

Melhores temas WordPress WooCommerce

Revisão PremiumPress

Lista dos 20 melhores temas WordPress de esportes

Etapa 5. Complementos do Jet para Elementor

JetMenu é apenas parte do enorme pacote de plugins Jet incluído no CrocoBlock. Esses plugins já eram populares antes mesmo do lançamento do serviço. No momento, é difícil ignorar o poder que eles adicionam ao site.

Como mencionei, alguns deles são necessários quando você instala a skin, os outros podem ser acessados ​​no CrocoBlock Dashboard. Vamos olhar para eles um pouco mais de perto.

  • JetElements

Este plugin adiciona mais de 30 novos widgets para Elementor, incluindo SVG Inline, Banners, Portfólio, Layouts de Imagem, Linha do Tempo, etc. Cada widget possui vastas configurações de estilização e, quando combinados, abrangem praticamente qualquer tipo de conteúdo.

  • JetBlog

O plug-in fornece 4 widgets de conteúdo dinâmico diferentes para exibir postagens em listagens, blocos e marcadores de texto. E há também o widget Video Playlist.

  • JetMenu

Descrevi como você pode usar este widget para criar um mega menu com o Elementor. No entanto, você também pode usá-lo para estilizar o menu do site comum, caso seu cabeçalho não seja construído com o construtor de páginas Elementor.

  • JetTabs

Este plugin inclui widgets que ajudam a estruturar o conteúdo em abas atraentes e blocos de acordeão. Ele permite colocar modelos criados pelo Elementor em guias verticais e horizontais, o que pode ser muito útil se você quiser economizar espaço em sua página.

  • JetTricks

O plug-in adiciona efeitos visuais e animações à seção, colunas e widgets criados pelo Elementor.

  • JetBlocks

Com este plugin, você poderá adicionar formulários de login e pesquisa, carrinho WooCommerce e elementos do painel Hamburger ao cabeçalho. Também permite usar o efeito pegajoso para as seções. Isso pode ser necessário caso você queira criar um cabeçalho fixo.

  • JetReviews

Use-o para criar blocos de revisão elegantes nas páginas criadas com o Elementor.

Existem também plugins JetEngine , JetThemeCore e JetWooBuilder , mas a funcionalidade que eles fornecem difere ligeiramente dos plugins descritos acima. Alguns deles já foram descritos, os outros serão mencionados mais adiante.

Etapa 6. Páginas de postagem única. Criando uma página de arquivo

Vamos supor que também precisamos criar um tipo de postagem personalizado de Projetos para mostrar os projetos em nosso site. Ou, talvez, você precise criar um tipo de postagem de serviços ou adicionar um portfólio com vários itens. De qualquer forma, você poderá criar esses tipos de postagem personalizados com o plug-in JetEngine .

Ele também irá ajudá-lo a criar taxonomias personalizadas e trabalhar com um único post personalizado e modelos de termos personalizados, juntamente com a criação de layouts de grade dinâmicos. Esses layouts são úteis quando você deseja adicionar um modelo de arquivo com suas postagens ou termos personalizados lindamente exibidos na estrutura necessária.

Por favor, note que para fazer isso, primeiro teremos que instalar e ativar o plugin JetEngine .

Como apresentar seus projetos?

  1. Eu tive que adicionar o tipo de postagem Projetos. Para fazer isso, naveguei até JetEngine > Post Types e cliquei no botão Add New.
  2. Em seguida, preenchi as informações gerais sobre meu tipo de postagem personalizado, como título e slug, e alterei as configurações de postagem (defini o ícone para meu novo tipo de postagem personalizado e defini que ele deve suportar blocos de título, editor e miniatura ; Também adicionei vários metacampos personalizados).
  3. Depois que as alterações foram salvas, localizei um novo item no meu painel chamado Projetos com o ícone que defini para ele. Eu adicionei vários projetos usando este novo bloco de tipo de postagem personalizado, defina as imagens em miniatura para aplicar a eles.
  4. Em seguida, voltei para JetEngine > Listagens e criei uma nova listagem usando o tipo Posts. Também defini o tipo de postagem Projetos como minha fonte de postagem necessária.
  5. Depois disso, adicionei vários widgets de Campo Dinâmico e o widget de Imagem Dinâmica à página e selecionei a fonte do conteúdo que precisava gerar: o título e o conteúdo dos campos dinâmicos e a imagem em miniatura no widget de Imagem Dinâmica.
  6. Também adicionei o widget Meta Dinâmica para exibir a data de publicação e o autor do meu modelo de postagem personalizado.

O modelo que criei se aplica a todas as postagens personalizadas que possuem o tipo Projetos.

Depois disso, criei um novo modelo de página de arquivo e soltei o widget Listing Grid nele para exibir os projetos na forma de uma grade.

Na verdade, isso me levou menos de 5 minutos , no entanto, não usei taxonomias personalizadas para categorizar os projetos e não adicionei filtros mais complexos ao meu layout de grade.

O plug-in JetEngine foi adicionado recentemente ao pacote de plug-ins CrocoBlock, é relativamente novo e, a julgar por sua funcionalidade, acho que terá ainda mais recursos excelentes no futuro. De todos os plugins Jet incluídos no pacote CrocoBlock eu gostei mais porque é único à sua maneira, e permite trabalhar em projetos mais complexos.

Etapa 7. Algumas palavras sobre a introdução do WooCommerce no Elementor

Caso você queira criar uma loja online com Elementor e esteja procurando a melhor maneira de abordar essa tarefa, o CrocoBlock pode realmente ajudá-lo a lidar com essa missão. Ele inclui os modelos de página de produto único pré-projetados, bem como o poderoso plug-in JetWooBuilder , que fornece o conjunto de 15 widgets de conteúdo dinâmico para exibir o conteúdo do WooCommerce e estilizá-lo sem qualquer CSS ou PHP.

O plugin JetWooBuilder permite:

  • criar modelos de página de produto único do WooCommerce;
  • adicionar layouts de produtos e taxonomia de produtos;
  • exiba o conteúdo dinâmico com o conjunto de widgets especiais feitos especialmente para produtos WooCommerce.

Como de costume, temos que adicionar alguns produtos WooCommerce ao site antes de criar um novo modelo de página de produto. Para isso naveguei até Produtos > Adicionar Novo no meu Painel do WordPress e aqui adicionei vários produtos com descrições, preços, imagem em miniatura, etc.

Então eu naveguei para WooCommerce > bloco JetWoo Templates e aqui criei um novo modelo. É importante especificar o produto para o qual você poderá definir o modelo. Quando você estiver adicionando widgets dinâmicos do WooCommerce, eles extrairão os dados necessários do produto que você definiu lá, incluindo a imagem em miniatura, comentários, classificação, preço etc.

Depois disso, você pode aplicar um dos modelos pré-concebidos disponíveis para as páginas de Produto Único (para isso, basta clicar no botão “Criar a partir do modelo pré-concebido” ), ou você pode criar seu próprio modelo novo (para isso, clique em “ botão Adicionar novo modelo”).

Quando o Elementor Editor abrir aqui, você verá o conjunto de widgets a serem usados ​​para a página de produto único:

  • Botão adicionar ao carrinho
  • Imagem única
  • Título único, etc.

Basta soltá-los nas colunas e seções necessárias e personalizar a aparência desses widgets usando as configurações de estilo. Criar uma página de produto único é muito fácil.

Caso você precise definir o modelo recém-criado para todos os produtos que possui no site, você pode fazê-lo no bloco WooCommerce > Configurações. Aqui você precisa clicar na guia JetWooBuilder e acessar as configurações de condição do modelo de produto único.

Experimente os widgets

Agora você pode adicionar a grade ou os blocos de produtos à página inicial ou exibir o layout das categorias de produtos em sua página de loja com um dos widgets de layout. Existem 4 deles:

  • Grade de categorias;
  • Lista de produtos;
  • Grade de Produtos;
  • Blocos de Taxonomia.

Cada widget tem configurações de ordem e consulta junto com as configurações de estilo robustas. Eles são realmente fáceis de usar. Basta escolher o widget que você mais gosta e soltá-lo no local necessário usando o Elementor. Isso é tudo que você precisa fazer para usá-los.

Resumindo: CrocoBlock Review Melhor serviço para cupom de desconto Elementor Page Builder

O serviço de assinatura CrocoBlock é mais do que apenas os produtos de qualidade que oferece. O serviço também os mantém atualizados e cresce constantemente, acrescentando ainda mais novas funcionalidades à já existente. Você recebe atualizações automaticamente (incluindo novos Plugins Jet). O mesmo vale para as novas skins, que saem toda semana.

O serviço CrocoBlock também conta com uma equipe de suporte qualificada e sempre pronta para ajudar, e caso você não tenha certeza sobre sua funcionalidade ou tenha alguma dúvida, pode entrar em contato com a equipe diretamente no Facebook ou via chat de pré-venda.

Quando você começar a testar o CrocoBlock, provavelmente pensará que é tudo sobre os plugins do Elementor. Mas, na verdade, o CrocoBlock representa o conjunto completo de produtos necessários para criar um site no Elementor . É igualmente digno de atenção para os iniciantes, bem como para os desenvolvedores da web. E cada produto incluído nele tem seu lugar e propósito únicos.

O serviço de assinatura CrocoBlock mudou totalmente o conceito de criação de sites. Tem tudo coberto, e isso é o que todo mundo gosta mais.