Drei coole Dinge, die Sie mit Dondivi machen können (kostenloser Download)

Der Divi -Jubiläumsverkauf ist in vollem Gange - und dieses Jahr tun wir etwas, das wir noch nie zuvor getan haben. Wir verschenken die gesamte DONDIVI -Suite von Premium -Plugins kostenlos an alle, die ein qualifiziertes Divi -Produkt abholen. Das sind Tools im Wert von über 170 US -Dollar, die Ihrem Konto sofort hinzugefügt wurden.

Um Ihnen zu zeigen, wie mächtig diese Sammlung ist, haben wir drei Anwendungsfälle mit Dondivi und Divi erstellt. Dies sind nicht nur „coole Ideen“ - sie können praktische Lösungen, die Sie heute kopieren, anpassen und verwenden können. Sie erhalten sogar einen kostenlosen Download aller in diesem Beitrag verwendeten Layouts, damit Sie sofort importieren und bauen können.

Hier ist ein kleiner Blick auf das, was wir auf Lager haben ...

Lassen Sie uns eintauchen und herausfinden, was Sie mit Dondivi machen können.

Holen Sie sich die gesamte Dondivi -Suite kostenlos

Wir haben kürzlich die gesamte DONDIVI -Sammlung erworben - und um zu feiern, verschenken wir sie kostenlos an alle, die während des Jubiläumsverkaufs einen qualifizierten Kauf tätigen. Das sind Premium -Plugins im Wert von über 170 US -Dollar , das Ihrem Konto automatisch hinzugefügt wird, wenn Sie Divi Pro, Divi VIP oder ein Divi -Bündel kaufen.

Lesen Sie die Ankündigung

Was ist enthalten?

Jeder qualifizierende Kauf wird die gesamte Sammlung von Dondivi -Produkten freigeschaltet, darunter:

• DONDIVI BUILDER - Ein Premium -Satz von 9 Modulen, darunter Popups, Netze, Inhaltsumschaltungen, Registerkarten, Hotspots, Zeitlinien und mehr.
• Divimenus - Ein flexibler Menübauer, mit dem Sie Mega -Menüs, klebrige Header, schwimmende Navi, Popups und interaktive Inhalte erstellen können.
• Divipasswords - Kennwort schützen jeden Abschnitt, eine Reihe oder einen Modul mit einem einfachen Kennwortfeld.
• Divisignaturen - Erstellen und verwalten benutzerdefinierte E -Mail -Signaturen mit dem Divi Builder. Enthält ein durchsuchbares Verzeichnis!
• Schwimmender Divimenus - Schweben Sie Ihre Menüs überall auf dem Bildschirm mit benutzerdefinierten Positionierung und Sichtbarkeitsbedingungen.
• Divimenus -Teilen - Fügen Sie jedem Divi -Layout mit Divimenus -Stilen schöne soziale Freigabetasten hinzu.
• Divimenus in den Medien - Stellen Sie interaktive Menüs direkt auf Bilder und Videos, um das Engagement zu steigern.

Und es ist alles kostenlos - nur, um während des Verkaufs beizutreten.

Fordern Sie Ihre kostenlose DONDIVI -Sammlung an

3 coole Dinge, die Sie mit Dondivi bauen können

Dondivi ist nicht nur ein Bündel Plugins-es ist ein ausgewachsenes kreatives Toolkit für Divi. Unabhängig davon, ob Sie Ihre Header verbessern, glatte Popups erstellen oder Ihre Preistische interaktiver machen möchten, ermöglicht DONDIVI es mit Drag-and-Drop-Einfachheit.

Um Ihnen zu zeigen, was möglich ist, haben wir drei Beispiele in der realen Welt mit:

• Die Divi SaaS -Starter -Site mit Divi Quick -Sites
• Die Divimenus- und Dondivi Builder -Plugins
• Vorgefertigte Dondivi-Layouts, die in die Divi-Bibliothek importiert wurden, um den Prozess zu starten

Jedes folgende Beispiel enthält eine kurze Vorgehensweise - und wir haben die Layoutdateien sogar als kostenloser Download am Ende dieses Beitrags verpackt.

1. Erstellen Sie ein aufgeladenes Header -Menü mit Divimenus

Müde von grundlegenden Headermenüs? Mit Divimenus können Sie etwas weitaus dynamischeres erstellen - denken Sie an Mega -Menüs, schwebende Enthüllung und Modale - alles im Allgemeinen in den Divi -Themenbauer.

So haben wir es gebaut:

Wir haben die globale Header -Vorlage im Theme Builder durch ein vorgefertigtes DONDIVI -Header -Menü -Layout (erstellt mit dem Divimenus Flex -Modul) ersetzt, um uns ein funktionierendes Beispiel zu geben.

Anschließend verwendeten wir das Divimenus Flex -Modul, um einen dynamischen Header mit unterschiedlichen Stilen und Verbindungstypen zu erstellen. Hier ist, was unser Beispielmenü enthält:

• Home - Ein einfacher URL -Link
• Funktionen , über Blog - Jedes enthüllt ein benutzerdefiniertes Divi -Layout aus der Bibliothek im Mega -Menüstil.
• Preisgestaltung - Ein weiterer Standard -URL -Link
• Suche - Öffnet ein gestaltes Suchleistenlayout in einem Popup
• Kontakt -wird auch als Popup mit einem Kontaktformular geöffnet, das als Call-to-Action-Taste gestaltet wird
• Starten Sie kostenlos - eine mutige Schaltfläche, die zur Preisseite verlinkt
• Hamburger -Menü - In diesem Hamburger -Menü wird ein WordPress -Menü auf Mobilgeräten angezeigt (mit zusammenklappbaren Untermenüs!)

Anzeigen vollständiger Divi -Layouts mit Sub -Link -Typ

Um ein benutzerdefiniertes Layout „Mega-Menü“ anzuzeigen, wenn Sie im Menüelement schweben (oder klicken), können Sie den Sub-Link-Typ in den Einstellungen für Modulelemente verwenden.

Um beispielsweise das Layout der Funktionen anzuzeigen, wenn Sie über den Menüelement „Funktionen“ schweben, mussten wir zunächst den Abschnitt "Funktionen" von unserer Website in der Divi -Bibliothek speichern.

Dann haben wir das Divimenus Flex -Modul geöffnet und den Link -Typ „Feature“ in „Sub“ geändert. Wir haben dann das gespeicherte Layout aus der Bibliothek als Inhalt ausgewählt.

Wir haben dasselbe für den Blog und auch über Menüpunkte getan. Wir haben ein benutzerdefiniertes Layout für jeweils in der Bibliothek gespeichert und es mit dem Sub -Link -Typ in den Menüelementeinstellungen angezeigt.

Der About -Link zeigt ein Mock -Layout mit klickbaren Blupping -Modulen an und der Blog -Link zeigt einen dynamischen Blog -Post -Slider mit Mock -Links zu Kategorien an.

Das ist so ziemlich es! Hier ist das Ergebnis.

Layouts in Popups mit dem Popup -Link -Typ verwandeln

Für Suche und Kontakt haben wir den Popup -Link -Typ verwendet, um benutzerdefinierte Layouts aus der Divi -Bibliothek auszulösen.

Um den Popup -Link „Kontakt“ zu erstellen, haben wir die Designoptionen verwendet, um den Link mit einem Symbol, einer Hintergrundfarbe, einem Schwebeffekt usw. zu stylen, um wie eine Taste auszusehen und zu funktionieren. Anschließend haben wir den Link -Typ in "Popup" geändert und das Layout des Kontaktformulars aus der Divi -Bibliothek (die wir von der Kontaktseite erhalten) ausgewählt.

Wir haben das Design endgültig anschließt, um die Farbe des Overlays, das "Close" -Symbol usw. zu ändern. Das war's!

Das Popup -Layout wird beim Klicken auf den Kontaktlink angezeigt.

Wir haben das Gleiche getan, um ein Suchleistenpopup beim Klicken auf das Suchymbol zu erstellen. Alles, was Sie tun müssen, ist ein vorgefertigtes Suchleistenlayout aus der Bibliothek zu ziehen.

Hier sind die Popup -Menüelemente in Aktion.

Styling -Tipps:

• Verwenden Sie Symbole oder benutzerdefinierte Bilder für jedes Element für zusätzliche Politur
• Passen Sie die Polster- und Schwebeffekte an
• Schalten Sie die klebrigen Einstellungen ein, damit das Menü während der Schriftrolle oben oben bleibt
• Verblenden Sie den Link -Text auf dem Handy aus, sodass nur das Symbol angezeigt wird, und speichern Sie Platz

Mit Deldivis Divimenus können Sie einen einfachen Header in ein interaktives Erlebnis verwandeln, das auf Ihre Marke und den Benutzer zugeschnitten ist. Und das ist nur die Spitze des Eisbergs. Es gibt so viel mehr mit diesem Plugin, insbesondere wenn Sie es mit Donndivis schwimmender Divimenus, Divimenus -Sharing und Medien (auch während des Verkaufs kostenlos) kombinieren.

2. Erstellen Sie benutzerdefinierte Popups mit Klick-, Scrollen- und Beenden -Triggern

Popups können nervig sein - oder großartig. Mit Donnis Popup -Modul haben Sie die volle Kontrolle. Sie können jedes Divi -Layout als Popup anzeigen und es auslösen, wie Sie möchten: Auf Scrollen, Klick oder sogar bei der Absicht der Exit.

In diesem Beispiel haben wir die CTA-Abteilung von der SaaS Starter Site Homepage genommen und ihn in ein intelligentes Ausgangspopup gemacht. So haben wir es gemacht:

Speichern Sie den CTA -Bereich von Ihrer Homepage in der Divi -Bibliothek.

Erstellen Sie einen neuen Abschnitt und fügen Sie das DONDIVI -Popup -Modul hinzu.

Wählen Sie unter Inhaltseinstellungen als Triggertyp "Absicht beenden" . Wählen Sie dann "Divi -Layout" als Inhaltstyp und das entsprechende Layout aus der Bibliothek im Dropdown -Menü.

Hier das Popup in Aktion.

Dies ist ein perfekter Weg, um Handlungsaufrufe zum Handeln zu ermöglichen, ohne Ihre Besucher zu unterbrechen. Da Sie Divi -Layouts verwenden, ist der Himmel die Grenze für die Anpassung.

Weitere Tipps

• Verwenden Sie die Animationseinstellungen , um Einstiegs-/Ausgangseffekte wie „Zoom in“ oder „Aufrutschen“ hinzuzufügen.
• Steuerung der Popup -Breite, der Hintergrundfarbe und der Schließung der Taste
• Möchten Sie stattdessen auf die Schaltfläche klicken? Wechseln Sie zum Klicken Sie auf Trigger und weisen Sie jedem Element eine CSS-Klasse wie .cta-popup zu
• Verwenden Sie den Scroll -Auslöser , um die Popup -Show an einem bestimmten Punkt zu haben, an dem der Benutzer auf der Seite scrollt. Dies wäre großartig, um ein E -Mail -Optin -Popup in Ihrer Blog -Post -Vorlage hinzuzufügen!

Dieses Divi -Popup -Modul ist eine perfekte kostenlose Alternative zu robusteren Popup -Lösungen wie OptinMonster und kostenlosen WordPress -Plugins wie Popup -Hersteller.

Denken Sie darüber nach: Divi ist Ihr Popup -Bauunternehmer. Wenn Sie es in Divi entwerfen können, können Sie es in einem Popup mit jedem Auslöser anzeigen, den Sie benötigen.

3.. Inhalt mit Schalter oder Registerkarten umschalten (perfekt für Preistabellen)

Müssen Besucher zwischen zwei Ansichten wechseln - wie monatliche und jährliche Preisgestaltung - ohne die Seite zu verlassen? Das DONDIVI -Inhaltsumschaltmodul macht genau das. Es schafft reibungslose, interaktive Umschaltungen zwischen zwei Layouts, die sich perfekt für Preistabellen, Feature -Vergleiche oder Produktpläne eignen.

In unserem Beispiel haben wir den Preisabschnitt von der Divi SaaS -Starterstelle verwendet. Wir haben den Preisabschnitt dupliziert und die Preisgestaltung der doppelten Abschnitt angepasst. Dann haben wir beide Abschnitte - eine für monatliche Preisgestaltung und eine für die jährliche Preise - in der Divi -Bibliothek gespart.

Sobald die Layouts gespeichert sind, kehrten wir zur Preisseite zurück und fügten das DONDIVI -Inhaltsmodul hinzu, um den statischen Preisinhalt zu ersetzen.

Weisen Sie unter Inhaltslayouts einen Ihrer gespeicherten Layouts jedem Umschaltstatus zu. Nennen Sie die monatlichen und jährlichen Toggle States.

Und Sie können den Umschalter auf der Registerkarte "Design" so entwerfen, dass Sie Ihrer Marke entsprechen.

Hier ist das Ergebnis.

Modulstyling -Tipps

• Verwenden Sie die Einstellung des Switch -Modus für ein sauberes, modernes Toggle -Switch -Design
• Eingabein- und Ausgangseffekte für reibungslose Übergänge anwenden
• Style -Toggle -Beschriftungen und Inhalte unabhängig voneinander die Designeinstellungen

Möchten Sie über zwei Layouts hinausgehen oder eine fortgeschrittene Navigation für die Registerkarte erstellen? Schauen Sie sich das Registerkartenmodul DONDIVI an. Es unterstützt:

• Horizontale und vertikale Tab -Layouts
• Mehrere Inhaltsabschnitte mit eindeutigem Styling pro Tab
• Symbole, Untertitel und Eintrags-/Beenden -Animationen

Beide Module sind im DONDIVI -Builder enthalten und arbeiten nahtlos mit jedem Layout, das Sie in der Divi -Bibliothek speichern.

Endergebnis

Hier ist das Endergebnis.

Und wenn Sie sich fragen, was mit dem Menü auf dem Handy passiert, gibt es ein zusammenklappbares WordPress -Menü, das auch vollständig mit Deldivi anpassbar ist.

Laden Sie alle Layouts aus diesem Beitrag herunter (kostenlos!)

Möchten Sie diese Beispiele selbst ausprobieren? Wir haben alle in diesem Beitrag verwendeten benutzerdefinierten Divi -Bibliothekslayouts in eine kostenlose herunterladbare ZIP -Datei verpackt. Importieren Sie sie einfach in Ihre Website, stecken Sie sie in die entsprechenden Module, und Sie sind bereit zu gehen.

Beispiellayouts herunterladen

Was ist drinnen:

• Seitenlayouts - Bei Bedarf Ihre Website -Seiten einrichten
• Benutzerdefinierte Header -Menü - Das Layout des Header -Menüs, das wir mit Divimenus erstellt haben. Sie können es Ihrer Hauptkopfzeile -Vorlage im Thema Customizer hinzufügen
• Header Submenus-Layouts -3 Divi-Bibliothekslayouts für Funktionen, über und Blog-Untermenüinhalte
• Menü -Popup -Layouts - 2 Layouts: Eine für das Suchpopup und eine für das Kontaktformular beim Klicken auf die Menüelemente
• Layouts für das Preisabschnitt - monatliche und jährliche Preisabschnitt -Layouts, die mit dem Inhaltsumschaltmodul verwendet werden können
• Popup -Layout - Das Layout für den Dondivi Builder Popup, den wir gebaut haben

So verwenden Sie die Layouts:

1. Laden Sie die ZIP -Datei herunter und entpacken Sie die Dateien auf Ihrem Computer.
2. Importieren Sie die Datei „DONDIVI-Anwendungsfalllayouts-ALL.JSON“ in die Divi-Bibliothek.

3. Erstellen Sie dann eine neue Homepage- und Preisseite. Verwenden Sie den Divi -Builder, um die Seite mit der SaaS -Homepage- und SaaS -Preis -Seiten -Layouts Ihrer Bibliothek zu erstellen. Sie sollten sehen, wie sich das monatliche/jährliche Preis auf diesen Seiten umschaltet.

4. Um das DONDIVI -Headermenü zu testen, gehen Sie zum Themen -Customizer und erstellen Sie einen neuen Header auf Ihrer Standardvorlage mit dem Layout „Benutzerdefinierte DM -Header“ in Ihrer Bibliothek.

Wir haben auch einen Bonus aufgenommen: eine kuratierte Sammlung kostenloser Dondivi -Layouts aus ihrem Mitgliedsportal. Diese Vorlagen sind normalerweise nur über die DONDIVI -Website zugänglich, aber wir haben sie mit Plugin für Sie organisiert, sodass es leicht ist, die zu finden, die Sie benötigen.

Bonus: Laden Sie die Dessivi -Layout -Bibliothek herunter

DONDIVI bietet viele vorgefertigte Layouts für jedes Produkt, das Sie kostenlos herunterladen können. Sobald Sie während unseres Verkaufs einen qualifizierenden Kauf getätigt haben, finden Sie alle Dondivi -Produkt -Downloads und die ergänzenden Dateien auf der Registerkarte Marktplatz in Ihrem Mitgliederbereich.

Dies ist eine großartige Möglichkeit, Ihr nächstes Projekt zu starten - oder zu untersuchen, was mit den Tools möglich ist, auf die Sie jetzt kostenlos zugreifen können.

Fordern Sie Ihre DONDIVI -Sammlung an

Bauen Sie mit Dondivi an - kostenlos!

Egal, ob Sie Ihre Menüs aktualisieren, schöne Popups erstellen oder Ihrer Divi -Website leistungsstarke UI -Funktionen hinzufügen möchten, Dondivi hat ein Tool für den Job. Und zum ersten Mal erhalten Sie während unseres Jubiläumsverkaufs die gesamte Suite kostenlos.

Aber warten Sie nicht - dieses Angebot ist nur für eine begrenzte Zeit erhältlich. Sobald der Verkauf endet, wird auch der kostenlose Download.

Treten Sie dem Verkauf bei und erhalten Sie Dondivi kostenlos

Dies ist Ihre Chance, Ihr Design -Toolkit mit einigen der kreativsten und flexibelsten Module im Divi -Ökosystem zu beenden - bei keinen zusätzlichen Kosten.

Wir können es kaum erwarten zu sehen, was Sie bauen.

Der Divi -Jubiläumsverkauf endet bald

Unser Jubiläumsverkauf hat nur noch wenige Tage übrig - und es ist voller Möglichkeiten, im gesamten Divi -Ökosystem zu sparen. Egal, ob Sie neu in Divi oder bereits Mitglied sind, es ist für jeden etwas dabei, einschließlich exklusiver Bundles, enormen Rabatte und der vollständigen Dondivi -Suite mit qualifizierten Einkäufen völlig kostenlos.

• Divi Pro - 78% Rabatt - beinhaltet alles: Divi, Divi AI, Divi Cloud, Divi VIP, Divi Dash und Divi -Teams sowie ein Marktkredit von 50 USD und die gesamte Dondivi -Kollektion.
• Divi AI - 60% Rabatt - Generieren Sie Kopien, Bilder und Layouts in Divi mit KI -Tools auf Ihrer Website.
• Divi Cloud - 40% Rabatt - speichern und synchronisieren Sie Ihre Layouts, Vorlagen und Code auf allen Websites.
• Divi -Teams - 40% Rabatt - geben Ihrem Team oder Ihren Kunden den gemeinsamen Zugriff auf Divi -Dienste mit verwalteten Rollen und Berechtigungen.
• Divi VIP-40% Rabatt -erhalten Sie rund um die Uhr Premium-Unterstützung mit Reaktionszeiten unter 30 Minuten und 10% Rabatt auf alle Marktkäufe.
• Sparen Sie 60% auf dem Modulbündel, auf dem Bündel und dem Layout-Bundle -Kuratierte Sammlungen von meistverkauften Modulen, Layouts und Erweiterungen auf dem Divi-Marktplatz.
• Lebensdauer-Upgrade -Nehmen Sie eine einmalige Zahlung für den lebenslangen Zugriff auf Divi und alle zukünftigen Updates.

Warten Sie nicht. Nehmen Sie sich einen Deal und lassen Sie Dondivi heute frei.

Bring mich zum Verkauf