Créez une boutique en ligne avec Joomla et Wegy Template

Nous avons déjà examiné Wegy - un modèle polyvalent pour Joomla conçu par TemplateMonster. Auparavant, nous nous sommes concentrés sur ses capacités en tant que modèle d'entreprise pour les sites Web d'entreprise et les pages de destination.

Mais depuis la dernière mise à jour, Wegy est équipé d'une fonctionnalité de commerce électronique complète. Il est livré avec une large gamme de pages prédéfinies pour les vendeurs en ligne (page d'accueil de la boutique, produit unique, pages de liste, d'expédition et de livraison, etc.); il prend en charge le zoom sur le cloud d'image du produit, plusieurs devises et de nombreuses autres fonctionnalités orientées commerce électronique. Avec VirtueMart comme solution de commerce électronique, Wegy est simple, flexible et efficace en termes de vente en ligne.

Résumé

Aujourd'hui, nous vous aiderons à personnaliser votre boutique en ligne basée sur Wegy, afin que vous puissiez configurer votre entreprise de commerce électronique en un rien de temps. Voici ce qui est sur notre liste:

• Comment installer Wegy;
• Comment l'utiliser ? implémenter votre propre logo;
• Comment changer le jeu de couleurs du modèle;
• Comment faire de VirtueMart votre page d'accueil;
• Comment personnaliser des blocs de texte statiques;
• Comment travailler avec les menus;
• Comment configurer les curseurs.

Commençons.

Installation du modèle Wegy

Il existe deux manières d'installer Wegy. Vous pouvez soit tout installer en même temps, soit uniquement le modèle. Dans ce guide, nous utiliserons l'installation implicite via le téléchargement du contenu de paquet complet.zip.

1. Décompressez le paquet complet.zip, qui contient Joomla, Wegy et toutes les extensions, et téléchargez-le dans le dossier racine de votre compte d'hébergement.
2. Accédez à votre site Web et vous verrez le message d'installation.
3. Suivez le processus d'installation standard de Joomla. ! Exportez des exemples de données à la troisième étape pour accéder aux pages, articles et produits VirtueMart prédéfinis. Il est bien plus facile de les modifier que de tout créer à partir de zéro!
4. N'oubliez pas de supprimer le dossier d'installation.

Félicitations, l'installation est terminée! Vous pouvez maintenant parcourir votre site Web ou vous connecter au panneau de configuration Joomla pour personnaliser votre modèle.

(PS. Nous avons une offre spéciale pour ce modèle en cours en ce moment - obtenez 10% de réduction jusqu'à Juin 2023 en utilisant le code de coupon: collectiveraytm10)

Demo  Obtenez 10% de réduction jusqu'au Juin 2023 - Coupon: collectiveraytm10

Personnalisation initiale

Commençons par les bases. Pour personnaliser votre magasin Wegy, vous devrez remplacer son Logos, des blocs de texte statiques tels que les données de contact et « À propos de nous », et, peut-être, modifiez la palette de couleurs du site Web.

Implémentation de votre propre logo

Connectez-vous au panneau de configuration et accédez à Modèles > theme3092 - Boutique.

1. Aller à la 'Disposition'onglet et recherchez le'Paramètres du logo' Objet;

2. Téléchargez votre nouvelle image de logo;

3. Cliquez sur 'insérer';

4. Et enregistrez les modifications.

Notez que le nom de fichier ne doit contenir que des caractères alphanumériques - aucun espace n'est autorisé.

Changer les méta-informations

1. Cliquez sur VirtueMart> Boutique dans votre panneau de contrôle;

2. Ici, vous pouvez modifier le nom de votre boutique, le nom du fournisseur, la description de la boutique, les conditions de service, les informations légales et diverses méta-informations: mots-clés, description et bien d'autres.

Configurer les informations de contact

Il y a 2 positions qui doivent être personnalisées en premier lieu - «sup-top» (un panneau étroit au-dessus de l'en-tête) et «copyright» (le pied de page). Pour parcourir et modifier les modules qui appartiennent à ces positions, procédez comme suit:

1. Cliquez sur Extensions > Modules;

2. Trouver 'Sélectionnez une position'dans la barre latérale. Sélectionnez «sup-top». Vous devez maintenant éditer les modules 'Lieu' et 'info». Cliquez simplement dessus, remplacez les informations par les vôtres et cliquez sur «Enregistrer».

Même chose avec le pied de page.

1. In Extensions > Modules > Filtre > Sélectionnez la position, choisissez «copyright»;

2. Retrouvez tous les modules avec le 'HTML personnalisé'tapez et modifiez-les dans l'éditeur WYSIWYG. Lors de l'édition du 'À propos'remplace le logo Wegy d'origine par le vôtre - et il apparaîtra dans le pied de page.

Personnalisation des fonctionnalités

Il existe trois blocs avec les fonctionnalités de votre entreprise: «Livraison gratuite», «Assistance» et «Retour de commande».

Si vous êtes connecté en tant qu'administrateur, vous pouvez les modifier directement depuis le frontend. Cliquez simplement sur la petite icône au-dessus du module - et vous serez redirigé vers l'éditeur WYSIWYG.

Modifier un jeu de couleurs

1. Cliquez sur Utilisateurs > Gestionnaire des utilisateurs > Ajouter un nouvel utilisateur et remplissez tous les formulaires nécessaires pour créer un nouvel utilisateur;

2. Attribuez-le au groupe «Super utilisateurs» dans le deuxième onglet et enregistrez-le;

3. Connectez-vous en tant qu'utilisateur nouvellement créé dans le menu déroulant sur le front-end;

4. Vous verrez un panneau de sélection de style sur la gauche. Choisissez l'un des 4 styles et appuyez sur 'Épargnez".

Wegy utilise LESS pré-processeur pour enrichir son code CSS. Grâce aux variables introduites dans LESS vous pouvez changer la palette de couleurs de l'ensemble de votre site Web en un seul clic. Pour modifier ces schémas, vous devez cependant creuser dans les fichiers CSS du modèle.

Demo Plus d'infos

menus

Il est temps de s'occuper de la navigation de votre boutique. De nombreux éléments de ce modèle appartiennent à des menus - même des boutons de réseaux sociaux dans le pied de page.

Vous pouvez réorganiser les positions des menus et leur hiérarchie par simple glisser-déposer.

1. Cliquez sur Panneau de configuration> Menus> Menu principal> Ajouter un nouveau menu Article;

2. Donnez-lui un nom et spécifiez son type. À titre d'exemple, plaçons ici un lien vers le tableau du forum Kunena. Prendre Forum Kunena> Liste des catégories.

3. Enregistrez le menu. Il devrait apparaître sur votre page d'accueil.

***

1. Pour gérer vos boutons de réseaux sociaux, ouvrez Panneau de configuration> Menus> Réseaux sociaux;

2. Ouvrez n'importe quel élément de menu et collez l'URL du compte de réseau social respectif. Enregistrez le menu.

Maintenant, des icônes dans le lien de pied de page vers vos profils sociaux.

Demo Plus d'infos

Mega menu

La fonctionnalité de méga menu de Wegy est alimentée par le plugin Ice Mega Menu.

Lorsque vous modifiez ou créez un élément de menu, vous pouvez accéder à l'onglet «IceMegaMenu» et définir le nombre de colonnes. S'il est supérieur à 1, il se transformera en un méga menu. Oui, c'est aussi simple que cela. Tout ce que vous avez à faire est d'organiser correctement les colonnes et de définir leurs largeurs en pourcentages. Correctement. Comme ça:

Les exemples de données de Wegy incluent deux méga menus prêts à l'emploi sur lesquels vous pouvez vous entraîner. Dans notre exemple, nous avons ajouté le 'Accessoires'et a changé la bannière et sa position.

Définir votre boutique comme page d'accueil

Si vous souhaitez créer un site Web axé sur le magasin, vous souhaiterez probablement définir la boutique comme page d'accueil de votre site Web. Voici comment cela peut être fait:

1. Cliquez sur Menus> Menu principal> Ajouter un nouvel élément de menu  dans votre panneau de contrôle;
2. Donnez-lui un nom unique. À côté de la Type d'élément de menu cliquez sur le Sélectionnez bouton. Cliquez VirtueMart dans la liste, puis cliquez sur Page Principale;

3. Cliquez sur 'Épargnez".

4. Maintenant, allez à Menus> Menu principal, recherchez votre nouveau menu et cliquez sur l'étoile à côté.

Vérifiez maintenant la page d'accueil de votre site Web (par exemple https://wegystore.com/). Si vous avez tout fait correctement, vous verrez la page d'accueil de votre boutique.

Sliders

Le curseur sous l'en-tête utilise vos articles sous forme de diapositives. Pour un meilleur résultat, vous devez utiliser de grandes images avec une haute résolution, qui seront toujours belles lorsqu'elles seront étirées sur la page.

1. Cliquez sur Extensions> Modules dans le panneau de contrôle;
2. Trouvez le Boutique de curseurs de séquence module;

3. Dans le premier onglet, choisissez une catégorie d'article à afficher ou annulez la publication du module si vous n'avez pas besoin d'un curseur.

Il existe de nombreuses autres façons d'améliorer votre boutique Joomla avec Wegy; nous n'avons mentionné que les plus importants. Pour une personnalisation approfondie, consultez le dossier Documentation de votre package Wegy.

Obtenez Wegy ici

(PS. Nous avons une offre spéciale pour ce modèle en cours en ce moment - obtenez 10% de réduction jusqu'à Juin 2023 en utilisant le code de coupon: collectiveraytm10)

Demo Plus d'infos

Tous les détails de ce qu'il y a dans Wegy

Wegy est une sorte de thème révolutionnaire pour la TM, car il réunit toutes les meilleures idées de l'entreprise et est créé avec les dernières tendances et concepts informatiques.

Il est également livré avec 14 pages préconçues qui sont indispensables pour tout site Web à jour et, pour cette raison, vous n'avez pas besoin de les concevoir vous-même. De plus, il comprend 4 schémas de couleurs qui vous permettent de changer la palette de votre site Web en un seul clic.

Examinons donc de plus près certaines des fonctionnalités qui rendent Wegy unique.

Optimisation SEO

Le thème est optimisé pour le référencement par défaut, il sera donc classé par tous les moteurs de recherche, générant ainsi plus de trafic vers votre site Web.

Méga menu fixe

Le suivant est un méga menu fixe. Cela garantit une meilleure navigation et vous permet d'organiser le contenu en groupes logiques. De cette manière, les utilisateurs pourront trouver les produits qui les intéressent, beaucoup plus rapidement.

Curseur pleine largeur

Comme c'est la dernière tendance, un curseur pleine largeur en haut de la page d'accueil est une sorte de marque de commerce pour votre entreprise et également un excellent moyen de présenter les produits et services que vous proposez. Le module Image Swoop vous permet de créer un curseur attrayant en quelques minutes seulement.

Google Fonts

Les polices Google vous permettent d'apporter plus d'individualité au site et d'améliorer l'expérience de navigation Web de vos visiteurs.

Icônes vectorielles évolutives

À l'aide d'icônes vectorielles évolutives, vous pouvez ajouter du style à votre site Web en quelques clics. Les icônes sont entièrement personnalisables. Vous êtes libre de changer leur couleur, leurs ombres et leur taille.

charge Lazy

Effet de charge paresseuse - l'une des fonctionnalités les plus efficaces de Wegy. Cela garantit que les éléments hors de vue ne sont pas chargés tant qu'ils ne sont pas défilés vers le bas. En d'autres termes, cela aide les pages à se charger plus rapidement et réduit considérablement la charge du serveur.

Bootstrap activé + réactif

Bootstrap - ce cadre offre un ensemble puissant de fonctions qui vous aideront à améliorer les performances du site et à rendre le site Web réactif sur divers appareils. Il propose une collection de morceaux de code prêts à l'emploi que vous pouvez utiliser pour rendre le site plus personnalisé.

La conception réactive permet à votre site Web et à son contenu de s'adapter à n'importe quelle résolution d'écran, de sorte qu'il fonctionnera bien sur tous les appareils, y compris les ordinateurs de bureau, les tablettes et les smartphones.

Assistance GoogleMap

Montrez à votre public l'emplacement de votre entreprise sur GoogleMap et indiquez-lui comment se rendre à votre bureau.

10+ modules multimédias

Plus de 10 modules multimédias amélioreront les fonctionnalités de votre site Web et assureront une navigation optimale. Avec ce thème, vous obtenez:

• Joomla
• Connexion sociale,
• Chat en direct avec Olark Ajouter des compteurs,
• Intégration des réseaux sociaux avec Addthis,
• et une variété d'autres modules multimédias.

Assistance à la newsletter

À l'aide d'un puissant formulaire de newsletter, vous pouvez convertir vos visiteurs en abonnés, et éventuellement en clients

Effet de parallaxe

L'une des fonctionnalités les plus frappantes de Wegy est l'utilisation de Parallax. Cet effet permet à l'arrière-plan de se déplacer plus lentement vers le premier plan lorsque vous faites défiler la page vers le bas. De cette façon, vous obtenez un effet 3D qui ajoute un style supplémentaire à la page.

Ce ne sont que quelques-unes des fonctionnalités de Wegy car la liste est assez longue et il faudrait un certain temps pour les examiner individuellement. Vous pouvez installer le thème et vérifier tous les avantages par vous-même.

À l'origine, ce thème était conçu pour les sites Web commerciaux et financiers, mais grâce à des options avancées, il peut être adapté à tout autre type d'entreprise. Vous pouvez facilement l'adapter pour un blog personnel, un portfolio, un site d'entreprise, etc. Demo et Plus d'infos sur Wegy.

Wegy a eu un certain nombre de mises à jour, où un certain nombre de nouvelles fonctionnalités et amélioré certaines des anciennes. Si vous utilisez déjà ce modèle, vous serez heureux de savoir qu'il peut désormais devenir une boutique en ligne complète. Si vous venez juste de vous familiariser avec Joomla, Wegy pourrait devenir un excellent point de départ pour votre futur site Web.

Comme il s'agit d'un modèle phare de Joomla collection par TemplateMonster, vous pouvez être sûr que d'autres fonctionnalités sont également réalisées au plus haut niveau.

Cette mise à jour majeure, composée de correctifs et de remaniements plus petits, introduit plusieurs nouveaux types de pages, des mises en page alternatives, l'intégration du commerce électronique et une pléthore d'améliorations mineures. Passons maintenant aux fonctions récemment ajoutées, proposées par Wegy:

Nouvelles fonctionnalités

Outre les améliorations apportées aux fonctionnalités existantes, cette version de Wegy en introduit une série de nouvelles. Vous, sans aucun doute, les trouverez à portée de main,

Intégration e-commerce

L'innovation la plus massive et la plus significative de la mise à jour est peut-être la compatibilité totale avec le commerce électronique des sites Web basés sur Wegy. Joomla est l'un des systèmes de gestion de contenu établis et possède de nombreuses extensions, y compris des solutions de commerce électronique complètes telles que VirtueMart.

Wegy a maintenant des pages de boutique en ligne prédéfinies disponibles dans la récente mise à jour de Wegy, vous pouvez utiliser toute la puissance de cette extension pour vendre des produits en ligne.

Prise en charge des langues de droite à gauche

Wegy prend désormais en charge les langues avec un script de droite à gauche. Nous savons que Joomla est particulièrement populaire dans les pays arabes et que plus d'un milliard de personnes utilisent des langues avec un script de droite à gauche.

Soutien multilingue

Grâce à la prise en charge de plusieurs langues, vous pouvez désormais traduire l'interface de votre site Web dans autant de langues que nécessaire pour le rendre véritablement international.

Plusieurs monnaies

Maintenant que vous pouvez créer une boutique en ligne avec Wegy, le thème prend également en charge le multi-devises. Avec cette fonctionnalité, vous pouvez accepter des paiements dans plusieurs devises différentes, augmentant ainsi le nombre de vos clients potentiels et, par conséquent, vos revenus.

Générateur de formulaires

Cet outil sans exigence de compétences en codage vous permettra de vous connecter avec vos lecteurs / clients à l'aide de formulaires de contact personnalisables.

Optimisation d'image

Toutes les images fournies avec Wegy ont été compressées sans aucune perte de qualité. Ainsi, vos visiteurs pourront profiter d'images de haute qualité et d'une vitesse de chargement élevée.

Parallaxe

Cette tendance design moderne, indispensable pour une boutique en ligne moderne, sera également utile pour pimenter les pages business. Lorsqu'il est utilisé avec des photos haute définition, il est capable de fournir une expérience utilisateur inégalée.

Nouvelles mises en page

La nature de commerce électronique de la mise à jour se reflète dans plusieurs nouvelles mises en page. La plupart d'entre eux ont été conçus spécifiquement pour les magasins en ligne, bien que les propriétaires de sites Web commerciaux aient également quelque chose à regarder. En voici un bref aperçu:

Page d'accueil version 2

La version alternative d'une page d'accueil Wegy, créée pour les sites Web d'entreprise et les pages de destination. Il contient plus d'éléments plats monochromes et est donc plus saturé.

Certains éléments cruciaux tels que les titres des tableaux de prix utilisent une police plus grande. Cela vous sera utile si vous utilisez votre page d'accueil comme page de destination. Les statistiques numériques sont présentées comme des préchargeurs, alors que dans la première version, il y avait des compteurs.

Contactez-nous page version 2

La nouvelle page d'accueil elle-même comprend plus d'informations de contact que l'original: elle comporte une ligne d'en-tête supplémentaire avec votre adresse et votre numéro de téléphone.

La page de contact a également été améliorée. Maintenant, il dispose d'un widget Google Maps de largeur de page, où vous pouvez marquer l'emplacement de votre bureau. Les icônes et les liens sont plus grands et beaucoup plus visibles. Leur position est bien mieux optimisée par rapport à la conception originale de la page de contact. Le formulaire de contact est également dupliqué dans le pied de page de la page d'accueil.

Page d'accueil de la boutique

Cette page offre une mise en page orientée commerce électronique avec des aperçus de produits tout en conservant la conception et la navigation familières d'un site Web Wegy. Il est équipé d'un curseur, d'un panier d'achat alimenté par Ajax, d'un sélecteur de devises et d'un jeu d'étiquettes de produits («Nouveau», «Ventes», etc.)

Page produit unique

Une page de produit optimisée pour la conversion est un attribut nécessaire de toute boutique en ligne.

Dans ce type de page, Wegy propose différents filtres (par taille, prix et fabricant), des évaluations de produits et des avis. Concernant les images, il existe un effet de zoom cloud, permettant à vos clients de voir le produit en détail; et aussi un curseur d'image d'aperçu pour présenter un produit dans différentes couleurs, styles et sous différents angles.

Page d'accueil du catalogue

La page de liste des magasins de Wegy n'est pas seulement une arnaque de la page d'accueil du magasin. Il est conçu pour présenter efficacement un grand nombre de produits. Ici, vous pouvez voir des bannières de catégories spectaculaires, des aperçus de catégories plus petites et des éléments uniques, qui apparaissent avec un effet de chargement paresseux. De puissantes options de tri sont également disponibles sur cette page.

Page d'expédition et de livraison

Ce type de page est extrêmement important en termes d'expérience d'achat. Il clarifie les conditions de livraison et est l'une des caractéristiques d'un magasin à succès. Dans Wegy, c'est assez simple, mais informatif: les termes sont agrémentés d'icônes descriptives pour une meilleure compréhension.

Page «À propos de la boutique»

Une page de magasin alternative «À propos de la boutique» fournit un résumé de votre boutique en ligne. Ici se trouvent les informations sur le nombre de vos produits, les membres du site, la fidélisation de la clientèle, etc. Vous pouvez personnaliser cette page pour ajouter vos propres paramètres.

Fonctionnalités révisées

Certaines des anciennes fonctions ont été refaites pour une meilleure apparence et une meilleure convivialité. Les changements sont mineurs, nous vous fournirons donc simplement une liste de contrôle pour vous tenir informé.

• Option réactive
• Option de redimensionnement de l'en-tête
• Les barres de progression
• Bloc de newsletter sur la page À propos
• Style de blog
• Filtres de portefeuille
• Schémas de couleurs
• Recherche de menu dans l'en-tête
• Pages d'historique, de prix et de plan du site
• Onglets de la page Forum
• Style du formulaire de connexion dans la barre latérale droite.

Prix

Wegy a le prix de la plupart des modèles et produits chez TemplateMonster: le bon prix de 75 $. 

Dans le cadre du prix, vous obtenez le thème, 14 pages prédéfinies, un accès complet aux fichiers PSD, plus de 10 modules sociaux et bien plus encore. 

Comme avec la plupart des modèles, vous pouvez également obtenir un certain nombre de services supplémentaires:

• 199 $ - pour obtenir un site Web entièrement configuré avec toutes les personnalisations nécessaires pour votre entreprise
• 49 $ - installation sur l'hébergement de votre choix
• 59 $ - mise en place de services de conformité GDPR
• 79 $ - l'inclusion d'un certain nombre de produits Joomla premium tels que l'éditeur de contenu avancé, le composant de sauvegarde, le plugin SEO, la recherche backend, le plugin d'optimisation de la vitesse, etc.

Parce que nous travaillons avec TemplateMonster depuis de nombreuses années, ils nous ont proposé une offre spéciale pour les visiteurs de CollectiveRay. Si vous cliquez via le bouton ci-dessous et utilisez le code promo collectiveraytm10 vous pouvez obtenir ce modèle avec 10% de réduction. 

Mais dépêchez-vous, cette offre n'est valable que jusqu'au Juin 2023.

Cliquez ici pour le prix le plus bas sur Wegy

Témoignages

Wegy a été vendu 747 fois et a été évalué à 5 étoiles sur 34 avis. Voici quelques-unes des choses que ses utilisateurs ont dites à propos du modèle:

Paul Grand 

Donc, après avoir payé et téléchargé de nombreux modèles à partir de différents sites de modèles auparavant, j'ai été vraiment impressionné par Wegy. Chaque section a été facilement modifiée à partir du front-end. (une fonctionnalité qui manque sur de nombreux modèles). Il était donc plus facile pour mes clients d'apporter leurs propres modifications. Du point de vue d'un fournisseur, le soutien offert par Templatemonster - pour moi était le plus grand avantage. Le support à vie 24/7 pour le modèle est vraiment le plus gros argument de vente pour moi. Voyons quelques autres modèles Joomla comme Wegy, s'il vous plaît !!

Ronald Rodríguez

Facile à configurer, plusieurs options pour la page d'accueil. Il est livré avec des images, dump.sql, des plugins et un modèle. Site incroyable!

Guarav Pratap

Très pratique, facile à personnaliser. Très bon support et aide de Template Monster. 

Conclusion

En tant que modèle Joomla hautement personnalisable, Wegy est très flexible pour différents types de boutiques de niche et de modèles de commerce électronique. Sa mise en page neutre vous permet de l'appliquer à un site Web de tout type et sujet. Et, plus important encore, il est régulièrement mis à jour - car il provient de l'un des fournisseurs les plus établis sur TemplateMonster (Zemez).

Donc, si vous recherchez un modèle professionnel pour votre site Web Joomla, Wegy est un excellent choix. Cliquez ici pour le voir dans l'oeuvre: 

Voir la démonstration en direct  Téléchargez le modèle Wegy maintenant

À propos de l’auteur

Author: David AttarSite Web : https://www.linkedin.com/in/dattard/Email: David@collectiveray.com

David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plates-formes numériques disponibles aujourd'hui.