Spanish (Español) translation by Carlos (you can also view the original English article)
Cuando estás vendiendo un tema, su presentación es tu discurso de venta. Si la demostración se queda corta de alguna manera, está perjudicando al tema y esto conducirá a una pérdida de ventas. Si tu tema incluye cientos de funciones, pero los compradores no pueden verlas en acción, es posible que tampoco tenga ninguna función.
Esta guía cubrirá nueve buenas prácticas para ayudarte a exhibir tu tema lo mejor posible.
Esto es lo que veremos:
- Páginas para incluir en tu demostración
- Menú y navegación
- Diseños
- Resalta características ocultas
- Utiliza contenido auténtico
- Incluye un conmutador de opciones de front-end
- Comunícate con compradores potenciales
- Optimiza tus demostraciones
- Finalización y pruebas
1. Páginas para incluir en tu demostración
Ninguna de estas páginas es requerida como tal, pero es altamente recomendable.
Páginas de inicio: crea al menos tres páginas de inicio únicas. Cuantas más páginas de inicio crees, más diseños podrá demostrar.
Páginas internas: incluye páginas internas (o "subpáginas"), como "Quiénes somos", "Servicios", "Precios", "Equipo", "Preguntas frecuentes", etc. Es recomendable tener al menos dos versiones de cada página interior. Esto le da al cliente opciones y te permite mostrar una gama de elementos de página sin rellenar demasiado en un solo diseño.
Elementos: Continuando desde el último punto, es una buena práctica por lo general aceptada para demostrar elementos del tema en páginas separadas. No necesitas hacer páginas súper complejas para presentar tus elementos, solo diseña una plantilla de página reutilizable y utilízala para cada uno de tus elementos.
Si tienes una pequeña lista de elementos con opciones simples, podriás presentarlos en una sola página o agruparlos en colecciones adecuadas. Solo asegúrate de utilizar una organización lógica y agrupada. Notarás el menú de elementos del tema globax, por ejemplo. Los elementos se agrupan en elementos de tipografía, elementos de IU, sociales, etc.
Características: Una de las páginas más visitadas en cualquier demostración es la página de características. Asegúrate de presentar tantas funciones como sea posible de manera limpia, simple y llamativa.
Tus compradores lo encontrarán útil si agrupas tus características 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
- Revolution slider incluido
- Panel de opciones de tema avanzado
- Compatibilidad con WooCommerce
- Características principales
- Soporte multilingüe
- Importación de la demostración en un solo clic
- Soporte RTL
- 10 demostraciones 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 pantallas "retina".
- Tipografía avanzada
- Iconos Fontawesome incluidos
- Widgets en el megamenu
Presenta estas características lo más visualmente posible. Demasiado texto descriptivo puede abrumar a los compradores.
2. Menú y navegación
La demostración de la navegación debe ser lo más intuitiva posible. Lo que quiero destacar es: asegúrate de que tu navegación sea 100% funcional en todos los tamaños de pantalla. La navegación compleja a menudo puede "romperse" en ventanas más pequeñas.
Intenta no sobrecargar tu navegación principal y asegúrate de que la combinación de elementos de navegación sea estéticamente agradable. Una navegación desequilibrada no le hará justicia a tu demostración.
3. Diseños
Si deseas incrementar las posibilidades de venta de tu tema, considera hacerlo de varios diseños. Esto se refiere a todas las páginas incluyendo posts y tipos de post personalizados. A los clientes les encanta poder elegir entre diseños. Por ejemplo, para un archivo de blog puedes considerar una cuadrícula, una lista y un diseño completo. Si tu tema ofrece una barra lateral, demuestra estas cosas con la barra lateral activada y desactivada.
Asegúrate de que puedes 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. Destaca características ocultas
¡Crea tu demostración utilizando todas las características de tu tema! ¡Sí! Si tu tema presenta hermosas animaciones de desplazamiento en la página, úsalas en tu presentación. Si tu tema incluye un megamenú con widgets en la navegación, crea y organiza tu navegación con estas características. Si tiene soporte de iconos en los elementos del menú del encabezado, añade algunos iconos
5. Utiliza contenido auténtico
Una de las tareas más complicadas cuando se presenta un tema es hacerlo como un sitio web "real". Hay muchos generadores de texto ficticio como lorem ipsum, pero recomiendo utilizar texto auténtico tanto como sea posible. Y para las imágenes, audio, video y otros recursos, recomiendo emplear recursos de alta calidad. La web puede estar compuesta principalmente de texto, pero una sola imagen errónea en la página dañará seriamente tus esfuerzos. Lo mismo aplica a la tipografía. Emplea fuentes de calidad para mostrar las cosas de la mejor manera posible.
6. Incluye un conmutador de opciones de front-end
No recuerdo cuándo se convirtió en estándar usar un conmutador de opciones de front-end para demostraciones de temas, pero se espera mucho hoy en día, No es de sorprender, puesto que los usuarios quieren experimentar y visualizar su futuro sitio web 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 plugins para acceso sin contraseña temporal), otros destacan las opciones principales en el conmutador de opciones de front-end sin acceso de administración. Ambas opciones son perfectamente útiles, pero yo prefiero la última. Para ese fin, creé un plugin de WordPress que ayuda a resaltar las opciones principales. Echa un vistazo a la demostración.
Como podrás ver, la demostración predeterminada destaca varias opciones, y puedes añadir o eliminar tantas opciones como sea necesario utilizando configuraciones simples.
Ten en cuenta que este no es un plugin premium, ni está diseñado para nadie más que para los desarrolladores de WordPress. Dicho esto, siéntete libre de utilizarlo para la presentación de tu tema.
7. Comunícate con compradores potenciales
Hoy en día es una práctica común utilizar "chats de pre-venta". Algunos autores usan plugins para eso, yo prefiero utilizar el mensajero de Facebook (por esta razón también incluí el botón del mensajero en el plugin de ayuda).
Charlar con el autor del tema con frecuencia les dará a los compradores potenciales esa sensación extra de confianza que necesitan para realizar una compra.
8. Optimiza tus demostraciones
La optimización de la demostración del tema es un temática separada (y extensa), pero veamos lo que pienso son los puntos principales:
- Asegúrate de que tu servidor / alojamiento tenga una versión de PHP al menos 7.0
- Asegúrate de que tienes habilitado HTTPS.
- Asegúrate de retirar de la cola todas las bibliotecas js / css y los archivos que se utilizan tanto en tu tema como en los plugins instalados. Por ejemplo, muchos plugins que instalas con tu tema pueden utilizar Masonry o Fontawesome, y si no los sacas de la cola, estos archivos se cargarán varias veces, lo que incrementará el tiempo de carga y el tamaño de tu demostración.
- También asegúrate de no incluir los archivos js / css en tu tema si están presentes en WordPress de forma predeterminada.
- Asegúrate de optimizar tus imágenes con el plugin Compresión y Optimización de Imágenes Smushit.
- Y asegúrate de optimizar tu sitio web utilizando la retroalimentación de la prueba de velocidad del sitio web Pingdom.
- Y, una vez que estés satisfecho con tus resultados, no olvides habilitar un plugin de almacenamiento en caché. Yo me inclino por WP Super Cache.
9. Finalizar y probar
Esta es una parte sumamente importante. Después de que hayas diseñado, desarrollado y optimizado tu demostración, verás que ya no te quedan fuerzas y solo quieres relajarte, ¡pero ahora es el momento de probar! Fundamentalmente: prueba todas tus páginas, en todos los tamaños de pantalla posibles, con un depurador activo.
Probablemente nunca sepas exactamente por qué un cliente optó por no comprar tu artículo. Podría ser que, en una vista móvil, una de tus páginas muestra un icono mal alineado o, en el panorama de la tableta, olvidaste reducir el tamaño de la fuente de un encabezado. Los usuarios tienden a no pensar como lo hacen los desarrolladores, la mayoría de los usuarios tratan tu producto como lo encuentran, por lo que estas pequeñas cosas actúan como grandes señales de advertencia.
Después de probar minuciosamente, no olvides 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 ideas o pensamientos adicionales, por favor compártelos con todos nosotros en la sección de comentarios. ¡Gracias por leer el artículo!
By
