Trois choses intéressantes que vous pouvez faire avec Dondivi (téléchargement gratuit)

La vente de diviserie bat son plein - et cette année, nous faisons quelque chose que nous n'avons jamais fait auparavant. Nous donnons gratuitement toute la suite Dondivi de plugins premium à tous ceux qui ramassent un produit Divi de qualification. C'est plus de 170 $ d'outils ajoutés à votre compte, instantanément.

Pour vous montrer à quel point cette collection est puissante, nous avons créé trois cas d'utilisation en utilisant Dondivi et Divi. Ce ne sont pas seulement des «idées sympas» - ce sont des solutions pratiques que vous pouvez copier, personnaliser et utiliser aujourd'hui. Vous obtiendrez même un téléchargement gratuit de toutes les dispositions utilisées dans ce post afin que vous puissiez importer et construire instantanément.

Voici un aperçu de ce que nous avons en magasin…

Plongeons et découvrons ce que vous pouvez faire avec Dondivi.

Obtenez gratuitement toute la suite Dondivi

Nous avons récemment acquis toute la collection Dondivi - et pour célébrer, nous le donnons gratuitement à tous ceux qui effectuent un achat éligible lors de la vente d'anniversaire. Cela représente plus de 170 $ de plugins premium , ajouté à votre compte automatiquement lorsque vous achetez Divi Pro, Divip ou tout autre bundle Divi.

Lire l'annonce

Qu'est-ce qui est inclus?

Chaque achat éligible déverrouille la collection complète de produits Dondivi, notamment:

• Dondivi Builder - Un ensemble premium de 9 modules, y compris des fenêtres contextuelles, des grilles, des bascules de contenu, des onglets, des points chauds, des délais, etc.
• Divimenus - Un constructeur de menu flexible qui vous permet de créer des méga menus, des en-têtes collants, des navigations flottantes, des fenêtres contextuelles et du contenu interactif.
• Divipasswords - Password Protégez toute section, ligne ou module avec un champ de mot de passe simple.
• Divisignations - Créez et gérez les signatures de messagerie personnalisées à l'aide du Divi Builder. Comprend un répertoire consultable!
• Divimenus flottant - flottez vos menus n'importe où sur l'écran avec des commandes de positionnement et de visibilité personnalisées.
• Partage Divimenus - Ajoutez de beaux boutons de partage social à toute mise en page Divi à l'aide de styles Divimenus.
• Divimenus on Media - Placez les menus interactifs directement sur les images et les vidéos pour stimuler l'engagement.

Et tout est gratuit - juste pour se joindre à nous pendant la vente.

Réclamez votre collection dondivi gratuite

3 choses intéressantes que vous pouvez construire avec Dondivi

Dondivi n'est pas seulement un paquet de plugins - c'est une boîte à outils créative à part entière pour Divi. Que vous souhaitiez améliorer vos en-têtes, créer des fenêtres populaires lisses ou rendre vos tables de tarification plus interactives, Dondivi le rend possible avec la simplicité de glisser-déposer.

Pour vous montrer ce qui est possible, nous avons construit trois exemples du monde réel en utilisant:

• Le site de démarrage Divi SaaS avec des sites rapides Divi
• Les plugins Divimenus et Dondivi Builder
• Les mises en page pré-faites Dondivi importées dans la bibliothèque Divi pour relancer le processus

Chaque exemple ci-dessous comprend une procédure pas à pas rapide - et nous avons même emballé les fichiers de mise en page comme téléchargement gratuit à la fin de cet article.

1. Créez un menu d'en-tête suralimenté avec Divimenus

Fatigué des menus d'en-tête de base? Divimenus vous permet de créer quelque chose de bien plus dynamique - pensez aux méga menus, aux révélations de volants et aux modaux - tous stylisés directement à l'intérieur du constructeur de thème Divi.

Voici comment nous l'avons construit:

Nous avons remplacé le modèle d'en-tête global dans le constructeur de thèmes par une disposition de menu d'en-tête Dondivi Pre avant (construit avec le module Divimenus Flex) pour nous donner un exemple de travail.

Ensuite, nous avons utilisé le module Divimenus Flex pour construire un en-tête dynamique avec différents styles et types de liens. Voici ce que notre menu d'exemples comprend:

• Accueil - Un lien URL simple
• Fonctionnalités , à propos , blog - chacun révèle une disposition de divi personnalisée de la bibliothèque dans un style de menu Mega.
• Prix ​​- Un autre lien d'URL standard
• Recherche - Ouvre une disposition de barre de recherche stylée dans une fenêtre contextuelle
• Contact - s'ouvre également comme une fenêtre contextuelle avec un formulaire de contact, stylé comme un bouton d'appel à l'action
• Démarrer gratuitement - un bouton audacieux qui est lié à la page de tarification
• Menu hamburger - Ce menu Hamburger affiche un menu WordPress sur mobile (avec sous-menus pliables!)

Affichage des dispositions de divi complètes avec type de sous-lien

Pour afficher une disposition personnalisée «Mega Menu-like» lors du survol (ou de clic) sur l'élément de menu, vous pouvez utiliser le type de sous-lien dans les paramètres de l'élément du module.

Par exemple, pour afficher la disposition des fonctionnalités lors de la survol de l'élément de menu «Fonctionnalités», nous avons d'abord dû enregistrer la section des fonctionnalités de notre site Web vers la bibliothèque Divi.

Ensuite, nous avons ouvert le module Divimenus Flex et modifié le type de lien «fonctionnalité» en «sub». Nous avons ensuite sélectionné la disposition enregistrée de la bibliothèque comme contenu.

Nous avons également fait la même chose pour le blog et sur les éléments de menu. Nous avons enregistré une disposition personnalisée dans la bibliothèque pour chacun et l'avons affichée en utilisant le type de sous-lien dans les paramètres de l'élément de menu.

Le lien à propos affiche une disposition simulée avec des modules de texte de présentation cliquables et le lien de blog affiche un curseur de blog dynamique avec des liens simulés vers des catégories.

C'est à peu près ça! Voici le résultat.

Les dispositions de transformation en fenêtres contextuelles à l'aide du type de lien contextuel

Pour la recherche et le contact , nous avons utilisé le type de lien popup pour déclencher des dispositions personnalisées de la bibliothèque Divi.

Pour créer le lien popup «Contact», nous avons utilisé les options de conception pour styliser le lien avec une icône, une couleur d'arrière-plan, un effet de survol, etc., pour ressembler et fonctionner comme un bouton. Ensuite, nous avons changé le type de lien en «popup» et sélectionné la disposition du formulaire de contact dans la bibliothèque Divi (que nous avons obtenue à partir de la page de contact).

Nous avons mis une touche finale sur le design pour changer la couleur de la superposition, l'icône «Close», etc. C'est tout!

La disposition de la fenêtre contextuelle s'affiche lors de la cliquetis sur le lien de contact.

Nous avons fait la même chose pour créer une fenêtre contextuelle de la barre de recherche lorsque vous cliquez sur l'icône de recherche. Tout ce que vous avez à faire est de tirer une disposition de barre de recherche prédéfinie de la bibliothèque.

Voici les éléments du menu contextuel en action.

Conseils de style:

• Utilisez des icônes ou des images personnalisées pour chaque élément pour un vernis supplémentaire
• Sous la conception> Élément de menu , ajustez le rembourrage et les effets de survol
• Allumez les paramètres collants afin que le menu reste sur le dessus pendant le parchemin
• Masquer le texte du lien sur mobile pour que l'icône s'affiche, enregistrer l'espace

Divimenus de Dondivi vous permet de transformer un en-tête simple en une expérience interactive adaptée à votre marque et à l'utilisateur. Et ce n'est que la pointe de l'iceberg. Il y a tellement plus que vous pouvez faire avec ce plugin, surtout lorsque vous le combinez avec le divimenus flottant de Dondivi, le partage de divimenus et sur les médias (également gratuit pendant la vente).

2. Construisez des fenêtres personnalisées avec des déclencheurs Click, défilement et sortie

Les popups peuvent être ennuyeux ou géniaux. Avec le module contextuel de Dondivi, vous êtes en plein contrôle. Vous pouvez afficher n'importe quelle mise en page Divi sous forme de fenêtre contextuelle et la déclencher comme vous le souhaitez: sur défilement, en clic ou même sur l'intention de sortie.

Dans cet exemple, nous avons pris la section CTA de la page d'accueil du site de démarrage SaaS et l'avons transformée en une fenêtre contextuelle intelligente. Voici comment nous l'avons fait:

Enregistrez la section CTA de votre page d'accueil à la bibliothèque Divi.

Créez une nouvelle section et ajoutez le module popup Dondivi .

Dans le cadre des paramètres de contenu , choisissez «Exit Intention» comme type de déclenchement. Ensuite, choisissez «Divi Layout» comme type de contenu et choisissez la mise en page correspondante dans la bibliothèque dans le menu déroulant.

Ici, la popup en action.

C'est un moyen idéal de faire surface d'appels à l'action sans interrompre vos visiteurs. Parce que vous utilisez des dispositions Divi, le ciel est la limite de personnalisation.

Plus de conseils

• Utilisez des paramètres d'animation pour ajouter des effets d'entrée / sortie comme «zoom avant» ou «glisser»
• Contrôle la largeur de la fenêtre contextuelle, la couleur d'arrière-plan et la position de bouton de fermeture
• Vous voulez déclencher sur le bouton CLIQUEZ PLUS? Passer pour cliquer sur Trigger et affecter une classe CSS comme .cta-popup à n'importe quel élément
• Utilisez le déclencheur de défilement pour que le spectacle popup soit à un certain point lorsque l'utilisateur fait défiler la page. Ce serait idéal pour ajouter une fenêtre contextuelle d'email Optin sur votre modèle de billet de blog!

Ce module contextuel Divi est une alternative gratuite parfaite aux solutions contextuelles plus robustes comme OptinMonster et les plugins WordPress gratuits comme Popup Maker.

Pensez-y: Divi est votre constructeur popup. Si vous pouvez le concevoir en Divi, vous pouvez l'afficher dans une fenêtre contextuelle avec n'importe quel déclencheur dont vous avez besoin.

3. Basciller le contenu avec des interrupteurs ou des onglets (parfaits pour les tables de tarification)

Besoin de laisser les visiteurs basculer entre deux vues - comme les prix mensuels et annuels - sans laisser la page? Le module de bascule de contenu Dondivi fait exactement cela. Il crée des bascules lisses et interactives entre deux dispositions, parfaites pour les tables de tarification, les comparaisons de fonctions ou les plans de produits.

Dans notre exemple, nous avons utilisé la section de tarification du site de démarrage Divi SaaS. Nous avons duplifié la section de tarification et ajusté la tarification de la section en double. Ensuite, nous avons sauvé les deux sections - une pour les prix mensuels et un pour les prix annuels - à la bibliothèque Divi.

Une fois les dispositions enregistrées, nous sommes retournés à la page de tarification et avons ajouté le module de bascule de contenu Dondivi pour remplacer le contenu de tarification statique.

Sous Contenu> Dispositions , affectez chaque état de bascule à l'une de vos dispositions enregistrées. Nommez les États à bascule mensuellement et annuels .

Et vous pouvez concevoir la bascule dans l'onglet Design pour correspondre à votre marque.

Voici le résultat.

Conseils de style module

• Utilisez le paramètre de mode commutateur pour une conception de commutation à bascule propre et moderne
• Appliquer les effets Entrée et de sortie pour les transitions en douceur
• Style pour basculer les étiquettes et le contenu indépendamment à l'aide des paramètres de conception

Vous voulez aller au-delà de deux dispositions ou créer une navigation avancée à l'onglet? Découvrez le module Tabs Dondivi . Il prend en charge:

• Disposages d'onglet horizontaux et verticaux
• Plusieurs sections de contenu avec un style unique par onglet
• Icônes, sous-titres et animations d'entrée / sortie

Les deux modules sont inclus dans le constructeur de Dondivi, et ils fonctionnent de manière transparente avec toute mise en page que vous enregistrez dans la bibliothèque Divi.

Résultat final

Voici le résultat final.

Et si vous vous demandez ce qui arrive au menu sur mobile, il existe un menu WordPress pliable qui est également entièrement personnalisable avec Dondivi.

Téléchargez toutes les mises en page à partir de cet article (gratuitement!)

Vous voulez essayer vous-même ces exemples? Nous avons emballé toutes les dispositions de bibliothèque personnalisées utilisées dans ce post dans un fichier zip téléchargeable gratuit. Importez-les simplement dans votre site, branchez-les dans les modules appropriés et vous êtes prêt à partir.

Télécharger des exemples de dispositions

Quoi qu'il y a à l'intérieur:

• Disposés de page - Pour configurer les pages de votre site Web si nécessaire
• Menu d'en-tête personnalisé - La disposition du menu d'en-tête que nous avons construit à l'aide de Divimenus. Vous pouvez l'ajouter à votre modèle d'en-tête principal dans le personnalisateur de thème
• Disposés sous-menus d'en-tête - 3 Divi Library Disposouts pour les fonctionnalités, sur et le contenu du blog sous-menu
• Disposés contextuels du menu - 2 dispositions: une pour la fenêtre contextuelle de recherche et une pour le formulaire de contact lorsque vous cliquez sur les éléments de menu
• Disposages de la section de tarification - Disposés mensuels et annuels de la section de tarification, prêt à l'emploi avec le module de basculement de contenu
• Disposition popup - la mise en page de la fenêtre contextuelle de Dondivi Builder que nous avons construite

Comment utiliser les dispositions:

1. Téléchargez le fichier zip et décompressez les fichiers de votre ordinateur.
2. Importez le fichier «Dondivi Use Case Layouts-all.json» dans la bibliothèque Divi.

3. Créez ensuite une nouvelle page d'accueil et une nouvelle page de prix. Utilisez le constructeur Divi pour créer la page à l'aide de la page d'accueil SaaS et des dispositions de page de tarification SaaS à partir de votre bibliothèque. Vous devriez voir les prix mensuels / annuels sur ces pages.

4. Pour tester le menu de l'en-tête Dondivi, accédez au personnage du thème et créez un nouvel en-tête sur votre modèle par défaut à l'aide de la disposition «En-tête DM personnalisée» à partir de votre bibliothèque.

Nous avons également inclus un bonus: une collection organisée de dispositions gratuites de Dondivi de leur portail membre. Ces modèles ne sont normalement accessibles que via le site Web de Dondivi, mais nous les avons organisés pour vous par plugin, il est donc facile de trouver ceux dont vous avez besoin.

Bonus: Téléchargez la bibliothèque de mise en page de Dondivi

Dondivi propose de nombreuses dispositions préalables pour chaque produit que vous pouvez télécharger gratuitement. Une fois que vous avez effectué un achat éligible lors de notre vente, vous pouvez trouver tous les téléchargements de produits Dondivi et les fichiers supplémentaires sous l'onglet Marketplace dans votre zone de membres.

C'est un excellent moyen de relancer votre prochain projet - ou d'explorer ce qui est possible avec les outils auxquels vous avez maintenant accès gratuitement.

Réclamez votre collection dondivi

Commencez à construire avec Dondivi - gratuitement!

Que vous souhaitiez mettre à niveau vos menus, créer de belles popups ou ajouter des fonctionnalités d'interface utilisateur puissantes à votre site Web Divi, Dondivi a un outil pour le travail. Et pour la première fois, vous pouvez obtenir toute la suite entière gratuitement lors de notre vente d'anniversaire.

Mais n'attendez pas - cette offre n'est disponible que pour une durée limitée. Une fois la vente terminée, le téléchargement gratuit aussi.

Rejoignez la vente et obtenez Dondivi gratuitement

C'est votre chance de suralimenter votre boîte à outils de conception avec certains des modules les plus créatifs et flexibles de l'écosystème Divi - sans coût supplémentaire.

Nous avons hâte de voir ce que vous construisez.

La vente de diviserie se termine bientôt

Notre vente d'anniversaire ne reste que quelques jours - et il regorge de moyens d'économiser dans l'ensemble de l'écosystème Divi. Que vous soyez nouveau à Divi ou déjà membre, il y a quelque chose pour tout le monde, y compris les paquets exclusifs, les réductions énormes et la suite complète Dondivi complètement gratuitement avec des achats admissibles.

• Divi Pro - 78% de réduction - comprend tout: Divi, Divi Ai, Divi Cloud, Divi VIP, Divi Dash et Divi, plus un crédit de marché de 50 $ et toute la collection Dondivi.
• Divi AI - 60% de réduction - générer une copie, des images et des dispositions à l'intérieur de Divi avec des outils d'IA formés sur votre site Web.
• Divi Cloud - 40% de réduction - stocker et synchroniser vos mises en page, modèles et code sur tous vos sites Web.
• Équipes Divi - 40% de réduction - donnez à votre équipe ou à vos clients un accès partagé aux services Divi avec des rôles et des autorisations gérés.
• Divip - 40% de réduction - Obtenez un support premium 24/7 avec des temps de réponse inférieurs à 30 minutes et 10% de réduction sur tous les achats de marché.
• Économisez 60% sur le faisceau de modules, le bundle en fonctionnalité et le faisceau de mise en page - saisissez des collections organisées de modules, de dispositions et d'extensions les plus vendus sur le marché Divi.
• Mise à niveau à vie - effectuez un paiement unique pour l'accès à vie à Divi et à chaque mise à jour future.

N'attendez pas. Conclure un accord et obtenir Dondivi gratuitement aujourd'hui.

Emmenez-moi à la vente