CodeWP Review 2023: ¡Aumente su flujo de trabajo de WordPress con IA!
Publicado: 2023-01-18CodeWP es un generador de código AI para WordPress. En este artículo, veremos cómo usarlo, las diversas características que trae a la mesa, los fragmentos que genera, los precios de la plataforma y más.
Es una pieza de tecnología impresionante que aprovecha la vanguardia de la inteligencia artificial para crear fragmentos de código específicamente para WordPress y productos en el ecosistema.
CodeWP está entrenado en millones de líneas de código de WordPress, y sus diversos modos específicos de complementos de IA también se refinan con código directamente desde las bases del código del complemento. Por ejemplo, el modo AI de condiciones de Oxygen Builder se entrenó en docenas de ejemplos de condiciones utilizando la API de condiciones.
Características principales
En esencia, CodeWP es una herramienta que aprovecha la IA para crear fragmentos de código que resuelven problemas para los creadores de WordPress.
Pero también es mucho más. Aquí hay un video introductorio rápido para mostrarle todas las funciones de la plataforma que ofrece y varios casos prácticos de uso.
Como puede ver, hay mucho que cubrir en esta revisión.
Modos de IA
Una característica emblemática de esta plataforma es el modo AI. Hay docenas de modos, y se agregan nuevos cada dos semanas más o menos. Cada modo corresponde a un complemento, uso, caso o producto específico.
Cuando cambia a un modo específico, cambia la IA subyacente a una variación específica que se ha entrenado en la base de código del complemento o producto. Lo que eso significa es que obtienes generaciones hiperespecíficas y precisas para la plataforma individual.
Esto es lo que distingue a este producto de muchas otras ofertas en el mercado. Realmente se centra en WordPress y solo en WordPress, y las generaciones y los modos solo mejoran con el tiempo.
Aquí hay un ejemplo de los modos de IA y cómo funciona. Un marco de campo personalizado popular entre los desarrolladores es Carbon Fields. Es muy poderoso, pero requiere que tengas una buena comprensión de PHP y cómo funciona WordPress. Debido a esto, es muy frío, pesado e incluso si eres un desarrollador completamente competente, a veces puede ser un poco tedioso crear código que registre meta-boxes, campos personalizados o páginas de opciones.
Si cambio a ese modo y doy un aviso único, obtendré una generación que refleja la sintaxis y la estructura requeridas para este marco/complemento específico.
Comparando eso con leer la documentación y escribirla yo mismo, esta es una forma mucho más eficiente de hacer las cosas y, por lo general, más precisa.
Esto es realmente útil para crear generaciones más precisas, y con los próximos modos Elementor Widget y Bricks Builder Widget, solo puede mejorar desde aquí.
Modos de creador
El creador es donde realizas todo tu trabajo. Es un editor de código con todas las funciones con muchas opciones diferentes de generación de IA, incluidos los modos, que acabamos de mencionar anteriormente. Tiene tres opciones principales... analicémoslo.
Generación estándar
Toma un mensaje de texto y lo convierte en código (texto a código o TTC AI). Es tan simple como eso, todo lo que necesita hacer es ingresar lo que desea que se genere en el indicador y enviarlo, y una generación pronto llenará el editor.
Editar
Una vez que haya generado un fragmento, a veces le gustaría cambiar aspectos específicos del mismo. Por ejemplo, qué sucede si generó un formulario de contacto, un código corto, pero la generación nunca desinfectó los campos de texto, lo que generó problemas de seguridad.
Todo lo que necesita hacer es cambiar al modo de edición, ingresar lo que desea, cambiar y hacer clic en el botón verde. Una vez que se realiza la edición, la pantalla cambiará para parecerse a la captura de pantalla a continuación.
Esto le brinda una excelente representación visual de lo que se cambió en el código. Se eliminó todo lo que es rojo. Se agregó todo lo que es verde.
Luego, puede abrir el fragmento en una nueva pestaña haciendo clic en el ID de la generación (o ctrl+o) y revisar todas sus ediciones, así como la generación original.
Explique
Además de estas tres opciones principales, puede cambiar los modos que discutimos anteriormente y también proporcionar comentarios a la plataforma que ayuden a crear mejores generaciones en el futuro.
Esta barra de herramientas de encabezado le permite buscar fragmentos existentes e insertarlos en el editor para explicarlos o editarlos, generaciones favoritas para un fácil acceso, escribirlos buenos o malos e incluso exportarlos a un formato JSON, que se puede importar en popular Complementos de fragmentos de código. Si es un ávido lector de nuestro blog, sabrá que nos encantan los complementos de Code Snippet y que hemos revisado varios:
- Revisión del organizador de guiones: programe guiones, ahorre tiempo
- Revisión de scripts avanzados: Mejor que fragmentos de código
- Los mejores administradores de fragmentos de código para desarrolladores
Otra cosa que también es excelente acerca de la experiencia del editor es que puede navegar completamente usando el teclado, desde abrir el indicador hasta enviarlo, cambiar de modo y clasificar la generación.
Soporte para más de 11 idiomas
Para los desarrolladores y usuarios que no hablan inglés de forma nativa, también hay soporte multilingüe con la plataforma.
Se admiten oficialmente más de 11 idiomas, pero hemos visto muchas generaciones en idiomas que no se admiten oficialmente.
Los idiomas romances, como el español, suelen dar los mejores resultados, pero también hay soporte para hindi, chino, ruso y otros.
Gestión y uso compartido de fragmentos
Una vez generado, ¿tiene acceso a una gran cantidad de información sobre el fragmento y el código en sí?
La pantalla inicial solo te muestra los fragmentos que has marcado como favoritos, pero puedes ver todas las generaciones en la segunda pestaña. Las generaciones que se hicieron públicas se pueden encontrar en la tercera. También hay un montón de opciones de filtrado en las que puede filtrar por el modo de IA, buscar palabras clave y fragmentos de origen, fecha de generación, duración y más.
Se puede acceder a todo lo que contiene este fragmento, incluidas las ediciones anteriores, las explicaciones y los subfragmentos. También puede marcar como favorito y calificar directamente desde aquí. Notará que hay etiquetas generadas por IA, y también un registro de qué modo e idioma estaban tristes cuando se generó el código.
En cuanto al tema de la gestión de fragmentos, también tiene la capacidad de generar subfragmentos de CSS y JavaScript para creaciones complejas de PHP. Por ejemplo, si quisiera crear un formulario de contacto, mi generación inicial probablemente crearía un código abreviado, la función para manejar el envío.
Sin embargo, en la mayoría de las situaciones, ese formulario no tendría estilo y es posible que no herede los estilos genéricos de mis temas. Para combatir eso, puedo usar el generador de subfragmentos de CSS para crear algunos estilos simples basados en el propio código PHP. Lo mismo ocurre con JavaScript... tal vez el formulario necesite JavaScript para enviar datos mediante POST... ese subfragmento JS hará exactamente eso.
De forma predeterminada, los fragmentos son privados y solo se puede acceder a ellos desde su cuenta si ha iniciado sesión. Esto protege la información confidencial para que no salga. Sin embargo, si desea compartir esto con las partes interesadas, hay una función única para compartir.
Aquí, puede copiar una URL con un código de acceso único adjunto. Si el código es incorrecto o no está presente, el enlace no funcionará. Sin embargo, si el código es correcto (es decir, tal como se copió), podrá compartirlo con cualquiera que tenga ese enlace. Lo mismo funciona para la función de compartir en redes sociales.
Además, puede enviar el fragmento por correo electrónico a cualquier persona que desee. Así es como se ve ese correo electrónico:
También puede exportar el fragmento, como se mencionó anteriormente, directamente desde la página de fragmentos individuales.
¿Como funciona?
Hasta ahora hemos cubierto las características principales. Sé que hay mucho allí, por lo que mi mejor sugerencia es inscribirse en el plan gratuito, que le brinda 10 generaciones al mes de acceso a la mayoría de las funciones de la plataforma. De esa manera, podrá hacer clic en él y verlo por sí mismo. Las mejoras y adiciones a la plataforma se agregan a la velocidad del rayo, como puedes ver en el blog, por lo que es mejor que le des un vistazo.
Una pregunta que he visto mucho es ¿cómo funciona realmente esta herramienta? Sin revelar demasiados secretos, CodeWP aprovecha una inteligencia artificial masiva entrenada en millones y millones de líneas de código PHP. A partir de ahí, tenemos nuestro modo PHP general de WordPress, que impulsa la mayor parte de la plataforma. Esto está entrenado en la base de código PHP de WordPress, así como en muchos ejemplos diferentes.
Luego, cada modo de IA se entrena aún más en una base de código adicional y ejemplos. A partir de ahí, la plataforma aprovecha las generaciones creadas por los usuarios que son favorecidos o clasificados como "" para dirigir aún más a la IA para crear fragmentos de código precisos y de alta calidad. A medida que más y más usuarios aprovechan la plataforma para beneficiar su flujo de trabajo de WordPress, las generaciones simplemente mejoran y mejoran.
Algunos ejemplos de lo que puedes crear
Hay una biblioteca de ejemplos generados al 100 % por los modos de IA en la página Fragmentos.
Echemos un vistazo a un par de generaciones:
Este código crea una solución de enlace corto única. Cuando se publica una publicación, se crea una cadena única y, a partir de ella, un enlace directo a la publicación. También proporciona un código abreviado para mostrar este enlace en la interfaz. Cuando un visitante accede a esta publicación a través del enlace, se le redirige para completar el enlace y el slug.
Este fragmento agregará un enlace a complementos individuales en la tabla de administración de complementos. Al hacer clic, descargará ese complemento como un ZIP en su computadora.
Este código es específico de Oxygen Builder y agrega una nueva condición al editor que se puede usar para mostrar/ocultar elementos de forma condicional según el clima en la ubicación de los visitantes.
Este código mostrará una bandera en una nueva columna en la tabla de usuarios que se corresponde con la dirección de facturación registrada.
Cada una de estas generaciones se genera en 1 disparo desde el indicador original. Y, como puede ver, estos fragmentos resuelven problemas complejos .
Notarás que los dos fragmentos a la derecha están usando diferentes modos de IA que el PHP estándar de WordPress; Condiciones de WooCommerce PHP y Oxygen Builder. Estos le darán una buena idea de cómo cada modo de IA cambia la salida para que sea hiperespecífico para el producto para el que está destinado.
Precios
Los planes pagos comienzan en $8/mes, facturados anualmente.
Hay tres niveles de precios, gratis , profesional y de agencia.
El plan gratuito le brinda 10 generaciones por mes, utilizando el generador general de IA de WordPress. Creará fragmentos sorprendentemente complejos, pero es más un modo general, en comparación con algo como el modo ACF.
La cuota se reinicia todos los meses el día que te registraste. Es una excelente opción para cualquiera que trabaje con WordPress, porque 1) es gratis y 2) es el solucionador de problemas perfecto para grandes problemas que requieren horas de búsqueda en Google y prueba y error.
El plan Pro desbloquea todas las funciones principales de la plataforma. Los modos Editar, Explicar y Generar ahora están disponibles en el editor. Además, obtienes acceso a todos los modos de IA, incluidas las condiciones de Breakdance y Oxygen, ACF y Metabox, WooCommerce y muchos más.
Pro comienza en $ 8 / mes si compra para el año y $ 12 / mes si opta por mensualmente.
Y, por supuesto, pasa de 10 generaciones a ilimitadas, lo que significa que puede ser liberal con sus indicaciones. ¿Algo que te acerca a lo que necesitas, pero la generación no es 100 % perfecta? No se preocupe, puede solicitarlo 10 veces más con diferentes variaciones para obtener lo que necesita.
El plan de la agencia, que aún no ha salido, ofrece ahorros de escala y funciones de colaboración. Podrás invitar hasta 5 miembros y trabajar entre ellos en tiempo real en el editor.
Aquí hay una excelente descripción general del plan gratuito, así como lo que el plan Pro trae a la mesa.
¿Cuál es el ROI/propuesta de valor aquí?
En cuanto a los precios profesionales, si compra para el año, sale a $ 96 / año.
El complemento mencionado en los comentarios es las páginas de agradecimiento personalizadas de WooCommerce. Eso le costará $ 50 / año, y CodeWP creó un fragmento en aproximadamente 10 segundos que hace lo mismo.
Otro complemento popular, también de $ 50 / año, es el Editor de campo de pago. CodeWP puede crear campos personalizados para el pago con facilidad.
Esta es (sin duda) una herramienta SaaS, diferente de los complementos, pero si la compara con las tarifas anuales de las licencias de los complementos, es bastante similar. Donde su apoyo de valor realmente comienza a brillar es cuando comienza a eliminar la necesidad de docenas de otros complementos porque esta herramienta genera lo mismo en forma de fragmento de código.
Conclusión
CodeWP ofrece a los creadores de WordPress una plataforma robusta y de vanguardia que aprovecha la IA para crear generaciones de fragmentos de código. Las características y los modos se agregan semanalmente, y por el bajo costo de ocho dólares al mes, puede mejorar seriamente su eficiencia, minimizar sus gastos y convertirse en un mejor creador de WordPress gracias a ello.