Point fort du produit Divi : Avanti – Thème enfant multi-usage Divi

Publié: 2023-05-15

Avanti est un thème enfant tiers pour Divi avec plus de 60 pages dans 9 niches pour vous aider à créer à peu près n'importe quel type de site Web dont vous avez besoin. L'utilisation d'Avanti vous aide à créer votre site Web plus rapidement. Il existe également des conceptions axées sur WooCommerce qui vous aideront à configurer facilement votre boutique en ligne. Dans cet article, nous passerons en revue certaines des mises en page fournies par ce thème enfant Divi pour vous aider à décider si c'est le bon produit pour vous !

Allons-y.

Table des matières
  • 1 Installer Avanti
  • 2 pages, mises en page et modèles Avanti
  • 3 pages d'accueil d'Avanti
    • 3.1 Page d'accueil du restaurant Avanti
    • 3.2 Page d'accueil d'Avanti Photography
  • 4 autres pages Avanti
    • 4.1 Boutique de la page d'accueil V1
    • 4.2 Boutique de la page d'accueil V3
    • 4.3 Panier V2
    • 4.4 Panier V3
    • 4.5 Paiement V3
    • 4.6 À propos de nous V4
    • 4.7 À propos de nous V5
    • 4.8 Prestations V3
    • 4.9 Service unique V3
    • 4.10 Contactez-nous V4
    • 4.11 Contactez-nous V5
    • 4.12 Témoignages V2
    • 4.13 Tarification V2
  • 5 éléments Avanti
    • 5.1 En-têtes
    • 5.2 Boîtes de service
    • 5.3 Témoignages
  • 6 Documentation Avanti
  • 7 Où acheter Avanti
  • 8 pensées finales

Installer Avanti

L'installation d'Avanti est simple. Cela fonctionne de la même manière que l'installation d'un thème WordPress standard, mais il y a quelques étapes supplémentaires. Il est recommandé d'installer Avanti sur un nouveau site WordPress. Comme il s'agit d'un thème enfant Divi, Divi est obligatoire. J'ai trouvé le processus d'installation intuitif.

  1. Aller à Apparence
  2. Sélectionnez des thèmes
  3. Sélectionnez Ajouter nouveau

Installer Avanti

  1. Cliquez sur Télécharger le thème
  2. Cliquez sur Choisir un fichier
  3. Accédez au fichier compressé sur votre ordinateur, choisissez-le et cliquez sur Installer maintenant

Installer Avanti

  1. Cliquez sur Activer

Installer Avanti

  1. Accédez à l'importation de la démo Avanti
  2. Cliquez sur Importation de démo facile
  3. Choisissez Importer le contenu de la démo

Installer Avanti

  1. Cliquez sur Supprimer le contenu de démonstration et les fonctions d'importation

Installer Avanti

Pages, mises en page et modèles Avanti

Avec une combinaison de pages et de modèles, Avanti fournit plus de 60 pages avec plus de 30 éléments dans 9 niches. Cela inclut des sites Web complets, plusieurs conceptions d'en-tête et de pied de page, des pages de boutique, etc. Je vais montrer la mise en page avec les images d'espace réservé pour certaines des mises en page et des captures d'écran avec les images de la démo de vente pour mieux voir le produit fini. Voici quelques pages.

Pages, mises en page et modèles Avanti

Voici quelques-unes des mises en page ajoutées à la bibliothèque Divi.

Pages, mises en page et modèles Avanti

Il comprend également 11 modèles prédéfinis et préassignés.

Pages, mises en page et modèles Avanti

Pages d'accueil d'Avanti

Avanti comprend 11 pages d'accueil pour différents types d'entreprises. Ils comprennent:

  1. Entreprise
  2. Restaurant
  3. La photographie
  4. Consultation
  5. Création de sites web
  6. Dentaire
  7. Rénovation
  8. Plombier
  9. Boutique V1
  10. Boutique V2
  11. Boutique V3

Pages, mises en page et modèles Avanti

Chacun comprend de nombreux éléments stylés, des animations de survol, des animations de défilement et même l'effet Ken Burns pour les images d'arrière-plan. Ils incluent des images factices avec leur taille d'image. La page d'accueil Business est la page par défaut. Ce thème enfant Divi reçoit des mises à jour régulières. Nous examinerons les deux pages d'accueil les plus récentes, Restaurant et Photographie, et nous examinerons également sa dernière mise à jour WooCommerce.

Page d'accueil du restaurant Avanti

La mise en page du restaurant comporte 5 pages, y compris la page d'accueil, à propos, le menu des plats, les témoignages et la page de contact. Voici la section héros de la page d'accueil avec les images factices.

Page d'accueil du restaurant Avanti

Voici un aperçu de la page d'accueil avec des images de la page de démonstration du thème enfant. Cela inclut un en-tête personnalisé.

Page d'accueil du restaurant Avanti

Voici une partie de la page de démonstration. Comme vous pouvez le voir, il s'agit d'une grande page avec de nombreux éléments. Toutes les images plein écran sont fixes. Il comprend une section héros en plein écran avec un lien vers le menu, une section à propos avec des effets de survol d'image, des images avec des effets de survol qui renvoient aux catégories d'aliments, un CTA vers le menu des aliments, un CTA pour faire une réservation, un deux -menu alimentaire en colonne créé avec des textes de présentation, des cartes de témoignage personnalisées, un formulaire de contact, etc.

Page d'accueil du restaurant Avanti

Page d'accueil d'Avanti Photography

La photographie comprend 10 pages, y compris la maison, à propos, les services, le service unique, la galerie de photos, la galerie unique, les témoignages, les prix, la FAQ et le contact. Voici la page d'accueil Photographie. Il comprend également un en-tête transparent. Il s'agit de la section héros avec des images de la page de démonstration du thème enfant.

Page d'accueil d'Avanti Photography

Voici la page d'accueil de la démo. Cette image a été prise avec des effets de défilement de parallaxe. Il comprend une section héros en plein écran avec un lien vers les galeries, des images liées aux catégories, une section à propos avec un lien vers l'histoire complète, des témoignages stylés avec un design personnalisé, un blog avec des cartes de blog personnalisées, un formulaire de contact avec des images des deux côtés et un pied de page personnalisé avec des informations de contact et un formulaire de courrier électronique.

Page d'accueil d'Avanti Photography

Autres pages Avanti

Outre les pages d'accueil, Avanti comprend 3 pages d'accueil de la boutique WooCommerce, 5 À propos de nous, 3 Services, 3 pages de service, 5 Contactez-nous, 4 pages de portefeuille et bien d'autres. D'autres pages incluent des blogs, des remerciements, des témoignages, des FAQ, des prix, 404, etc. Beaucoup d'entre eux incluent également plusieurs versions.

Page d'accueil Boutique V1

La boutique de la page d'accueil V1 affiche un curseur pleine largeur avec un CTA vers la boutique. Ceci est la page avec des images d'espace réservé. C'est l'une des mises en page originales, mais je voulais l'inclure pour voir comment les nouvelles mises en page se comparent.

Autres pages Avanti

Voici la page de la démo. Il comprend une section pour la boutique avec des catégories, des best-sellers, des CTA et des produits en vente. Vient ensuite un CTA plein écran en parallaxe avec des effets de défilement de texte, une section de blog pour les dernières nouvelles et un CTA d'abonnement par e-mail.

Autres pages Avanti

Page d'accueil Boutique V3

Home Page Shop V3 est un nouveau design de boutique. Voici la section héros avec les images d'espace réservé.

Page d'accueil Boutique V3

Voici la page de la démo. Il comprend un curseur avec CTA, des présentations d'informations, une section boutique avec les produits présentés et les plus récents, un CTA plein écran en véritable parallaxe, des produits en vente avec une image stylée, une section de l'offre du jour avec un compte à rebours, des CTA , les nouveaux produits, les dernières actualités et les logos des marques.

Page d'accueil Boutique V3

Panier V2

Cart V2 est une nouvelle page de panier qui affiche des icônes de navigation en haut de la page pour montrer à l'utilisateur où il se trouve dans le processus d'achat. Il affiche également un panier stylisé, un CTA de vente et les totaux du panier.

Panier V2

Panier V3

Le chariot V3 est également nouveau. Il inclut le même style que le panier V2 mais déplace les totaux du panier à côté du panier et n'inclut pas le CTA de vente.

Panier V3

Commander V3

Checkout V3 est une nouvelle page de paiement. Il comprend les icônes de navigation en haut de la page et une section à deux colonnes avec un formulaire de paiement à gauche et une colonne plus petite à droite avec des informations et des témoignages.

Commander V3

À propos de nous V4

À propos de nous V4 est une nouvelle page conçue pour la nouvelle disposition du restaurant.

À propos de nous V4

Voici une partie de la page de la démo. Il comprend un CTA pleine largeur en parallaxe, une section à propos avec des effets de zoom, un menu CTA et des témoignages stylés.

À propos de nous V4

À propos de nous V5

À propos de nous V5 a été conçu pour la nouvelle mise en page Photographie.

À propos de nous V5

La page comprend une section héros en parallaxe avec un CTA, une section à propos avec un lien vers la page de contact, des présentations qui affichent des informations, des témoignages, un blog et un formulaire de contact stylisé. La plupart d'entre eux sont inclus sur la page d'accueil.

À propos de nous V5

Prestations V3

Services V3 est une nouvelle page conçue pour la mise en page Photographie. Il comprend une section avec des images pour les services avec un effet de survol intéressant. L'image bascule vers le haut et le texte bascule vers le bas à l'intérieur de la carte pour révéler une photo et un bouton pour en voir plus. Il comprend également des tableaux de prix stylisés.

Prestations V3

Service unique V3

Single Service V3 est une nouvelle page pour la mise en page Photographie. Il comprend une grande section de texte et une image pour décrire un seul service. Il comprend également des témoignages, un formulaire de contact, etc.

Service unique V3

Contactez-nous V4

Contactez-nous V4 est une page de contact pour la nouvelle disposition du restaurant. Il comprend une section à deux colonnes avec les coordonnées, les heures d'ouverture et un formulaire sur le côté gauche. Le côté droit comprend une carte en monochrome.

Contactez-nous V4

Contactez-nous V5

Contactez-nous V5 est la page de contact pour la mise en page Photographie. Il comprend une section de textes de présentation avec des informations de contact. La partie principale de la page contient un grand formulaire de contact.

Contactez-nous V5

Témoignages V2

Témoignages V2 est une page de témoignages pour la nouvelle mise en page du restaurant. Il affiche des témoignages dans une carte stylée avec un fond d'image.

Témoignages V2

Tarification V2

Tarification V2 est une nouvelle page pour la mise en page Photographie. Il comprend la même section de héros, les témoignages et la section de contact des autres pages et ajoute un tableau de prix stylisé. Le tableau affiche des cartes avec différentes hauteurs et couleurs d'arrière-plan pour les titres.

Tarification V2

Éléments Avanti

Avanti comprend plusieurs pages avec uniquement les éléments afin que vous puissiez y accéder facilement. Ils comprennent des en-têtes, des pieds de page, des diapositives, des boîtes à rabat, des boîtes de service, des tableaux de prix, des opt-ins, des membres de l'équipe et des témoignages. Trois d'entre eux comportent de nouveaux éléments. Nous allons examiner ces trois.

En-têtes

Avanti comprend 5 en-têtes au choix. Ils incluent des menus déroulants avec des arrière-plans qui correspondent aux éléments de l'en-tête. Le premier en-tête est la valeur par défaut. Il est configuré dans Divi Theme Builder en tant qu'en-tête global. Tous les en-têtes sont ajoutés à la bibliothèque Divi, vous pouvez donc facilement passer à un autre en-tête si vous le souhaitez.

En-têtes

Boîtes de service

Les boîtes de service d'Avanti comprennent six façons différentes de présenter vos services. La plupart incluent des effets de survol qui ajoutent du texte, modifient les images, zooment, etc., pour créer des cartes intéressantes.

Boîtes de service

Témoignages

Avanti comprend 5 modèles de témoignage. Ceux-ci présentent vos témoignages dans des cartes stylisées. Ils incluent les nouveaux designs pour les mises en page Restaurant et Photographie. Le premier témoignage comprend des effets de survol.

Témoignages

Documentation Avanti

La documentation explique comment configurer le thème enfant et effectuer des tâches spécifiques telles que la désactivation de l'effet Ken Burns, la modification du contenu des flip boxes, la redirection du formulaire de contact, la modification du slide-in, l'ajout d'un badge de menu, etc.

Où acheter Avanti

Avanti est disponible sur Divi Marketplace pour 35 $. Il comprend une utilisation illimitée, une garantie de remboursement de 30 jours et un an d'assistance et de mises à jour.

Où acheter Avanti

Mettre fin aux pensées

C'est notre regard sur le thème enfant Avanti Divi. Je l'ai trouvé facile à utiliser et le nombre de pages le rend très polyvalent. Les nouvelles pages et éléments ont fière allure. J'ai particulièrement aimé les nouvelles pages d'accueil Restaurant, Photographie et Boutique. Avanti a beaucoup de pages dans de nombreuses niches, ce qui en fait un excellent choix pour à peu près n'importe quel type de site Web. Je sentais que sa valeur dépassait de loin son prix.

Nous voulons de vos nouvelles. Avez-vous essayé le thème enfant Avanti Divi ? Faites-nous savoir ce que vous en pensez dans les commentaires.