Recensione CrocoBlock Miglior servizio per il buono sconto Elementor Page Builder

Ultimamente, c'erano oltre 1 milione di installazioni di generatori di pagine di Elementor attive. A più persone piace mantenere le cose semplici mentre lavorano sui contenuti del sito web. Ciò significa che tutti hanno bisogno delle soluzioni che consentano di lavorare con il sito senza codificare e che si rivelino utili anche per creare progetti più complessi con meno sforzo. CrocoBlock è proprio ciò che stai cercando quando lavori su tali progetti, soprattutto se stai utilizzando Elementor.

Il servizio ha già attirato l'attenzione degli sviluppatori di WordPress, nonché di studi web e liberi professionisti. Inoltre, non potevo perdere l'occasione di provarlo e sono rimasto decisamente soddisfatto dalla combinazione di flessibilità e potente funzionalità fornita da CrocoBlock .

Quindi, se non sai nulla dell'abbonamento CrocoBlock, iniziamo con le cose generali che caratterizzano questo servizio.

Il servizio di abbonamento CrocoBlock include:

• +30 skin su diversi argomenti realizzati per Elementor (blog, contabilità, agenzia, affari, ecc);
• oltre +1000 sezioni pre-progettate insieme a funzionalità modulari;
• 10 plug-in Jet che forniscono tutti i tipi di contenuti e funzionalità;
• Supporto professionale 24 ore su 24, 7 giorni su 7;
• semplice licenza annuale/a vita.

Con tutto questo pacchetto sarai in grado di creare un sito Web da zero e non sudare mai. Scopriamo come farlo, supponendo che tu abbia Elementor Free page builder e la licenza annuale singola su CrocoBlock.

Passaggio 1. Installazione rapida

Subito dopo aver acquistato l'abbonamento CrocoBlock, ti ​​ritrovi nella sezione Download accessibile dalla pagina del tuo account.

Qui puoi vedere le tre opzioni disponibili che possono accompagnarti attraverso il processo di installazione:

• Pacchetto di installazione super facile : questo lo useresti se desideri installare tutti i prodotti CrocoBlock contemporaneamente, incluso il tema Kava e il set di plug-in Jet insieme al contenuto demo;
• Pacchetto di installazione semplice : sentiti libero di utilizzare questo pacchetto per installare i prodotti CrocoBlock e il tema Kava separatamente, o nel caso in cui non desideri utilizzare il tema Kava al momento e preferisci utilizzare un altro tema WordPress;
• Jet Plugins Pack : usa questo pacchetto nel caso in cui desideri installare i plug-in Jet e utilizzare le skin e le sezioni pre-progettate, ma non sei sicuro di utilizzare qualcos'altro.

Ho deciso di utilizzare CrocoBlock Super Easy Installation Pack poiché esplorerò tutte le funzionalità del servizio.

Ho anche preparato un sito Web con un'installazione pulita di WordPress.

Il plug-in JetThemeWizard mi ha portato attraverso tutti i passaggi di installazione in circa 2 minuti. Ho aggiunto la chiave di licenza e ho scelto di utilizzare il tema Kava Child.

Quindi ho selezionato una delle skin disponibili nell'elenco delle skin e ho fatto clic sul pulsante Avvia installazione.

Configura i plugin

I plugin sono divisi in blocchi obbligatori, consigliati ed extra . Ho deciso di installarli tutti e ho fatto clic sul pulsante Avanti. Mi ci sono voluti tutti i 38 secondi per installare tutto.

Ho anche selezionato Aggiungi contenuto demo al contenuto esistente e ho fatto clic sul pulsante Avanti per procedere all'installazione del contenuto demo.

Il contenuto demo è stato installato in meno di 20 secondi . Tuttavia, il processo di rigenerazione delle miniature ha richiesto del tempo.

Il tempo medio di installazione su un sito Web WordPress pulito è di circa 2 minuti, ma dipende anche dal server che stai utilizzando e dalla quantità di contenuti che hai già sul tuo sito. Se fosse stato un sito live con contenuti, immagino che l'installazione avrebbe potuto richiedere un po' più di tempo. Eppure, ancora ho adorato il processo, è molto semplice.

Passaggio 2. Cruscotto CrocoBlock

Ora che ho installato CrocoBlock posso vederlo nella mia dashboard di WordPress. È il luogo naturale in cui si va dopo che l'installazione è stata completata, quindi andiamo a esplorarlo un po' più da vicino.

Qui ho accesso ai seguenti blocchi:

• Licenza – il codice di licenza attivo sul mio sito;
• Plugin – da qui posso accedere a tutti i plugin disponibili nell'abbonamento CrocoBlock, installarli, disattivarli e aggiornarli ogni volta che ne ho bisogno;
• Tema : il blocco in cui posso aggiornare il tema Kava ed eseguirne il backup;
• Skin – qui posso selezionare un'altra skin invece di quella che sto usando e installarla;
• Impostazioni : il luogo in cui accedere alle relazioni di posizione, alla registrazione delle posizioni, ecc.;
• Guida per l'utente: qui puoi trovare collegamenti alla documentazione, alla knowledge base e visualizzare i tutorial video sui prodotti CrocoBlock.

Ho deciso di provare a cambiare la skin con un'altra, quindi ho scelto la skin Dolcetti da usare e ho fatto clic sull'opzione Installa.

Poiché questa skin richiedeva gli stessi plug-in installati di recente sul mio sito, ho saltato l'installazione dei plug-in e ho fatto clic sul pulsante Salta al contenuto demo.

Il processo di installazione della skin non ha richiesto più di 1 minuto. Le skin possono essere cambiate così velocemente. In realtà, il processo assomiglia al modo in cui CrocoBlock è stato installato per la prima volta.

Passaggio 3. Modelli di parti del tema

Il plug -in JetThemeCore offre la possibilità di lavorare con modelli di parti a tema, come sezioni, intestazioni, piè di pagina, archivio e pagine di post singoli.

Per individuarli devi accedere a CrocoBlock > La mia libreria nella dashboard di WordPress .

Come ho già accennato, ho impostato una delle skin e includeva già modelli di intestazione e piè di pagina.

Questi modelli si trovano nei blocchi di intestazione e piè di pagina e sono disponibili per la modifica con Elementor live page builder .

Se vuoi cambiare il modello di intestazione con un altro o personalizzarne l'aspetto, puoi farlo da qui.

Inoltre, puoi creare gli altri modelli di intestazione e piè di pagina abbastanza diversi e assegnarli a pagine diverse in Impostazioni > Blocco condizioni .

Per accedere alla libreria delle intestazioni è necessario fare clic su Magic Button e qui selezionare uno dei modelli di intestazione disponibili e quindi fare clic su Inserisci per applicarlo.

Dopodiché, vai su Impostazioni> Blocco condizioni e seleziona la pagina o un modello per cui desideri applicare un'intestazione. Puoi aggiungere un nuovo piè di pagina e utilizzare quello dalla libreria dei modelli allo stesso modo.

Modello di pagina di archivio

Le cose sono solo un po' più complicate quando vuoi creare un modello di pagina Archivio. Per farlo dovrai accedere a Blocco archivio in Parti del tema e creare un nuovo modello di archivio.

Verrai immediatamente reindirizzato all'editor di Elementor, dove puoi utilizzare e widget di contenuti dinamici per mostrare le pubblicazioni esistenti sul tuo sito (post personalizzati, prodotti, termini, ecc.).

In futuro saranno disponibili i modelli Archive pronti per la scelta dalla libreria di Magic Button, tuttavia, al momento non sono disponibili.

A proposito, nel caso in cui desideri creare un tipo di post personalizzato, aggiungere una tassonomia aggiuntiva personalizzata o un meta campo con il tipo di contenuto necessario, questo può essere fatto con il plug-in JetEngine incluso anche nel pacchetto CrocoBlock.

Passaggio 4. Creazione di un menu

Dopo aver impostato un'intestazione, puoi aggiungervi un menu utilizzando il widget Nav Menu, il widget del pannello Hamburger o utilizzare il plug-in JetMenu che può aiutarti facilmente nella creazione di un mega menu verticale o orizzontale.

Ho deciso di creare un mega menu orizzontale e di usarlo nella mia intestazione. Per fare ciò ho installato il plug-in da CrocoBlock> Blocco plug-in e quindi sono passato a Aspetto> Menu per controllare il mio menu principale.

Qui volevo aggiungere un mega menu all'elemento Informazioni, quindi l'ho passato con il mouse e quindi ho fatto clic sul pulsante JetMenu per aprire la finestra popup Contenuto.

Ho abilitato l'opzione Mega Submenu e quindi ho fatto clic sull'opzione Modifica contenuto elemento menu Mega. Quando l'editor di Elementor è stato aperto, ho aggiunto diverse colonne, quindi ho aggiunto alcuni widget da posizionare all'interno del mio megamenu. Quindi ho appena fatto clic su Aggiorna per salvare il modello e sono tornato indietro.

Aggiungi un mega menu al modello di intestazione

Per farlo è necessario aprire CrocoBlock > La mia libreria e qui iniziare a modificare il modello di intestazione necessario.

Troviamo il widget Mega Menu nell'elenco dei widget e rilascialo nella sezione necessaria. Quindi dobbiamo selezionare un menu da utilizzare, apportare alcune personalizzazioni al suo aspetto nel blocco Stile e siamo a posto!

A proposito, per visualizzare in anteprima la voce di menu mega puoi semplicemente passare con il mouse sulla voce di menu necessaria in cui hai aggiunto un menu mega!

In realtà, puoi aggiungere non solo menu orizzontali utilizzando il plug-in JetMenu , ma anche creare menu verticali con mega voci di menu.

Il plug-in JetMenu copre sicuramente tutti gli aspetti a cui si può essere interessati quando è necessario creare un menu e rimarrai stupito dalla facilità con cui questo plug-in può essere personalizzato. Anche il menu aggiunto con il plug-in JetMenu è reattivo e quando attivi l'anteprima mobile si presenta sotto forma di un hamburger pulito.

Leggi anche:

Elenco dei 12 migliori temi WordPress per il lavoro

I migliori temi WordPress per WooCommerce

Rassegna stampa Premium

Elenco dei migliori 20 temi WordPress per lo sport

Passaggio 5. Componenti aggiuntivi Jet per Elementor

JetMenu è solo la parte dell'enorme pacchetto di plug-in Jet incluso in CrocoBlock. Questi plugin erano già popolari anche prima del lancio del servizio. Al momento è difficile trascurare il potere che aggiungono al proprio sito.

Come ho già detto, alcuni di essi sono necessari quando si installa la skin, gli altri sono accessibili da CrocoBlock Dashboard. Diamo un'occhiata un po' più da vicino.

• JetElements

Questo plugin aggiunge più di 30 nuovi widget per Elementor, inclusi Inline SVG, Banner, Portfolio, Layout di immagine, Timeline, ecc. Ogni widget ha vaste impostazioni di stilizzazione e, se combinati, coprono quasi ogni tipo di contenuto.

• JetBlog

Il plug-in fornisce 4 diversi widget di contenuti dinamici per visualizzare i post in elenchi, riquadri e ticker di testo. E c'è anche il widget Video Playlist.

• Jet Menù

Ho descritto come utilizzare questo widget per creare un mega menu con Elementor. Tuttavia, puoi anche usarlo per dare uno stile al menu del sito Web ordinario nel caso in cui l'intestazione non sia stata creata con il generatore di pagine Elementor.

• JetTab

Questo plugin include widget che aiutano a strutturare il contenuto in schede accattivanti e blocchi di fisarmonica. Consente di posizionare i modelli creati da Elementor in schede verticali e orizzontali, il che può essere davvero utile se desideri risparmiare spazio sulla tua pagina.

• JetTricks

Il plug-in aggiunge effetti visivi e animazioni alla sezione, alle colonne e ai widget creati da Elementor.

• JetBlock

Con questo plugin sarai in grado di aggiungere all'intestazione moduli di accesso e ricerca, carrello WooCommerce e elementi del pannello Hamburger. Consente inoltre di utilizzare l'effetto appiccicoso per le sezioni. Questo può essere necessario nel caso in cui desideri creare un'intestazione adesiva.

• JetReviews

Usalo per creare eleganti blocchi di revisione sulle pagine create con Elementor.

Esistono anche plug-in JetEngine , JetThemeCore e JetWooBuilder , ma la funzionalità che forniscono differisce leggermente dai plug-in descritti sopra. Alcuni di essi sono già stati descritti, gli altri verranno menzionati ulteriormente.

Passaggio 6. Pagine di post singoli. Creazione di una pagina di archivio

Supponiamo di dover anche creare un tipo di post personalizzato Progetti per mostrare i progetti sul nostro sito. O, forse, devi creare un tipo di post Servizi o aggiungere un portfolio con più elementi. In ogni caso, sarai in grado di creare questi tipi di post personalizzati con il plug-in JetEngine .

Ti aiuterà anche nella creazione di tassonomie personalizzate e nel lavorare con singoli post personalizzati e modelli di termini personalizzati insieme alla creazione di layout di griglia dinamici. Questi layout sono utili quando desideri aggiungere un modello di archivio con i tuoi post o termini personalizzati magnificamente mostrati nella struttura necessaria.

Si prega di notare che per fare ciò, prima dovremo installare e attivare il plugin JetEngine .

Come mostrare i tuoi progetti?

1. Ho dovuto aggiungere il tipo di post Progetti. Per farlo, sono passato a JetEngine > Tipi di post e ho fatto clic sul pulsante Aggiungi nuovo.
2. Quindi ho inserito le informazioni generali sul mio tipo di post personalizzato, come titolo e slug, e ho modificato le impostazioni del post (ho impostato l'icona per il mio nuovo tipo di post personalizzato e definito che deve supportare i blocchi Titolo, Editor e Thumbnail ; Ho anche aggiunto diversi meta campi personalizzati).
3. Dopo che le modifiche sono state salvate, ho individuato un nuovo elemento nella mia dashboard chiamato Progetti con l'icona che ho impostato per esso. Ho aggiunto diversi progetti utilizzando questo nuovo blocco del tipo di post personalizzato, ho impostato le immagini in miniatura da applicare per loro.
4. Quindi sono tornato a JetEngine> Annunci e ho creato un nuovo elenco utilizzando il tipo di post. Ho anche definito il tipo di post Progetti come fonte di post necessaria.
5. Dopodiché ho aggiunto diversi widget Campo dinamico e il widget Immagine dinamica alla pagina e selezionato l'origine del contenuto di cui avevo bisogno per l'output: il titolo e il contenuto per i campi dinamici e l'immagine in miniatura nel widget Immagine dinamica.
6. Ho anche aggiunto il widget Dynamic Meta per visualizzare la data di pubblicazione e l'autore per il mio modello di post personalizzato.

Il modello che ho creato si applica a tutti i post personalizzati che hanno il tipo Progetti.

Dopodiché ho creato un nuovo modello di pagina Archivio e ho inserito il widget Listing Grid su di esso per visualizzare i progetti sotto forma di griglia.

In realtà, mi ci sono voluti meno di 5 minuti , tuttavia, non ho utilizzato tassonomie personalizzate per classificare i progetti e non ho aggiunto filtri più complessi al layout della mia griglia.

Il plug-in JetEngine è stato aggiunto di recente al pacchetto di plug-in CrocoBlock, è relativamente nuovo e, a giudicare dalla sua funzionalità, penso che in futuro riceverà ancora più fantastiche funzionalità. Tra tutti i plugin Jet inclusi nel pacchetto CrocoBlock mi è piaciuto di più perché è unico a modo suo e permette di lavorare su progetti più complessi.

Passaggio 7. Qualche parola sull'introduzione di WooCommerce in Elementor

Nel caso in cui desideri creare un negozio online con Elementor e stai cercando il modo migliore per affrontare questo compito, CrocoBlock può davvero aiutarti a far fronte a questa missione. Include i modelli di pagina del prodotto singolo pre-progettati e il potente plug-in JetWooBuilder , che fornisce il set di 15 widget di contenuti dinamici per la visualizzazione di contenuti WooCommerce e lo styling senza CSS o PHP.

Il plug-in JetWooBuilder consente di:

• creare modelli di pagine di prodotti singoli WooCommerce;
• aggiungere layout di prodotto e tassonomia dei prodotti;
• visualizzare il contenuto dinamico con l'insieme di widget speciali realizzati appositamente per i prodotti WooCommerce.

Come al solito, dobbiamo aggiungere alcuni prodotti WooCommerce al sito prima di creare un nuovo modello di pagina prodotto. Per farlo ho navigato su Prodotti > Aggiungi nuovo nella mia dashboard di WordPress e qui ho aggiunto diversi prodotti con descrizioni, prezzi, immagine in miniatura, ecc.

Quindi sono passato a WooCommerce> Blocco modelli JetWoo e qui ho creato un nuovo modello. È importante specificare il prodotto su cui potrai impostare il modello. Quando aggiungerai widget WooCommerce dinamici, estrarranno i dati necessari dal prodotto che hai impostato lì, inclusa l'immagine in miniatura, recensioni, valutazione, prezzo, ecc.

Dopodiché puoi applicare uno dei modelli pre-progettati disponibili per le pagine del Singolo Prodotto (per farlo basta cliccare sul pulsante “Crea da modello pre-progettato” ), oppure puoi creare il tuo nuovissimo template (per farlo clicca “ Aggiungi nuovo modello”).

Quando Elementor Editor si apre qui vedrai l'insieme di widget da utilizzare per la pagina Prodotto singolo:

• Pulsante Aggiungi al carrello
• Singola immagine
• Titolo unico, ecc.

Basta rilasciarli nelle colonne e nelle sezioni necessarie e personalizzare l'aspetto di questi widget utilizzando le impostazioni di stile. Creare la pagina di un singolo prodotto è così facile.

Nel caso in cui sia necessario impostare il modello appena creato per tutti i prodotti che hai sul sito, puoi farlo in WooCommerce > Blocco Impostazioni. Qui è necessario fare clic sulla scheda JetWooBuilder e accedere alle impostazioni delle condizioni del modello di prodotto singolo.

Prova i widget

Ora puoi aggiungere la griglia o i riquadri dei prodotti alla home page, oppure visualizzare il layout delle categorie di prodotti nella pagina del tuo Negozio con uno dei widget di layout. Ce ne sono 4:

• Griglia delle categorie;
• Elenco prodotti;
• Griglia dei prodotti;
• Tessere tassonomia.

Ogni widget ha impostazioni di ordine e query insieme alle impostazioni di stile robusto. Sono davvero facili da usare. Scegli il widget che ti piace di più e rilascialo nel posto necessario usando Elementor. Questo è tutto ciò che devi fare per usarli.

Riassumendo: CrocoBlock Review Miglior servizio per il buono sconto Elementor Page Builder

Il servizio di abbonamento CrocoBlock è più dei semplici prodotti di qualità che fornisce. Il servizio inoltre li mantiene aggiornati e cresce costantemente, aggiungendo ancora più nuove funzionalità a quella esistente. Ricevi automaticamente gli aggiornamenti (inclusi i nuovi Jet Plugin). Lo stesso vale per le nuove skin, che escono ogni settimana.

Il servizio CrocoBlock ha anche un team di supporto qualificato che è sempre pronto ad aiutare, e nel caso in cui non sei sicuro della sua funzionalità o hai domande, puoi contattare il team direttamente su Facebook o tramite chat di prevendita.

Quando inizierai a testare CrocoBlock, probabilmente penserai che sia tutto incentrato sui plugin per Elementor. Ma, in verità, CrocoBlock rappresenta l'intero set di prodotti necessari per creare un sito Web su Elementor . Vale ugualmente la pena di attenzione per i principianti così come per gli sviluppatori web. E ogni prodotto in esso incluso ha il suo posto e il suo scopo unici.

Il servizio di abbonamento CrocoBlock ha completamente cambiato il concetto di creazione di siti web. Ha tutto coperto, e questo è ciò che piace di più a tutti.