En la octava clase del curso de creación de plugins freemium para WordPress con ChatGPT vamos a pulir los detalles de diseño de nuestro plugin.
Cuando hemos conseguido que la parte funcional no nos dé ningún problema es el momento de meternos con la parte visual. Lo más probable es que copiando y pegando código veamos que la parte estética no está del todo ajustada. Por eso vamos a dedicar una clase a ver cómo corregir todo esto.
En un primer lugar personalizamos la parte de las opciones de la página de edición, después diseñaremos la configuración de plugin dónde se introduce la clave para desbloquearlo y por último haremos que la página en la que se muestra la clave, sea minimalista, pero con estilo ¡Vamos a verlo!
Parece mentira, pero estos ajustes le dan otro empaque a nuestro plugin. Hemos corregido los márgenes, los bordes del botón o incluso, las validaciones de la clave. Ahora cuando alguien ingresa un código falso se muestra «Clave incorrecta» en rojo y cuando es verdadera pone «Clave correcta» en verde.
Además, la página de muestra de la clave se ve ahora muy limpia. Hemos quitado la cabecera, el menú, el logo o incluso el pie de página del tema para no despistar a nuestros usuarios. Debemos recordar que el objetivo es que copien la clave y la peguen en el campo de Clave Premium para desbloquear el plugin.
Vamos a hacer una práctica para que cada uno ajuste sus plugins freemium. El objetivo es detectar posibles errores de diseño y corregirlos. Primero, vamos a revisar detalladamente los elementos visuales y funcionales de nuestros plugins, evaluando si se ajustan de manera adecuada a nuestras necesidades.
Una vez identificados los errores de diseño, procederemos a redactar un prompt para solucionar estos fallos. Es decir, crearemos un conjunto de instrucciones claras para implementar los cambios necesarios en el código de los plugins. Acto seguido, aplicaremos los nuevos cambios de manera gradual, para así poder comprobar los efectos y verificar que todo funcione correctamente. A medida que vamos implementando el nuevo código, también habrá que llevar a cabo ajustes en las partes de diseño, como los colores y tamaños, para lograr una apariencia más estética y coherente con nuestros objetivos.
Además, es importante que ajustemos la página de inicio «landing page» de manera que se vea simple y fácil de navegar. Podemos optar por utilizar una clave o enfoque específico que consiga transmitir la simplicidad que buscamos. Esto implica optimizar la estructura y contenido de la página para que resulte atractiva y clara para nuestros usuarios.
Con el tema del diseño podemos tirarnos horas y horas porque siempre se puede mejorar, pero lo importante es que no haya fallos, se lea bien y el usuario se sienta seguro de usar ese plugin. Si cuidamos la estética, es señal de que la operatividad del plugin también funcionará.
Hasta aquí la octava clase del curso. Si tenéis cualquier duda, contactad con nosotros a través del formulario de la intranet. ¡Hasta la siguiente clase!