Cree una tienda en línea con Joomla y Wegy Template

Ya hemos revisado wegy - una plantilla multipropósito para Joomla creada por Monstruo de plantilla. Anteriormente, nos enfocamos en sus capacidades como plantilla comercial para sitios web corporativos y páginas de destino.

Pero desde la última actualización, Wegy está equipado con una funcionalidad de comercio electrónico con todas las funciones. Viene con una amplia gama de páginas prediseñadas para vendedores en línea (página de inicio de la tienda, producto individual, listado, páginas de envío y entrega, etc.); es compatible con el zoom de la nube de la imagen del producto, varias monedas y muchas otras funciones orientadas al comercio electrónico. Con VirtueMart como su solución de comercio electrónico, Wegy es simple, flexible y eficaz en términos de ventas en línea.

Resumen

Hoy lo ayudaremos a personalizar su tienda en línea basada en Wegy, para que pueda configurar su negocio de comercio electrónico en muy poco tiempo. Aquí está lo que está en nuestra lista:

• Cómo instalar Wegy;
• Cómo implementar su propio logo;
• Cómo cambiar el esquema de color de la plantilla;
• Cómo hacer de VirtueMart su portada;
• Cómo personalizar bloques de texto estático;
• Cómo trabajar con menús;
• Cómo configurar controles deslizantes.

Empecemos.

Instalación de la plantilla Wegy

Hay dos formas de instalar Wegy. Puede instalar todo a la vez o solo la plantilla. En esta guía, usaremos la instalación implícita mediante la carga del contenido de paquete completo.zip.

1. Descomprime el paquete completo.zip, que contiene Joomla, Wegy y todas las extensiones, y cárguelo en la carpeta raíz de su cuenta de alojamiento.
2. Vaya a su sitio web y verá el mensaje de instalación.
3. Continúe con el proceso de instalación estándar de Joomla. ! Exporte datos de muestra en el tercer paso para acceder a las páginas, los artículos y los productos VirtueMart prediseñados. ¡Es mucho más fácil modificarlos que crear todo desde cero!
4. No olvide eliminar la carpeta de instalación.

¡Felicitaciones, la instalación ha terminado! Ahora puede navegar por su sitio web o iniciar sesión en el Panel de control de Joomla para personalizar su plantilla.

(PD. Tenemos una oferta especial para esta plantilla en este momento: obtenga un 10% de descuento hasta Septiembre 2023 utilizando código de cupón: collectiveraytm10)

Demo en vivo  Obtenga un 10% de descuento hasta Septiembre 2023 - Cupón: collectiveraytm10

Personalización inicial

Empecemos con lo básico. Para personalizar su tienda Wegy, deberá reemplazar su Logos, bloques de texto estático como datos de contacto y "Acerca de nosotros" y, quizás, cambiar el esquema de color del sitio web.

Implementando su propio logo

Inicie sesión en el Panel de control y vaya a Plantillas > theme3092 - Tienda.

1. Ve a la 'Disposición'pestaña y busque el'Configuraciones de logo' Articulo;

2. Sube tu nueva imagen de logo;

3. Haga clic en 'recuadro';

4. Y guarda los cambios.

Tenga en cuenta que el nombre del archivo debe contener solo caracteres alfanuméricos, no se permiten espacios.

Cambiar la metainformación

1. Ve a VirtueMart> Tienda en su Panel de control;

2. Aquí puede cambiar el nombre de su tienda, el nombre del proveedor, la descripción de la tienda, los términos de servicio, la información legal y diversa metainformación: palabras clave, descripción y muchos más.

Configurar la información de contacto

Hay 2 posiciones que deben personalizarse en primer lugar: 'sup-top' (un panel estrecho sobre el encabezado) y 'copyright' (el pie de página). Para navegar y modificar módulos que pertenecen a estas posiciones, haga lo siguiente:

1. Ve a Prórrogas de tiempo para presentar declaraciones de impuestos > Módulos;

2. Encontrar 'Seleccionar posición'en la barra lateral. Seleccione 'sup-top'. Ahora necesitas editar los módulos 'Ubicación'Y'info'. Simplemente haga clic en ellos, reemplace la información con la suya y haga clic en 'Guardar'.

Lo mismo ocurre con el pie de página.

1. In Prórrogas de tiempo para presentar declaraciones de impuestos > Módulos > Filtrar > Seleccione la posición, elija 'derechos de autor';

2. Encuentra todos los módulos con el 'HTML personalizado'escriba y edítelos en el editor WYSIWYG. Al editar el 'Acerca de'reemplace el logotipo original de Wegy por el suyo, y aparecerá en el pie de página.

Personalización de funciones

Hay tres bloques con las funciones de su empresa denominados 'Envío gratuito', 'Soporte' y 'Devolución del pedido'.

Si ha iniciado sesión como administrador, puede cambiarlos directamente desde la interfaz. Simplemente haga clic en el pequeño icono que se encuentra sobre el módulo y será redirigido al editor WYSIWYG.

Editar un esquema de color

1. Ve a Usuarios > Administrador de usuarios > Agregar nuevo usuario y llenar todos los formularios necesarios para crear un nuevo usuario;

2. Asígnelo al grupo 'Superusuarios' en la segunda pestaña y guárdelo;

3. Inicie sesión como este usuario recién creado en el menú desplegable de la interfaz;

4. Verá un panel de cambio de estilo a la izquierda. Elija uno de los 4 estilos y presione 'Guardar".

Wegy utiliza LESS preprocesador para mejorar su código CSS. Gracias a las variables introducidas en LESS puede cambiar la combinación de colores de todo su sitio web con un solo clic. Sin embargo, para editar estos esquemas, debe profundizar en los archivos CSS de la plantilla.

Demo en vivo MÁS INFORMACIÓN

Menús

Es hora de cuidar la navegación de tu tienda. Muchos elementos de esta plantilla pertenecen a menús, incluso botones de redes sociales en el pie de página.

Puede reorganizar las posiciones del menú y su jerarquía con una simple función de arrastrar y soltar.

1. Ve a Panel de control> Menús> Menú principal> Agregar nuevo menú Artículo;

2. Déle un nombre y especifique su tipo. Como ejemplo, coloquemos un enlace al tablero del Foro Kunena aquí. Elegir Foro Kunena> Lista de categorías.

3. Guarde el menú. Debería aparecer en tu página de inicio.

***

1. Para administrar sus botones de redes sociales abiertos Panel de control> Menús> Redes sociales;

2. Abra cualquier elemento del menú y pegue la URL de la cuenta de red social respectiva. Guarde el menú.

Ahora los íconos en el pie de página enlazan a sus perfiles sociales.

Demo en vivo MÁS INFORMACIÓN

Menú Mega

La funcionalidad del mega menú de Wegy está impulsada por el complemento Ice Mega Menu.

Cuando edita o crea cualquier elemento del menú, puede ir a la pestaña 'IceMegaMenu' y establecer el número de columnas. Si es más de 1, se convertirá en un mega menú. Sí, es así de simple. Todo lo que necesita hacer es organizar las columnas correctamente y definir sus anchos en porcentajes. Adecuadamente. Como esto:

Los datos de muestra de Wegy incluyen dos mega menús listos para usar en los que puede practicar. En nuestro ejemplo, agregamos el 'Accesorios'columna y cambió el banner y su posición.

Configurar tu tienda como página de inicio

Si desea crear un sitio web de tienda primero, probablemente desee configurar la tienda como la página de inicio de su sitio web. Así es como se puede hacer:

1. Ve a Menús> Menú principal> Agregar nuevo elemento de menú  en su Panel de control;
2. Dale un nombre único. Al lado de Tipo de elemento de menú haga clic en el Seleccione botón. Clic VirtueMart de la lista, luego haga clic en Primera plana;

3. Haga clic en 'Guardar".

4. Ahora ve a Menús> Menú principal, busque su nuevo menú y haga clic en la estrella junto a él.

Ahora consulte la página principal de su sitio web (por ejemplo, https://wegystore.com/). Si ha hecho todo correctamente, verá la página de inicio de su tienda.

Controles deslizantes

El control deslizante debajo del encabezado usa sus artículos como diapositivas. Para obtener un mejor resultado, debe usar imágenes grandes con alta resolución, que aún se verán bien cuando se extiendan a lo largo de la página.

1. Ve a Extensiones> Módulos en el Panel de control;
2. Encuentra los Tienda de control deslizante de secuencia módulo;

3. En la primera pestaña, elija una categoría de artículo para que se muestre o anule la publicación del módulo si no necesita un control deslizante.

Hay muchas más formas de mejorar su tienda Joomla con Wegy; mencionamos solo los más importantes. Para una personalización profunda, consulte la carpeta Documentación de su paquete Wegy.

Consigue Wegy aquí

(PD. Tenemos una oferta especial para esta plantilla en este momento: obtenga un 10% de descuento hasta Septiembre 2023 utilizando código de cupón: collectiveraytm10)

Demo en vivo MÁS INFORMACIÓN

Los detalles completos de lo que hay en Wegy

Wegy es una especie de tema revolucionario para TM, ya que une las mejores ideas de la empresa y se crea con las últimas tendencias y conceptos de TI.

También viene cargado con 14 páginas prediseñadas que son imprescindibles para cualquier sitio web actualizado y, por eso, no es necesario que las diseñe usted mismo. Además, incluye 4 esquemas de color que te permiten cambiar la paleta de tu sitio web con un solo clic.

Entonces, echemos un vistazo más de cerca a algunas de las características que hacen que Wegy sea único.

Optimización SEO

El tema está optimizado para SEO por defecto, por lo que será clasificado por todos los motores de búsqueda, lo que generará más tráfico a su sitio web.

Mega menú fijo

El siguiente es un mega menú fijo. Esto asegura una mejor navegación y le permite organizar el contenido en grupos lógicos. De esta forma, los usuarios podrán encontrar los productos en los que están interesados, mucho más rápido.

Control deslizante de ancho completo

Como es la última tendencia, un control deslizante de ancho completo en la parte superior de la página de inicio es una especie de marca comercial para su negocio y también una excelente manera de mostrar los productos y servicios que ofrece. El módulo Image Swoop le permite crear un control deslizante atractivo en solo unos minutos.

Google Fonts

Las fuentes de Google le permiten aportar más individualidad al sitio y mejorar la experiencia de navegación web de sus visitantes.

Iconos vectoriales escalables

Con la ayuda de iconos vectoriales escalables, puede agregar algo de estilo a su sitio web con un par de clics. Los iconos son totalmente personalizables. Eres libre de cambiar su color, sombras y tamaño.

Carga lenta

Efecto de carga perezosa: una de las características más efectivas de Wegy. Asegura que los elementos ocultos no se carguen hasta que se desplace hacia abajo. En otras palabras, ayuda a que las páginas se carguen más rápido y reduce en gran medida la carga del servidor.

Bootstrap habilitado + Responsive

Bootstrap: este marco ofrece un poderoso conjunto de funciones que lo ayudarán a mejorar el rendimiento del sitio y hacer que el sitio web responda en varios dispositivos. Ofrece una colección de códigos prefabricados que puede utilizar para personalizar el sitio.

El diseño receptivo permite que su sitio web y su contenido se adapten a cualquier resolución de pantalla, por lo que funcionará bien en todos los dispositivos, incluidos computadoras de escritorio, tabletas y teléfonos inteligentes.

Soporte de GoogleMap

Muestre a su audiencia la ubicación de su empresa en GoogleMap y hágales saber cómo llegar a su oficina.

Más de 10 módulos de medios

Más de 10 módulos multimedia mejorarán la funcionalidad de su sitio web y garantizarán una navegación óptima. Con este tema obtienes:

• Joomla
• Inicio de sesión social,
• Chat en vivo con contadores de adición de Olark,
• Integración de redes sociales con Addthis,
• y una variedad de otros módulos de medios.

Soporte para boletines

Con la ayuda de un poderoso formulario de boletín, puede convertir a sus visitantes en suscriptores y, finalmente, en clientes.

Efecto de paralaje

Una de las características más llamativas de Wegy es el uso de Parallax. Este efecto permite que el fondo se mueva a un ritmo más lento hacia el primer plano a medida que se desplaza hacia abajo en la página. De esta manera, obtienes un efecto 3D que agrega un estilo extra a la página.

Estas son solo algunas de las características de Wegy, ya que la lista es bastante larga y tomaría algún tiempo examinar cada una de ellas individualmente. Puede instalar el tema y comprobar todos los beneficios usted mismo.

Originalmente, este tema fue diseñado para sitios web comerciales y financieros, pero gracias a las opciones avanzadas, se puede adaptar a cualquier otro tipo de negocio. Puede adaptarlo fácilmente para un blog personal, portafolio, sitio corporativo, etc. Demo en vivo y MÁS INFORMACIÓN en Wegy.

Wegy ha tenido una serie de actualizaciones, donde se incluyeron una serie de funciones nuevas y se mejoraron algunas de las antiguas. Si ya está utilizando esta plantilla, le alegrará saber que ahora puede convertirse en una tienda en línea con todas las funciones. Si recién se está familiarizando con Joomla, Wegy podría convertirse en un excelente punto de partida para su futuro sitio web.

Como es una plantilla insignia de Joomla colección de TemplateMonster, puede estar seguro de que otras funciones también se realizan al más alto nivel.

Esta importante actualización, que consta de correcciones y renovaciones más pequeñas, presenta varios tipos de páginas nuevos, diseños de página alternativos, integración de comercio electrónico y una gran cantidad de mejoras menores. Ahora procedamos a las funciones recientemente agregadas, ofrecidas por Wegy:

Nuevas funciones

Además de las mejoras en las funciones existentes, esta versión de Wegy presenta una serie de nuevas. Usted, sin duda, los encontrará a mano,

Integración de comercio electrónico

Quizás la innovación más masiva y significativa de la actualización es la compatibilidad total con el comercio electrónico de los sitios web basados ​​en Wegy. Joomla es uno de los sistemas de gestión de contenido establecidos y tiene muchas extensiones, incluidas soluciones de comercio electrónico con todas las funciones, como VirtueMart.

Wegy ahora tiene páginas de tienda en línea prefabricadas disponibles en la reciente actualización de Wegy. Puede usar todo el poder de esta extensión para vender cosas en línea.

Compatibilidad con idiomas de derecha a izquierda

Wegy ahora admite idiomas con escritura de derecha a izquierda. Sabemos que Joomla es especialmente popular en los países árabes y hay más de mil millones de personas que usan idiomas con escritura de derecha a izquierda.

Soporte multilingüe

Con el soporte de varios idiomas, ahora puede traducir la interfaz de su sitio web a tantos idiomas como necesite para hacerlo verdaderamente internacional.

Múltiples monedas

Ahora que puede crear una tienda en línea con Wegy, el tema también admite monedas múltiples. Con esta función, puede aceptar pagos en varias monedas diferentes, aumentando así el número de sus clientes potenciales y, como consecuencia, sus ingresos.

Constructor de formularios

Esta herramienta con cero requisitos de habilidades de codificación le permitirá conectarse con sus lectores / clientes con la ayuda de formularios de contacto personalizables.

Optimización de imagen

Todas las imágenes que vienen con Wegy se han comprimido sin pérdida de calidad. Para que sus visitantes puedan disfrutar de imágenes de alta calidad y alta velocidad de carga.

Paralaje

Esta tendencia de diseño moderno, indispensable para una tienda en línea moderna, también será útil para darle vida a las páginas comerciales. Cuando se usa con fotos de alta definición, puede brindar una experiencia de usuario inigualable.

Nuevos diseños de página

La naturaleza de comercio electrónico de la actualización se refleja en varios diseños de página nuevos. La mayoría de ellos han sido diseñados específicamente para tiendas en línea, aunque los propietarios de sitios web comerciales también tienen algo que mirar. Aquí hay una breve descripción de ellos:

Página de inicio versión 2

La versión alternativa de una página de inicio de Wegy, creada para sitios web comerciales y páginas de destino. Contiene elementos planos más monocromáticos y, por tanto, está más saturado.

Algunos elementos cruciales, como los títulos de las tablas de precios, utilizan una fuente más grande. Será útil si está utilizando su página de inicio como página de destino. Las estadísticas numéricas se presentan como precargadores, mientras que en la primera versión había contadores.

Contáctenos página versión 2

La nueva página de inicio en sí incluye más información de contacto que la original: tiene una línea de encabezado adicional con su dirección y número de teléfono.

También se ha mejorado la página de contacto. Ahora cuenta con un widget de Google Maps de ancho de página, donde puede marcar la ubicación de su oficina. Los iconos y enlaces son más grandes y mucho más visibles. Su posición está mucho mejor optimizada en comparación con el diseño de la página de contacto original. El formulario de contacto también está duplicado en el pie de página de la página de inicio.

Página de inicio de la tienda

Esta página ofrece un diseño orientado al comercio electrónico con vistas previas de productos, al tiempo que conserva el diseño y la navegación familiares de un sitio web de Wegy. Está equipado con un control deslizante, un carrito de compras con tecnología Ajax, un conmutador de moneda y un conjunto de etiquetas de productos ("Nuevo", "Ventas", etc.)

Página de un solo producto

Una página de producto optimizada para conversiones es un atributo necesario de cualquier tienda electrónica.

En este tipo de página, Wegy ofrece varios filtros (por tamaño, precio y fabricante), clasificación de productos y reseñas. En cuanto a las imágenes, existe un efecto de zoom en la nube, que permite a sus clientes ver el producto en detalle; y también un control deslizante de imagen de vista previa para mostrar un producto en diferentes colores, estilos y desde diferentes ángulos.

Página de inicio del catálogo

La página de la lista de la tienda de Wegy no es solo una copia de la página de inicio de la tienda. Está diseñado para exhibir una gran cantidad de productos de manera efectiva. Aquí puede ver anuncios de categorías espectaculares, vistas previas de categorías más pequeñas y elementos individuales, que se muestran con un efecto de carga diferida. En esta página también se encuentran disponibles potentes opciones de clasificación.

Página de envío y entrega

Este tipo de página es extremadamente importante en términos de experiencia de compra. Aclara los términos de entrega y es uno de los sellos distintivos de una tienda exitosa. En Wegy es bastante simple, pero informativo: los términos están condimentados con iconos descriptivos para una mejor comprensión.

Página "Acerca de la tienda"

Una página de tienda alternativa "Acerca de la tienda" proporciona un resumen de su tienda en línea. Aquí se encuentra la información sobre el número de sus productos, miembros del sitio, retención de clientes, etc. Puede personalizar esta página para agregar sus propios parámetros.

Funciones revisadas

Algunas de las funciones antiguas se han rehecho para mejorar la apariencia y la facilidad de uso. Los cambios son menores, por lo que solo le proporcionaremos una lista de verificación para mantenerlo informado.

• Opción receptiva
• Opción de cambio de tamaño de encabezado
• Las barras de progreso
• Bloque de boletín en la página Acerca de
• Estilo de blog
• Filtros de cartera
• Los esquemas de color
• Búsqueda de menú en el encabezado
• Páginas de historial, precios y mapa del sitio
• Pestañas en la página del foro
• Estilo del formulario de inicio de sesión en la barra lateral derecha.

Precios

Wegy tiene el precio de la mayoría de las plantillas y productos en TemplateMonster: el buen precio de $ 75. 

Como parte del precio, obtienes el tema, 14 páginas predefinidas, acceso completo a los archivos PSD, más de 10 módulos sociales y mucho más. 

Como ocurre con la mayoría de las plantillas, también puede obtener una serie de servicios adicionales:

• $ 199 - para obtener un sitio web completamente configurado con todas las personalizaciones necesarias para su empresa
• $ 49 - instalación en el alojamiento de su elección
• $ 59 - configuración de servicios de cumplimiento de GDPR
• $ 79: la inclusión de una serie de productos Joomla premium como el Editor de contenido avanzado, el componente de respaldo, el complemento de SEO, la búsqueda de backend, el complemento de optimización de velocidad, etc.

Debido a que hemos trabajado con TemplateMonster durante muchos años, nos han ofrecido una oferta especial para los visitantes de CollectiveRay. Si hace clic en el botón de abajo y usa el código de cupón collectiveraytm10 puedes conseguir esta plantilla con un 10% de DESCUENTO. 

Pero date prisa, esta oferta solo es válida hasta Septiembre 2023.

Haga clic aquí para obtener el precio más bajo en Wegy

Testimonios

Wegy se ha vendido 747 veces y tiene una calificación de 5 estrellas de 34 reseñas. Estas son algunas de las cosas que sus usuarios han dicho sobre la plantilla:

pablo grande 

Entonces, después de haber pagado y descargado muchas plantillas de varios sitios de plantillas, estaba realmente impresionado con Wegy. Cada sección se modificó fácilmente desde la parte frontal. (una característica que falta en muchas plantillas). Así que fue más fácil para mis clientes hacer sus propios cambios. Desde la perspectiva de un proveedor, el soporte ofrecido por Templatemonster, para mí, fue la mayor ventaja. El soporte de por vida las 24 horas del día, los 7 días de la semana para la plantilla es realmente el mayor punto de venta para mí. ¡Veamos algunas plantillas Joomla más geniales como Wegy, por favor!

Ronald Rodríguez

Fácil de configurar, múltiples opciones para la página de inicio. Viene con imágenes, dump.sql, complementos y plantilla. ¡INCREÍBLE sitio web!

Guarav Pratap

Muy práctico, fácil de personalizar. Muy buen soporte y ayuda de Template Monster. 

Para Concluir

Al ser una plantilla de Joomla altamente personalizable, Wegy es muy flexible para varios tipos de tiendas especializadas y plantillas de comercio electrónico. Su diseño neutral le permite aplicarlo a un sitio web de cualquier tipo y tema. Y, lo más importante, se actualiza periódicamente, ya que proviene de uno de los proveedores más establecidos en TemplateMonster (Zemez).

Entonces, si está buscando una plantilla profesional para su sitio web Joomla, Wegy es una excelente opción. Haga clic aquí para verlo en la obra: 

Ver demostración en vivo  Descargue la plantilla Wegy ahora

Sobre la autora

Autor: David AtardPagina web: https://www.linkedin.com/in/dattard/Correo electrónico: David@collectiveray.com

David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.