Trzy fajne rzeczy, które możesz zrobić z Dondivi (do pobrania za darmo)

Sprzedaż rocznicowa Divi jest w pełni - i w tym roku robimy coś, czego nigdy wcześniej nie robiliśmy. Rozdajemy cały apartament Dondivi wtyczek premium za darmo wszystkim, którzy wybierają kwalifikujący się produkt Divi. To narzędzia o wartości ponad 170 USD na Twoje konto natychmiast.

Aby pokazać, jak potężna jest ta kolekcja, stworzyliśmy trzy przypadki użycia za pomocą Dondivi i Divi. To nie są tylko „fajne pomysły” - praktyczne rozwiązania można dziś kopiować, dostosowywać i korzystać. Otrzymasz nawet bezpłatne pobieranie wszystkich układów używanych w tym poście, abyś mógł natychmiast importować i budować.

Oto podglądanie tego, co mamy w sklepie…

Zanurzmy się i odkryjmy, co możesz zrobić z Dondivi.

Zdobądź cały apartament Dondivi za darmo

Niedawno nabyliśmy całą kolekcję Dondivi - i aby świętować, rozdajemy ją za darmo wszystkim, którzy dokonują kwalifikującego się zakupu podczas rocznicy. To wtyczki premium o wartości ponad 170 USD , dodane na twoje konto automatycznie przy zakupie Divi Pro, Divi VIP lub dowolnego pakietu Divi.

Przeczytaj ogłoszenie

Co jest zawarte?

Każdy kwalifikujący zakup odblokowuje pełną kolekcję produktów Dondivi, w tym:

• DONDIVI BUILDER - Zestaw premium 9 modułów, w tym wyskakujące okienek, siatki, przełączniki treści, zakładki, hotspoty, harmonogramy i wiele innych.
• Divimenus - elastyczny konstruktor menu, który pozwala tworzyć mega menu, lepkie nagłówki, pływające nawigacje, wyskakujące okienek i interaktywne treści.
• SWOMESS SWOIPASSASS - chronić dowolną sekcję, wiersz lub moduł za pomocą prostego pola hasła.
• Divisignatures - Buduj i zarządzaj niestandardowymi podpisami e -mail za pomocą Divi Builder. Obejmuje wyszukiwanie katalogu!
• Floating Divimenus - Płyń swoje menu w dowolnym miejscu na ekranie za pomocą niestandardowych kontroli pozycjonowania i widoczności.
• Dzielenie się Divimenus - Dodaj piękne przyciski udostępniania społecznościowego do dowolnego układu Divi za pomocą stylów Divimenus.
• Divimenus w mediach - umieść interaktywne menu bezpośrednio na zdjęciach i filmach, aby zwiększyć zaangażowanie.

I wszystko jest bezpłatne - po prostu dołączenie podczas sprzedaży.

Zagłów bezpłatną kolekcję Dondivi

3 fajne rzeczy, które możesz zbudować z Dondivi

Dondivi to nie tylko pakiet wtyczek-jest to pełny kreatywny zestaw narzędzi dla Divi. Niezależnie od tego, czy chcesz ulepszyć swoje nagłówki, tworzyć zręczne wyskakujące okienka, czy sprawić, by tabele cenowe są bardziej interaktywne, Dondivi umożliwia prostotę przeciągania i upuszczania.

Aby pokazać, co jest możliwe, zbudowaliśmy trzy rzeczywiste przykłady, używając:

• Witryna startowa Divi Saas z szybkimi witrynami Divi
• Wtyczki Divimenus i Dondivi Builder
• Gotowe układy Dondivi importowane do biblioteki Divi, aby rozpocząć proces

Każdy poniższy przykład zawiera szybki przewodnik - a nawet zapakowaliśmy pliki układu jako bezpłatne pobieranie na końcu tego postu.

1. Utwórz menu nagłówka doładowania z Divimenus

Masz dość podstawowych menu nagłówka? Divimenus pozwala stworzyć coś znacznie bardziej dynamicznego - pomyśl o mega menu, ujawnieniu i modeli - wszystko w stylu w ramach konstruktora motywów Divi.

Oto jak go zbudowaliśmy:

Zastąpiliśmy globalny szablon nagłówka w konstruktorze motywów nogami menu nagłówka Premade Dondivi (zbudowanego z modułem Divimenus Flex), aby dać nam działający przykład.

Następnie użyliśmy modułu Divimenus Flex do zbudowania dynamicznego nagłówka z różnymi stylami i typami linków. Oto, co obejmuje nasze przykładowe menu:

• Strona główna - prosty link URL
• Funkcje , o blogu - każdy ujawnia niestandardowy układ Divi z biblioteki w stylu mega menu.
• Ceny - Kolejny standardowy link URL
• Wyszukaj - otwiera układ paska wyszukiwania w okienku
• Kontakt -otwiera się również jako okienko z formularzem kontaktowym, stylizowany jako przycisk wezwania
• Rozpocznij za darmo - odważny przycisk, który łączy się do strony cenowej
• Menu Hamburger - To menu Hamburger wyświetla menu WordPress na urządzeniach mobilnych (z wymyślonymi menu!)

Wyświetlanie pełnych układów Divi z typem podwodników

Aby wyświetlić niestandardowy układ „Mega Menue” podczas unoszenia się (lub kliknięciem) w elemencie menu, możesz użyć typu podwodnika w ustawieniach elementu modułu.

Na przykład, aby pokazać układ funkcji podczas unoszenia się nad elementem menu „Funkcje”, najpierw musieliśmy zapisać sekcję funkcji z naszej strony internetowej na bibliotekę Divi.

Następnie otworzyliśmy moduł Divimenus Flex i zmieniliśmy typ linku „funkcja” na „sub”. Następnie wybraliśmy zapisany układ z biblioteki jako treść.

Zrobiliśmy to samo dla blogu i pozycji menu. Zapisaliśmy niestandardowy układ do biblioteki dla każdego i wyświetliśmy go za pomocą typu łącza podrzędnego w ustawieniach elementów menu.

Link About wyświetla próbny układ z klikalnymi modułami Blurb, a link blogowy wyświetla dynamiczny suwak na blogu z próbnymi linkami do kategorii.

To prawie! Oto wynik.

Zamień układy w wyskakujące okienka za pomocą typu linku wyskakującego

W celu wyszukiwania i kontaktu użyliśmy typu linku wyskakującego , aby uruchomić niestandardowe układy z biblioteki Divi.

Aby utworzyć link wyskakujące „kontakt”, użyliśmy opcji projektowania, aby stylizować link z ikoną, kolorem tła, efektem zawisowym itp., Aby wyglądać i funkcjonować jak przycisk. Następnie zmieniliśmy typ linku na „wyskakujące okienko” i wybraliśmy układ formularza kontaktowego z biblioteki Divi (który otrzymaliśmy ze strony kontaktowej).

Kończymy kilka akcentów projektu, aby zmienić kolor nakładki, ikonę „blisko” itp. To wszystko!

Układ wyskakującego wyświetli się podczas klikania linku kontaktowego.

Zrobiliśmy to samo, aby utworzyć wyskakujące okienko paska wyszukiwania podczas klikania ikonę wyszukiwania. Wszystko, co musisz zrobić, to wyciągnąć z biblioteki układ poprzedzonego paska wyszukiwania.

Oto elementy menu wyskakującego w akcji.

Wskazówki dotyczące stylizacji:

• Użyj ikon lub niestandardowych obrazów dla każdego elementu, aby uzyskać dodatkowy lakier
• Pod projektem> element menu dostosuj efekty wyściółki i unoszenia
• Włącz lepkie ustawienia , aby menu pozostało na górze podczas Scroll
• Ukryj tekst linku na telefonie komórkowym, więc wyświetla się tylko ikona, zapisując miejsce

Divimenus Dondivi pozwala zamienić prosty nagłówek w interaktywne wrażenia dostosowane do Twojej marki i użytkownika. I to tylko wierzchołek góry lodowej. Jest o wiele więcej z tą wtyczką, zwłaszcza gdy połączysz ją z pływającym Divimenusem Dondivi, dzieleniem Divimenus i mediami (również bezpłatnie podczas sprzedaży).

2. Zbuduj niestandardowe wyskakujące okienka z wyzwalaczami kliknięcia, przewijania i wyjścia

Wyskakujące okienka mogą być denerwujące - lub niesamowite. W przypadku wyskakującego modułu Dondivi jesteś pełna kontroli. Możesz pokazać dowolny układ Divi jako wyskakujące okienko i uruchomić go, jak chcesz: na przewijaniu, po kliknięciu, a nawet po zamiarach wyjścia.

W tym przykładzie wzięliśmy sekcję CTA ze strony głównej strony startowej SaaS i przekształciliśmy ją w wyskakujące wyskakujące wyskakujące okienko wyjściowe. Oto jak to zrobiliśmy:

Zapisz sekcję CTA ze strony głównej na bibliotekę Divi.

Utwórz nową sekcję i dodaj moduł wyskakujący Dondivi .

W ustawieniach treści wybierz „Intent wyjścia” jako typ wyzwalacza. Następnie wybierz „Układ Divi” jako typ zawartości i wybierz odpowiedni układ z biblioteki w menu rozwijanym.

Tutaj wyskakujące okienko w akcji.

Jest to idealny sposób na wyprzedzenie połączeń do działania bez przerywania odwiedzających. Ponieważ używasz układów Divi, niebo jest limitem dostosowywania.

Więcej wskazówek

• Użyj ustawień animacji , aby dodać efekty wejścia/wyjścia, takie jak „powiększ” lub „wsuń się”
• Kontroluj szerokość wyskakującego, kolor tła i pozycja przycisku zamknij
• Chcesz zamiast tego uruchomić przycisk? Przełącz, aby kliknąć wyzwalacz i przypisać klasę CSS, taką jak .cta-popup do dowolnego elementu
• Użyj wyzwalacza Scroll , aby mieć wyskakujące okienko w określonym momencie, gdy użytkownik przewija stronę. Byłoby to świetne do dodania wyskakującego wyskakującego e -maila optin do szablonu postu na blogu!

Ten moduł wyskakującego Divi jest idealną bezpłatną alternatywą dla bardziej solidnych rozwiązań wyskakujących, takich jak Optinmonster i darmowe wtyczki WordPress, takie jak wyskakujący producent.

Pomyśl o tym: Divi jest twoim konstruktorem wyskakującym. Jeśli możesz go zaprojektować w Divi, możesz wyświetlać go w okienku z dowolnym wyzwalaczem, którego potrzebujesz.

3. Przełącz zawartość za pomocą przełączników lub zakładek (idealny do tabel wyceny)

Musisz pozwolić odwiedzającym przełączać się między dwoma wyświetleniami - takimi jak miesięczne i roczne ceny - bez opuszczenia strony? Moduł przełączający zawartość Dondivi dokładnie to robi. Tworzy gładkie, interaktywne przełączanie między dwoma układami, idealne do wyceny, porównań funkcji lub planów produktów.

W naszym przykładzie wykorzystaliśmy sekcję cenową z witryny startowej Divi SaaS. Zduplikowaliśmy sekcję cenową i dostosowaliśmy duplikat wyceny sekcji. Następnie uratowaliśmy obie sekcje - jedną na miesięczne ceny i jedną na roczne ceny - na bibliotekę Divi.

Po zapisaniu układów wróciliśmy na stronę wyceny i dodaliśmy moduł przełączania zawartości Dondivi, aby zastąpić statyczną zawartość cen.

W ramach treści> Przypisz każdy stan przełączania do jednego z zapisanych układów. Nazwij stany przełączające co miesiąc i co roku .

I możesz zaprojektować przełącznik na karcie Design, aby pasować do Twojej marki.

Oto wynik.

Wskazówki dotyczące stylizacji modułów

• Użyj ustawienia trybu przełącznika , aby uzyskać czystą, nowoczesną konstrukcję przełącznika
• Zastosuj efekty Enter i Exit, aby uzyskać płynne przejścia
• Styl przełącz etykiety i treści niezależnie za pomocą ustawień projektowych

Chcesz wyjść poza dwa układy lub zbudować zaawansowaną nawigację z tabletami? Sprawdź moduł Tabs Dondivi . Obsługuje:

• Poziome i pionowe układy zakładek
• Wiele sekcji treści z unikalną stylem na zakładkę
• Ikony, napisy i animacje wejścia/wyjścia

Oba moduły są zawarte w Dondivi Builder i działają bezproblemowo z każdym układem, który zapisujesz w bibliotece Divi.

Wynik końcowy

Oto ostateczny wynik.

A jeśli zastanawiasz się, co stanie się z menu na urządzeniach mobilnych, istnieje menu WordPress, które można również całkowicie dostosować z Dondivi.

Pobierz wszystkie układy z tego postu (za darmo!)

Chcesz sam wypróbować te przykłady? Pakowaliśmy wszystkie niestandardowe układy biblioteki Divi używane w tym poście do bezpłatnego pliku zip do pobrania. Po prostu zaimportuj je na swoją witrynę, podłącz je do odpowiednich modułów i będziesz gotowy do pracy.

Pobierz przykładowe układy

Co jest w środku:

• Układy strony - w razie potrzeby konfigurowanie stron witryny
• Niestandardowe menu nagłówka - Układ menu nagłówka, który zbudowaliśmy za pomocą Divimenus. Możesz dodać go do głównego szablonu nagłówka w dostosowywniku motywu
• Układy podmenu nagłówka -3 układy biblioteki Divi dla funkcji, o zawartości podmenu blogu i blogu
• Layouts menu - 2 układy: jeden dla wyskakującego wyskakującego i jeden dla formularza kontaktowego podczas klikania elementów menu
• Układy sekcji cenowej - Miesięczne i roczne układy sekcji cenowej, gotowe do użycia z modułem przełączającym treść
• Układ wyskakujące - układ okienka Dondivi Builder, który zbudowaliśmy

Jak korzystać z układów:

1. Pobierz plik zip i rozpakuj pliki na komputerze.
2. Zaimportuj plik „Layouts-Upase Case Layouts-all.json” do biblioteki Divi.

3. Następnie utwórz nową stronę główną i ceną. Użyj Divi Builder, aby utworzyć stronę za pomocą układów strony głównej SaaS i SaaS Ceny z biblioteki. Na tych stronach powinieneś zobaczyć miesiąc/roczne wyceny.

4. Aby przetestować menu nagłówka Dondivi, przejdź do modyfikowania motywu i utwórz nowy nagłówek na domyślnym szablonie za pomocą układu „niestandardowego nagłówka DM” z biblioteki.

Uwzględniliśmy również bonus: wyselekcjonowany kolekcja bezpłatnych układów Dondivi z portalu członkowskiego. Szablony te są zwykle dostępne tylko za pośrednictwem strony internetowej Dondivi, ale zorganizowaliśmy je dla Ciebie przez wtyczkę, więc łatwo jest znaleźć te, których potrzebujesz.

Bonus: Pobierz bibliotekę układu Dondivi

Dondivi oferuje wiele premiowych układów dla każdego produktu, który można pobrać za darmo. Po dokonaniu kwalifikującego się zakupu podczas naszej sprzedaży możesz znaleźć wszystkie pobieranie produktów Dondivi i dodatkowe pliki w zakładce Marketplace w obszarze członków.

To świetny sposób na rozpoczęcie następnego projektu - lub odkryj, co jest możliwe dzięki narzędziom, do którego masz teraz dostęp za darmo.

Zagłów swoją kolekcję Dondivi

Zacznij budować z Dondivi - za darmo!

Niezależnie od tego, czy chcesz zaktualizować swoje menu, stworzyć piękne wyskakujące okienka, czy dodać potężne funkcje interfejsu użytkownika do swojej witryny Divi, Dondivi ma narzędzie do pracy. I po raz pierwszy możesz dostać cały apartament za darmo podczas naszej rocznicy.

Ale nie czekaj - ta oferta jest dostępna tylko przez ograniczony czas. Po zakończeniu sprzedaży również do pobrania za darmo.

Dołącz do sprzedaży i zdobądź Dondivi za darmo

To Twoja szansa na wypłatę zestawu narzędzi projektowych za pomocą jednych z najbardziej kreatywnych i elastycznych modułów w ekosystemie Divi - bez dodatkowych kosztów.

Nie możemy się doczekać, aby zobaczyć, co zbudujesz.

Sprzedaż rocznicowa Divi wkrótce się kończy

Nasza rocznicowa sprzedaż ma tylko kilka dni - i jest pełna sposobów oszczędzania całego ekosystemu Divi. Niezależnie od tego, czy jesteś nowy w Divi, czy już członkiem, każdy znajdzie coś dla siebie, w tym ekskluzywne pakiety, ogromne zniżki i pełny apartament Dondivi całkowicie za darmo z kwalifikującymi się zakupami.

• Divi Pro - 78% zniżki - obejmuje wszystko: Divi, Divi AI, Divi Cloud, Divi VIP, Divi Dash i Divi Teams, a także kredyt na rynku 50 USD i całą kolekcję Dondivi.
• Divi AI - 60% zniżki - generuj kopię, obrazy i układy wewnątrz Divi z narzędziami AI przeszkolonymi na Twojej stronie.
• Divi Cloud - 40% zniżki - przechowuj i zsynchronizuj układy, szablony i kod na wszystkich stronach internetowych.
• Zespoły Divi - 40% zniżki - daj swojemu zespołowi lub klientom udostępnienie dostępu do usług DIVI z zarządzanymi ról i uprawnieniami.
• Divi VIP-40% zniżki -Uzyskaj 24/7 wsparcia premium z czasem reakcji poniżej 30 minut i 10% zniżki na wszystkie zakupy na rynku.
• Zaoszczędź 60% na pakiecie modułu, pakiecie funkcji i pakiecie układu -chwyć wyselekcjonowane kolekcje najlepiej sprzedających się modułów, układów i rozszerzeń na rynku Divi.
• Aktualizacja życia -dokonaj jednorazowej płatności za dostęp do DIVI i każdej przyszłej aktualizacji.

Nie czekaj. Weź umowę i zdobądź Dondivi za darmo.

Zabierz mnie do sprzedaży