WooCommerce: revisión del tema Flatsome

Una experiencia de usuario notable e impecable es la clave para construir una presencia en línea exitosa para las empresas de comercio electrónico. ¿Con qué frecuencia sus clientes ingresan a su sitio web, se distraen de hacer otros mandados o abandonan su tienda debido a diseños de edad confusos?

Según las estadísticas, el 38% de los visitantes del sitio dejan de interactuar con los sitios web debido al contenido y al diseño de la página poco atractivos. Por lo tanto, atraer la atención de los clientes y ofrecer una experiencia de calidad a través de un diseño de página atractivo e intuitivo es importante para asegurar la retención de clientes y aumentar las ventas.

Y el tema de su tienda es un elemento importante que ayuda a mantener el interés de los visitantes y les ayuda a navegar por la página. Si bien puede elegir entre varios temas para su sitio web de WooCommerce, elegir un tema multipropósito que ofrezca un gran rendimiento, ofrezca altas capacidades de personalización y facilite la experiencia del usuario es lo que necesita para brindar una experiencia de calidad.

Este artículo revisa uno de esos temas importantes: el tema Flatsome WordPress. Comenzaremos con su breve descripción general y veremos su interfaz, características, beneficios y costo para ayudarlo a determinar si es la opción correcta para su tienda de comercio electrónico. ¡Vamos!

Flatsome: una breve descripción

Flatsome: un tema de WooCommerce receptivo multipropósito publicado en 2013, es uno de los temas populares y mejor calificados en ThemeForest. En unos días alcanzará las 200.000 ventas en ThemeForest .

Los temas de UX diseñaron y desarrollaron el tema Flatsome fácil de usar y personalizado, perfecto para principiantes y no programadores.

Flatsome 3.15.6 es la última versión del tema, que incluye muchas más funciones y opciones que su versión anterior Flatsome 3.0. Además, el tema ofrece un alto rendimiento y confiabilidad y está diseñado para la escalabilidad.

Además, viene con futuras actualizaciones y se integra a la perfección con WooCommerce. Comencemos con la revisión del tema Flatsome con su instalación y configuración.

Instalación y configuración de Flatsome

Cuando instale el tema Flatsome y lo abra en su panel de control de WordPress, aterrizará en esta página.

Aquí, debe hacer clic en el botón Asistente de configuración , que lo guiará a través del proceso para comenzar y configurar el tema en su tienda WooCommerce.

Puede omitir el asistente de configuración y hacer clic en el botón 'Ahora no' . Y para reiniciarlo y configurarlo más tarde, vaya a Flatsome > Configuración > Asistente en su tablero de WordPress.

O bien, puede hacer clic en '¡Vamos!' botón para iniciar la configuración. Una vez que haga clic en este botón, ingrese el código de compra para registrar su tema y haga clic en el botón 'Registrar' .

La configuración le permite crear su propio tema secundario , que guardará cualquier cambio o modificación que realice en caso de que se actualice el tema.

A continuación, la configuración exige que instale varios complementos, que incluyen:

• WooCommerce
• Formulario de contacto 7 (requerido)
• Nextend Google Connect (obligatorio)
• Nextend Facebook Connect (requerido)
• Barras laterales ilimitadas Woosidebars (obligatorio)
• Regenerar miniaturas (obligatorio)
• Lista de deseos de YITH WooCommerce (obligatorio)

Puede omitir este paso por ahora o determinar más tarde los complementos que desea instalar desde su panel de WordPress. O bien, también puede optar por instalar las alternativas del complemento, como WPForms, en lugar del Formulario de contacto 7. Sin embargo, el tema seguirá funcionando correctamente sin instalar estos complementos de inmediato.

Luego, puede crear el contenido de demostración de su sitio, especialmente si está instalando y usando el tema en un sitio web nuevo sin contenido, lo que facilita la personalización y edición del contenido más adelante, según sus preferencias. O bien, puede omitir este paso si está utilizando un sitio web existente.

A continuación, cargue su logotipo preestablecido, elija un diseño preestablecido, pase por el soporte y complete la configuración de Flatsome.

Por lo tanto, configurar el tema Flatsome es bastante rápido y simple, ya que lo lleva a través de los pasos de manera intuitiva y le permite omitir ciertos pasos si es necesario.

Entonces, ahora que hemos visto cómo configurar el tema, entremos en las características de Flatsome y el diseño.

Principales características de Flatsome para WooCommerce

Para editar con Flatsome, vaya a Páginas > Agregar nuevo y haga clic en Editar con UX Builder en la página siguiente.

Llegarás a esta página.

Veamos todas las características que ofrece Flatsome una por una:

1. Una interfaz intuitiva

Flatsome viene con una interfaz perfecta, lo que facilita agregar y eliminar elementos de su elección.

Cuando haga clic en el botón 'Agregar elementos' , verá varias opciones de elementos en la barra lateral, incluido el diseño, el contenido y la tienda.

Puede elegir entre una amplia gama de elementos, como sección, fila, control deslizante, cuadrícula, encabezado de página, bloque, pila, imagen, icono, cuadro de búsqueda, tablas de precios, galería y cartera. Además, puedes navegar por todos los elementos de Flatsome aquí.

Además, el tema es altamente receptivo , lo que le permite obtener una vista previa de la versión móvil, para tableta y de escritorio de su sitio web con un solo clic. Por ejemplo, simplemente haga clic en los íconos que se muestran en la barra lateral derecha para obtener una vista previa de su tienda de comercio electrónico en diferentes dispositivos, como se muestra a continuación.

2. Un amplio conjunto de opciones de diseño de temas.

El diseño de tu tienda es uno de los aspectos clave para atraer visitantes. Cuanto más creativo y simple sea, más tiempo querrán permanecer los visitantes e interactuar con su sitio web.

Flatsome ofrece muchas plantillas de diseño prefabricadas atractivas con calidad superior si no tiene listo un diseño de página personalizado. El color, la ubicación de los bloques, los íconos, el tamaño de la imagen y el diseño de fondo de todos los temas son excelentes y atractivos para el diseño.

3. Creador de encabezados y editor front-end

Flatsome ofrece excelentes opciones de personalización de encabezados con su Header Builder.

Cuando vaya a Apariencia y haga clic en la opción Personalizar en el backend de WordPress de su tienda, puede ver varias opciones de personalización, incluido el encabezado, el estilo, el blog y el diseño, como se muestra a continuación.

Al hacer clic en el menú Encabezado , obtiene un generador de encabezado intuitivo de arrastrar y soltar para personalizar su encabezado según sus requisitos.

Puede ajustar la ubicación de los menús con el editor de arrastrar y soltar y agregar cualquier cosa fácilmente desde botones, formulario de búsqueda, menú vertical y su código HTML personalizado. Además, el editor también te permite ajustar el estilo, incluidos el alto, el ancho y el color.

También puede obtener una vista previa de las versiones de escritorio, móvil y tableta del encabezado personalizado a través del editor de creación de encabezados.

Work Sharp, una tienda de comercio electrónico, es un excelente ejemplo de un sitio web que utiliza el tema Flatsome. Tienen un encabezado simple y elegante con pequeños menús de animación flotante, lo que brinda a la página de inicio del sitio web una experiencia de usuario interactiva.

4. Creador de experiencia de usuario

Al igual que Avada viene con su propio generador de páginas en vivo, Fusion Builder – Flatsome viene con UX Builder.

Le permite editar fácilmente elementos individuales de su sitio web y ver los cambios en vivo de inmediato en su sitio. Este constructor viene con 36 elementos de contenido diferentes, incluidos el título, el control deslizante, las secciones y los productos.

Aquí puede personalizar fácilmente el texto, el tamaño de fuente, la alineación y el color del contenido.

Simplemente haga clic en el elemento particular que desea personalizar y modifique su texto, alineación o tamaño según sea necesario.

5. Estudio plano

Una de las características más espléndidas y notables del tema Flatsome es Flatsome Studio. Es una biblioteca digital con un amplio conjunto de imágenes, secciones y diseños prediseñados gratuitos, que puede importar con un solo clic.

Puede elegir entre cientos de elementos y plantillas para secciones como comercio electrónico, pie de página, cuadrícula, campañas, contacto y testimonios.

Por ejemplo, Infobest, un sitio web de desarrollo de software rumano, utiliza Flatsome para diseñar su sitio web. Usan la plantilla de testimonios del tema de la biblioteca de Flatsome Studio para mostrar las reseñas de los clientes en todo su sitio y mejorar la credibilidad de la marca.

6. Elemento deslizante incorporado

El elemento deslizante incorporado es otra característica importante del editor frontal, que facilita la adición de diapositivas en su sitio web con efectos de desplazamiento y animaciones.

Puede agregar cualquier cosa, desde pancartas, imágenes y cuadrículas como diapositivas, y cada diapositiva tiene un color de superposición, animación, título y efecto de desplazamiento.

Puede personalizar fácilmente la navegación del control deslizante, el deslizamiento automático y la configuración avanzada.

7. Optimización de motores de búsqueda

La velocidad y el rendimiento de su sitio web juegan un papel fundamental en el rendimiento de la optimización del motor de búsqueda (SEO) de su sitio. Cuanto más tarde en cargarse su tienda de comercio electrónico, mayores serán las tasas de rebote y menor será el ranking SEO de su sitio web en los motores de búsqueda.

Por lo tanto, es importante elegir el tema que ofrece características multipropósito junto con mayor velocidad y rendimiento.

Flatsome viene con un marco ligero de CSS y JavaScript , que es excelente para garantizar una velocidad de carga de página más rápida. Además, utiliza la carga diferida inteligente en todas las imágenes y fondos, lo que hace que las imágenes se carguen solo cuando es necesario, lo que nuevamente hace que su sitio se cargue más rápido.

Además, el tema mantiene sus efectos de paralaje y animaciones CSS a un mínimo de 60 fps, lo que hace que el sitio web sea fluido y de alto rendimiento.

8. Opciones de estilo flexibles

Al navegar al menú Apariencia > Personalizar > Estilo , puede ajustar el color y la tipografía de su sitio web o agregar CSS personalizado, eligiendo entre opciones de color ilimitadas y más de 700 fuentes de Google.

Además, también puede personalizar el pie de página, el blog, los menús, las páginas y los widgets de su sitio web con opciones mejoradas de personalización y estilo.

9. Soporte y documentación

Flatsome ofrece ayuda y soporte confiables con documentación en línea, soporte de correo electrónico premium, videos, solicitudes de funciones y acceso a la comunidad Flatsome con usuarios que usan el tema.

Puede acceder a este soporte navegando a Flatsome > Ayuda y guías en su panel de control de WordPress. También obtiene 6 meses de soporte dedicado de temas UX con actualizaciones futuras. Además, puede extender este soporte por hasta 12 meses con cargos adicionales de $17.63.

Aquí está el enlace al amplio soporte de Flatsome:

• Vídeo tutoriales en el canal de YouTube de Flatsome
• Una amplia colección de artículos en la base de conocimiento Flatsome
• Soporte en línea disponible a través de Themeforest
• Ejemplos sencillos para ver diferentes casos de uso e inspirarse en ellos

Por lo tanto, siempre que enfrente alguna dificultad, puede recurrir a cualquiera de estos canales de soporte para resolver sus consultas en poco tiempo.

Otras características planas

Aquí hay una lista de otras características importantes de Flatsome que lo convierten en uno de los temas de WooCommerce más populares:

• Cree bloques personalizados con los elementos que más usa y muestre los bloques usando un código abreviado en cualquier publicación o página: una solución conveniente y que ahorra tiempo.
• La capacidad de diseñar páginas de pago con facilidad.
• Echa un vistazo a una vista rápida de las páginas de categorías para ver los productos.
• Opción de agregar al carrito desde las páginas de categorías.
• Funcionalidad QuickZoom para las páginas de productos.
• Una opción de catálogo para mostrar productos sin precios.
• Diferentes opciones de filtro y opciones de diseño para listas de categorías.
• La opción de búsqueda en vivo permite a los visitantes ver y encontrar lo que buscan mientras escriben.
• Listo para WPML.

También puede ver las nuevas funciones y leer el nuevo registro de cambios de las versiones Flatsome 3.14 y Flatsome 3.13.

Revisión de precios planos

El tema Regular License of the Flatsome cuesta $ 59 (sin incluir impuestos) para un solo sitio.

Y su licencia extendida cuesta $ 2950 si desea usar el tema para múltiples sitios web o múltiples usuarios. También cobra un costo adicional de $17.63 por una extensión de soporte de 12 meses.

Conclusión: ¿Debería elegir Flatsome?

Definitivamente debería considerar el tema Flatsome para su tienda WooCommerce dada su perfecta integración con WooCommerce, diseño optimizado para SEO, una amplia gama de elementos y opciones de estilo flexibles.

Su interfaz y generador de front-end también es bastante fácil de usar y comprender. Sí, familiarizarse con todos los elementos y funciones requiere algo de tiempo y una pequeña curva de aprendizaje. Pero, una vez que te familiarizas con la interfaz, no hay vuelta atrás.

Entonces, ya sea que sea un desarrollador web principiante o experto, consulte y elija el tema Flatsome asequible, fácil de usar y basado en el rendimiento para crear tiendas de comercio electrónico de aspecto profesional con facilidad.