Así que estás vendiendo un tema de WordPress Mejores prácticas para demostraciones

Cuando vendes un tema, su demo es tu argumento de venta. Si la demostración se queda corta de alguna manera, está perjudicando el tema y dará lugar a una pérdida de ventas. Si su tema incluye cientos de características, pero los compradores no pueden verlas en acción, es posible que no tenga ninguna característica..

Esta guía cubrirá nueve prácticas recomendadas para ayudarlo a demostrar su tema lo mejor posible..

Esto es lo que estaremos viendo:

  1. Páginas para incluir en su demo
  2. Menú y navegación
  3. Diseños
  4. Resaltar características ocultas
  5. Usar contenido auténtico
  6. Incluir un conmutador de opciones de front-end
  7. Comunicarse con compradores potenciales
  8. Optimice sus demostraciones
  9. Finalización y pruebas

1. Páginas para incluir en su demo

Ninguna de estas páginas es necesario como tal, pero muy recomendable.

Páginas de inicio: Crea al menos tres páginas de inicio únicas. Cuantas más páginas de inicio cree, más diseños podrá demostrar..

Páginas internas: Incluya páginas internas (o "subpáginas"), como "Quiénes somos", "Servicios", "Precios", "Equipo", "Preguntas frecuentes", etc. Es muy recomendable tener al menos dos versiones de cada página interna. Esto le da al cliente opciones y le permite mostrar un rango de elementos de página sin rellenar demasiado en un solo diseño.

Elementos: A partir del último punto, es una buena práctica generalmente aceptada para demostrar elementos del tema en páginas separadas. No necesita hacer páginas súper complejas para presentar sus elementos, simplemente diseñe una plantilla de página reutilizable y utilícela para cada uno de sus elementos..

Si tiene una pequeña lista de elementos con opciones simples, puede presentarlos en una sola página o agruparlos en colecciones adecuadas. Solo asegúrate de usar la organización lógica y la agrupación. Notarás el menú de elementos del tema globax por ejemplo. Los elementos se agrupan en elementos tipográficos, elementos UI, etc. sociales.. 

Elementos de la interfaz de usuario del tema Globax

caracteristicas: Una de las páginas más visitadas en cualquier demostración es la página de características. Asegúrese de presentar tantas funciones como sea posible de manera limpia, simple y llamativa.

Sus compradores lo encontrarán útil si agrupa sus funciones en algún tipo de jerarquía. Por ejemplo: características clave, características principales y características adicionales. Por ejemplo:

  • Características clave
    • Compositor visual incluido
    • Incluye control deslizante de revolución
    • Panel de opciones de tema avanzado
    • Compatibilidad con WooCommerce.
  • Principales características
    • Soporte multilingüe
    • Importación de la demostración de un solo clic
    • Soporte RTL
    • 10+ demos de cabecera
    • Más de 100 elementos personalizados
    • Blog de diseño múltiple
  • Características adicionales
    • Variantes de página única y multipágina.
    • Responsivo y listo para la retina.
    • Tipografía avanzada
    • Iconos de Fontawesome incluidos
    • Widgets en megamenu

Presente estas características lo más visualmente posible. Demasiado texto descriptivo puede abrumar a los compradores.

2. Menú y navegación

Su demostración de navegación debe ser lo más intuitiva posible. Asegúrese de que sea 100% funcional en todos los tamaños de pantalla. La navegación compleja a menudo puede "romperse" en ventanas más pequeñas.

Intente no sobrecargar su navegación principal y asegúrese de que la combinación de elementos de navegación sea estéticamente agradable. Una navegación desequilibrada no hará justicia a tu demo.

3. Diseños

Si desea aumentar las posibilidades de venta de su tema, considere hacerlo de diseño múltiple. Esto se refiere a todas las páginas, incluidas las publicaciones y los tipos de publicaciones personalizadas. A los clientes les encanta poder elegir entre diseños. Por ejemplo, para un archivo de blog puede considerar una cuadrícula, una lista y un diseño completo. Si su tema ofrece una barra lateral, demuestre estas cosas con la barra lateral activada y desactivada. 

Asegúrese de que puede demostrar todos estos diferentes diseños en una sola instalación de WordPress. Si eso no es posible, deberías reconsiderar la lógica de tu tema..

4. Resaltar características ocultas

¡Construye tu demo usando todas las características de tu tema! ¡Sí! Si su tema presenta bellas animaciones de desplazamiento en la página, úselas en su presentación. Si su tema incluye un megamenú con widgets en la navegación, cree y organice su navegación con estas características. Si tiene soporte de iconos en los elementos del menú del encabezado, agregue algunos iconos!

5. Usar contenido auténtico

Una de las tareas más difíciles cuando se presenta un tema es hacerlo como un sitio web "real". Hay muchos generadores de texto ficticio como lorem ipsum, pero recomiendo usar texto auténtico tanto como sea posible. Y para las imágenes, audio, video y otros activos, recomiendo usar activos de alta calidad. La web puede estar compuesta principalmente de texto, pero una sola imagen errónea en la página dañará seriamente sus esfuerzos. Lo mismo se aplica a la tipografía. Use fuentes de calidad para mostrar las cosas con la mejor luz posible.

6. Incluye un interruptor de opciones de front-end

No recuerdo cuándo se convirtió en estándar utilizar un conmutador de opciones de front-end para demostraciones de temas, pero se espera mucho hoy en día. No es sorprendente, porque los usuarios desean experimentar y visualizar su sitio web futuro lo mejor posible antes de comprar un tema..

Algunos autores ofrecen un inicio de sesión de back-end con un nombre de usuario temporal para realizar pruebas completas (con complementos como login-sin-contraseña temporal) otros resaltan las opciones principales en el conmutador de opciones de front-end sin acceso de administrador. Ambas opciones son perfectamente útiles, pero prefiero la última. Para ese fin, creé un complemento de WordPress que ayuda a resaltar las opciones principales. Echa un vistazo a la demo..

Panel de opciones de Enovathemes en Github

Como puede ver, la demostración predeterminada resalta varias opciones, y puede agregar o eliminar tantas opciones como sea necesario usando configuraciones simples. 

Tenga en cuenta que este no es un complemento premium, ni está diseñado para nadie más que para los desarrolladores de WordPress. Con eso dicho, siéntase libre de usarlo para la presentación de su tema.

7. Comunicarse con compradores potenciales

Hoy en día es una práctica común utilizar "chats de pre-venta". Algunos autores usan complementos para eso, yo prefiero usar el mensajero de Facebook (por esta razón también incluí el botón del mensajero en el complemento de ayuda).

Hablar con un autor del tema a menudo les dará a los compradores potenciales la sensación de confianza adicional que necesitan para realizar una compra..

8. Optimiza tus demostraciones

La optimización de la demostración del tema es un tema separado (y extenso), pero veamos cuáles son los puntos principales:

  • Asegúrese de que su servidor / servidor tenga una versión de PHP al menos 7.0
  • Asegúrate de que tienes habilitado HTTPS.
  • Asegúrese de sacar de la cola todas las bibliotecas js / css y los archivos que se utilizan tanto en su tema como en los complementos instalados. Por ejemplo, muchos complementos que instala con su tema pueden usar Masonry o Fontawesome, y si no los saca de la cola, estos archivos se cargarán varias veces, lo que aumentará el tiempo de carga y el tamaño de su demostración..
  • También asegúrese de no incluir los archivos js / css en su tema si están presentes en WordPress de forma predeterminada.
  • Asegúrate de optimizar tus imágenes con el complemento de Compresión y Optimización de Imágenes de Smushit.
  • Y asegúrese de optimizar su sitio web utilizando los comentarios de la prueba de velocidad del sitio web de Pingdom.
  • Y, una vez que esté satisfecho con sus resultados, no olvide habilitar un complemento de almacenamiento en caché. Prefiero WP Super Cache.

9. Finalizar y probar

Esta es una parte muy importante. Una vez que haya diseñado, desarrollado y optimizado su demostración, verá que ya no le queda fuerza y ​​solo desea relajarse, ¡pero ahora es el momento de la prueba! Crucialmente: prueba todos tus páginas, en todos posibles tamaños de pantalla, con un depurador activo

Es posible que nunca sepa exactamente por qué un cliente optó por no comprar su artículo. Puede deberse a que en una vista móvil una de sus páginas muestra un icono mal alineado o, en el panorama de la tableta, se olvidó de reducir el tamaño de fuente de un encabezado. Los usuarios tienden a no pensar como lo hacen los desarrolladores, la mayoría de los usuarios tratan su producto como lo encuentran, por lo que estas pequeñas cosas actúan como grandes señales de advertencia.

Después de realizar pruebas exhaustivas, no olvide desactivar el depurador y borrar la memoria caché..

Conclusión

En esta guía, traté de describir las mejores prácticas de demostración que he aprendido durante mis años de desarrollo de temas premium. Si tiene alguna idea o idea adicional, compártala con todos nosotros en la sección de comentarios. Gracias por leer!