Revisão do CodeWP 2023: Aumente seu fluxo de trabalho do WordPress com IA!

CodeWP é um gerador de código AI para WordPress. Neste artigo, vamos dar uma olhada em como usá-lo, os vários recursos que ele traz para a mesa, os snippets que ele gera, o preço da plataforma e muito mais.

É uma tecnologia impressionante que aproveita a ponta da inteligência artificial para criar trechos de código especificamente para WordPress e produtos no ecossistema.

O CodeWP é treinado em milhões de linhas de código do WordPress, e seus vários modos específicos de plug-in AI também são refinados com código diretamente das bases de código do plug-in. Por exemplo, o modo AI das condições do Oxygen Builder foi treinado em dezenas de exemplos de condições usando a API Conditions.

Recursos principais

No fundo, o CodeWP é uma ferramenta que aproveita a IA para criar trechos de código que resolvem problemas para criadores do WordPress.

Mas também é muito mais. Aqui está um rápido vídeo introdutório para mostrar todos os recursos que a plataforma oferece e vários casos de uso práticos.

Como você pode ver, há muito o que cobrir nesta revisão

Modos de IA

Um recurso principal desta plataforma é o modo AI. Existem dezenas de modos, com novos sendo adicionados a cada duas semanas. Cada modo corresponde a um plug-in, uso, caso ou produto específico.

Ao alternar para um modo específico, você altera a IA subjacente para uma variação específica que foi treinada na base de código do plug-in ou produto. O que isso significa é que você obtém gerações hiperespecíficas e precisas para a plataforma individual.

Isso é o que diferencia este produto de muitas outras ofertas no mercado. É realmente focado em WordPress e WordPress sozinho, e as gerações e modos só melhoram com o tempo.

Aqui está um exemplo dos modos AI e como funciona. Uma estrutura de campo personalizada popular entre os desenvolvedores é o Carbon Fields. É muito poderoso, mas exige que você tenha um bom entendimento de PHP e de como o WordPress funciona. Por causa disso, é muito frio, pesado e, mesmo se você for um desenvolvedor totalmente proficiente, às vezes pode ser um pouco tedioso criar código que registre meta-caixas, campos personalizados ou páginas de opções.

Se eu mudar para esse modo e fornecer um prompt exclusivo, obterei uma geração que reflete a sintaxe e a estrutura necessárias para esse framework/plugin específico.

Comparando isso com ler a documentação e escrevê-la eu mesmo, essa é uma maneira muito mais eficiente de fazer as coisas e, normalmente, mais precisa.

Isso é realmente útil para criar gerações mais precisas e, com os próximos modos Elementor Widget e Bricks Builder Widget, só pode melhorar a partir daqui.

Modos do Criador

O criador é onde você realiza todo o seu trabalho. É um editor de código completo com muitas opções diferentes de geração de IA, incluindo os modos, que acabamos de mencionar acima. Ele tem três opções básicas... vamos detalhar.

Geração Padrão

Pega um prompt de texto e o converte em código (texto para código ou TTC AI). É simples assim, tudo o que você precisa fazer é inserir o que deseja gerar no prompt e enviá-lo, e uma geração logo preencherá o editor.

Editar

Depois de gerar um snippet, às vezes você gostaria de alterar aspectos específicos dele. Por exemplo, e se você gerou um formulário de contato, código curto, mas a geração nunca limpou os campos de texto, levando a problemas de segurança.

Tudo o que você precisa fazer é alternar para o modo Editar, inserir o que deseja, alterar e clicar no botão verde. Depois que a edição for feita, a tela mudará para se parecer com a captura de tela abaixo.

Isso fornece uma ótima representação visual do que foi alterado no código. Tudo o que é vermelho foi removido. Tudo o que é verde foi adicionado.

Em seguida, você pode abrir o snippet em uma nova guia clicando no ID da geração (ou ctrl+o) e revisar todas as suas edições, bem como a geração original.

Explicar

Além dessas três opções principais, você pode alternar os modos que discutimos acima e também fornecer feedback à plataforma, o que ajuda a criar gerações melhores no futuro.

Esta barra de ferramentas de cabeçalho permite pesquisar trechos existentes e inseri-los no editor para serem explicados ou editados, gerações favoritas para facilitar o acesso, escrevê-los bem ou mal e até exportá-los para um formato JSON, que pode ser importado para populares plug-ins de trecho de código. Se você é um leitor ávido de nosso blog, saberá que adoramos plug-ins de trecho de código e revisamos vários:

• Revisão do organizador de scripts: programe scripts, economize tempo
• Revisão de scripts avançados: melhor que trechos de código
• Os melhores gerenciadores de trechos de código para desenvolvedores

Outra coisa que também é ótima sobre a experiência do editor é que você pode navegar completamente usando o teclado, desde abrir o prompt até enviá-lo, alternar modos e classificar a geração.

Suporte para mais de 11 idiomas

Para desenvolvedores e usuários que não falam inglês nativamente, também há suporte multilíngue com a plataforma.

Mais de 11 idiomas são oficialmente suportados, mas vimos muitas gerações em idiomas que não são oficialmente suportados.

Os idiomas românicos, como o espanhol, normalmente produzem os melhores resultados, mas também há suporte para hindi, chinês, russo e outros.

Gerenciamento e compartilhamento de trechos

Uma vez gerado, você tem acesso a uma grande quantidade de informações sobre o snippet e o próprio código.

A tela inicial mostra apenas os trechos que você favoritou, mas você pode ver todas as gerações na segunda aba. Quaisquer gerações que foram tornadas públicas podem ser encontradas na terceira. Há também várias opções de filtragem nas quais você pode filtrar pelo modo AI, pesquisar palavras-chave e snippets de origem b data de geração, comprimento e muito mais.

Tudo neste snippet está acessível, incluindo suas edições anteriores, explicações e sub-snippets. Você também pode favoritar e avaliar diretamente daqui. Você notará que existem tags que são geradas pela IA e também um registro de qual modo e idioma estava triste quando o código foi gerado.

No tópico de gerenciamento de snippets, você também pode gerar subsnippets CSS e JavaScript para criações PHP complexas. Por exemplo, se eu quisesse criar um formulário de contato, minha geração inicial provavelmente criaria um shortcode, a função para lidar com o envio.

No entanto, na maioria das situações, esse formulário não teria estilo e pode não herdar os estilos genéricos de meus temas. Para combater isso, posso usar o gerador de subsnippet CSS para criar alguns estilos simples com base no próprio código PHP. O mesmo vale para JavaScript ... talvez o formulário precise de JavaScript para enviar dados usando POST ... esse subsnippet JS fará exatamente isso.

Por padrão, os snippets são privados e só podem ser acessados ​​em sua conta se você estiver conectado. Isso evita que informações confidenciais sejam divulgadas. No entanto, se você quiser compartilhar isso com as partes interessadas, há um recurso de compartilhamento exclusivo.

Aqui, você pode copiar um URL com um código de acesso exclusivo anexado a ele. Se o código estiver incorreto ou ausente, o link não funcionará. No entanto, se o código estiver correto (ou seja, conforme copiado), você poderá compartilhá-lo com qualquer pessoa que tenha esse link. O mesmo funciona para o recurso de compartilhamento social.

Além disso, você pode enviar o snippet por e-mail para qualquer pessoa que desejar. Veja como é esse e-mail:

Você também pode exportar o snippet, conforme mencionado acima, diretamente da página do snippet individual.

Como funciona?

Até agora, cobrimos os principais recursos. Sei que tem muito por aí, então minha melhor sugestão é assinar o plano gratuito, que te dá 10 gerações por mês de acesso à maioria dos recursos da plataforma. Dessa forma, você poderá clicar nele e ver por si mesmo. Melhorias e adições à plataforma são adicionadas na velocidade da luz, como você pode ver no blog, então é melhor dar uma olhada por si mesmo.

Uma pergunta que tenho visto muito é como essa ferramenta realmente funciona? Sem revelar muitos segredos, o CodeWP utiliza uma enorme inteligência artificial treinada em milhões e milhões de linhas de código PHP. A partir disso, temos nosso modo PHP geral do WordPress, que alimenta a maior parte da plataforma. Isso é treinado na base de código PHP do WordPress, bem como em muitos exemplos diferentes.

Em seguida, cada modo AI é treinado ainda mais em uma base de código e exemplos adicionais. A partir daí, a plataforma aproveita as gerações criadas por usuários que são favorecidos ou classificados "" para direcionar ainda mais a IA para criar trechos de código precisos e de alta qualidade. À medida que mais e mais usuários aproveitam a plataforma para beneficiar seu fluxo de trabalho do WordPress, as gerações simplesmente melhoram e ficam melhores.

Alguns exemplos do que você pode criar

Há uma biblioteca de exemplos que são 100% gerados pelos modos AI na página Snippets.

Vejamos algumas gerações:

Cada uma dessas gerações é gerada em 1 tiro do prompt original. E, como você pode ver, esses trechos resolvem problemas complexos .

Você notará que os dois snippets à direita estão usando modos AI diferentes do PHP padrão do WordPress; Condições WooCommerce PHP e Oxygen Builder. Isso lhe dará uma boa ideia de como cada modo AI altera a saída para ser hiperespecífico para o produto a que se destina.

Preços

Os planos pagos começam em US$ 8/mês, cobrados anualmente.

Existem três níveis de preços, grátis , profissional e agência.

O plano gratuito oferece 10 gerações por mês, usando o gerador geral de IA do WordPress. Ele criará trechos surpreendentemente complexos, mas é mais um modo geral, quando comparado a algo como o modo ACF.

A cota é redefinida todos os meses no dia em que você se registrou. É uma ótima opção para quem trabalha com WordPress, porque 1) é gratuito e 2) é o solucionador de problemas perfeito para grandes problemas que exigem horas de pesquisa no Google e tentativa e erro.

O plano Pro desbloqueia todos os principais recursos da plataforma. Os modos Editar, Explicar e Gerar agora estão disponíveis para você no editor. Além disso, você obtém acesso a todos os modos AI, incluindo Breakdance e condições de oxigênio, ACF e Metabox, WooCommerce e vários outros.

O Pro começa em US$ 8/mês se você comprar para o ano e US$ 12/mês se optar pelo mensal.

E, claro, você vai de 10 gerações para ilimitado, o que significa que você pode ser liberal com seus prompts. Algo que te aproxima do que você precisa, mas a geração não é 100% perfeita? Não se preocupe, você pode solicitá-lo mais 10 vezes com diferentes variações para obter o que precisa.

O plano da agência, que ainda não saiu, traz economia de escala e recursos colaborativos. Você poderá convidar até 5 membros e trabalhar uns com os outros em tempo real no editor.

Aqui está uma ótima visão geral do plano gratuito, bem como o que o plano Pro traz para a mesa.

Qual é a proposta de ROI/valor aqui?

Olhando para o preço profissional, se você comprar para o ano, sai para US $ 96 / ano.

O plug-in, mencionado nos comentários, é o Custom Thank You Pages do WooCommerce. Isso custará US $ 50 / ano e o CodeWP criou um trecho em cerca de 10 segundos que faz a mesma coisa.

Outro plugin popular, também $ 50 / ano, é o Checkout Field Editor. O CodeWP pode criar campos personalizados para o checkout com facilidade.

Esta é (sem dúvida) uma ferramenta SaaS, diferente de plug-ins, mas se você comparar com as taxas anuais para licenças de plug-in, é muito semelhante. Onde sua proposta de valor realmente começa a brilhar é quando você começa a eliminar a necessidade de dezenas de outros plugins porque esta ferramenta gera a mesma coisa em forma de trecho de código.

Conclusão

O CodeWP oferece aos criadores do WordPress uma plataforma robusta e de ponta que aproveita a IA para criar gerações de trechos de código. Recursos e modos estão sendo adicionados semanalmente e, pelo baixo custo de oito dólares por mês, você pode melhorar seriamente sua eficiência, minimizar suas despesas e se tornar um melhor criador de WordPress por causa disso.