La registrazione degli utenti solitamente è impostata sul nostro CMS in WordPress in maniera tale che sia gestita autonomamente dall’ utente e dall’ amministratore . Quello che non possiamo fare però, è creare un approvazione dell’avvenuta registrazione manuale .

Se hai un sito dove l’accesso  o la visualizzazione dei contenuti è limitata solo a degli utenti iscritti che devono essere prima verificati (da un amministratore umano), allora questo è l’articolo che potrebbe fare al caso tuo.

 Come creare una registrazione utenti con approvazione

Uno dei plugin che spesso utilizzo per poter avere una registrazione con approvazione è New User Approve .

Nei progetti in cui l’ho utilizzato si è dimostrato sempre valido e non mi ha mai creato conflitti con la registrazione che troviamo di Default sul nostro sito in WordPress :

La bellezza di questo plugin, è che invia un email automatica all’utente e all’amministratore, avvisando entrambe le parti che l’iscrizione è avvenuta ma è in attesa di approvazione  .

Le impostazioni del plugin sono automatiche, e potrai visualizzarle in Utenti -> Gestione Richieste :

PS : Ricorda come ti suggerisci il plugin, di impostare il tuo sito in Generali -> Iscrizione ->Spunta il Checkbox “Chiunque può registrarsi ” .

È stato utile questo articolo ?

Lasciami un commento

L'articolo Registrazione utenti con approvazione WordPress proviene da Alessandro Albergo.

In realtà per quanto potrebbe sembrare un controsenso è un bene che ci stia rispondendo con questo messaggio .

Elementor  vuole dare un aiuto per poter risolvere il problema. Infatti cliccando su “Abilità modalità provvisoria” potremo utilizzare il plugin in maniera minimale (quindi senza addons ) . In questa maniera dovremmo riuscir a capire quale sezione della pagina sta creando l’errore .

Come riuscire a rimuovere l’errore Elemento modalità provvisoria

Soluzione 1

Come detto prima quello che ti consiglio di fare è di abilitare la modalità provvisoria ed eliminare una sezione per volta per poter capire quale ti stia creando il conflitto con il plugin .

Il procedimento è : Salvare, vedere se l’errore continua ad esserci e nel caso dovesse essere così, tornare indietro e continuare a provare ripristinando la sezione eliminata ed eliminando la successiva .

Possiamo dire che questa è una soluzione azzardata perché potrebbe accadere che non si riesca a tornare più indietro.

Infatti quello che consiglio di fare prima di procedere, è un’alternativa più lunga ma più sicura.

Soluzione  2

La seconda alternativa (la più lunga) consiste nel disattivare un plugin per volta, ricaricare la pagina che presenta l’errore, e cliccare su modifica con Elementor . Se la modalità provvisoria verrà riproposta , allora potrai riattivare il plugin e disattivare il prossimo continuando fino a quando non capirai quale strumento (plugin ) ti sta creando un conflitto .

In realtà quasi sempre il problema è dovuto ad un plugin che si integra con il nostro Page Builder , che probabilmente non è aggiornato oppure presenta dei bug non ancora risolti.

Quando avrai trovato il plugin che ti crea l’errore della modalità provvisoria del plugin Elementor , potrai verificare la disponibilità di un suo aggiornamento, oppure provare a disinstallarlo e reinstallarlo.

Soluzione  3

Assicurati che anche il plugin Elementor ed Elementor Pro sia aggiornato !

Spero che questa piccola guida ti abbia dato una mano per poter risolver il conflitto del page builder sul tuo sito in WordPress .

È stato utile questo articolo ?

Lasciami un commento se hai bisogno di più info o se hai risolto il bug  con questo tutorial.

L'articolo Elementor modalità provvisoria proviene da Alessandro Albergo.

Ma perché aggiungere dei campi personalizzati ? A cosa servono ??

Facciamo un pratico esempio . Hai un tuo e-commerce di prodotti alimentari e hai bisogno che ogni prodotto abbia sia nell’anteprima che nella pagina singola la voce “millilitri” e “grammi” da mostrare ai tuoi clienti.

Puoi sicuramente scrivere tutto nella descrizione, ma non sarebbe meglio avere un post che mostri un campo di immissione personalizzato per i prodotti del tuo e-commerce /pagine o articoli ?

Non male vero ?

Oggi ti mostrerò come poterlo fare in pochissimo tempo grazie all’aiuto di un plugin molto efficace.

Questo plugin ti permetterà di inserire campi personalizzati non solo nei prodotti, pagine e articoli, ma anche nei commenti, in categorie, tag e perfino nei custom post type.

Il plugin in questione è ACF , conta più di 1.000000 di installazioni attive, quindi puoi immaginare l’affidabilità di questo plugin davvero utile .

Bene, iniziamo a creare i nostri campi personalizzati su WordPress ! Scarichiamo e attiviamo il nostro plugin .

Appena attivato vedrai sul menu della tua Dashboard la voce “Campi personalizzati” , cliccaci sopra .

Clicchiamo “Aggiungi nuovo” per entrare nell’editor ed iniziare a divertirci .

Se hai seguito tutti i passaggi, adesso ti troverai nell’editing di ACF , dovrai dare un titolo al tuo nuovo setting di ACF e specificare dove vuoi che appaia il tuo campo di immissione .

Potrai anche far si che appaia su tutti i post e pagine di WordPress, io come esempio però ti mostrerò il mio settaggio del campo millilitri da inserire per ogni prodotto :

Come ho creato il campo millilitri per i prodotti WooCommerce

Come prima cosa ho cliccato su regole, tipo di post -> è uguale a -> prodotto . 

In questa maniera specifico che ogni aggiunta di campo in questo nuovo settaggio che ho chiamato “Millilitri Prodotto” sarà visibile solo nell’editor prodotto di WordPress .

Come secondo passaggio ho attivato il setting (Swipe celeste attivo ) e ho lasciato il settaggio di visualizzazione nell’editing (tutto il resto ) come mi proponeva il plugin stesso .

Terminata la piccola configurazione iniziale, ho cliccato su “Aggiungi campo” :

Ho inserito il nome dell’etichetta che verrà visualizzata nell’editor, il nome campo e la descrizione del campo .  Il tipo di campo ho inserito la voce “numero” , quindi non accetterà valori all’infuori di numeri interi, ma chiaramente in base a quello che ti serve potrai scegliere quello più idoneo :

Come vedi c’è davvero una varietà di campi che possono essere molto utili per personalizzare i nostri posts .

Infine ho cliccato su pubblica e ho controllato che tutto funzionasse nel mio editor dei prodotti in WooCommerce .

Adesso sai come creare dei campi personalizzati sul tuo WordPress !

È stato utile questo artico ?

Hai bisogno di una mano ? Hai qualche domanda ? Lasciami un commento qui sotto .

L'articolo Campi personalizzati su WordPress proviene da Alessandro Albergo.

La pagina del checkout è uno degli ultimi steps in cui l’utente finalizza i suoi acquisti cliccando su ” completa l’acquisto”  procedendo al pagamento .

La pagina in questione però, se avessi mai cercato di personalizzarla, avrai notato che non è possibile farlo . Questo perché è una delle pagine protette dal plugin WooCommerce .

In realtà ci sono dei plugin specifici per poter personalizzare la pagina del checkout, ma se quello che cerchi è un metodo per cambiare semplicemente il colore dei pulsanti, possiamo riuscire a farlo tramite CSS.

Cambiare il colore della pagina Checkout di WooCommerce – CSS

Per poter personalizzare la nostra pagina di Woocommerce avremo bisogno di poter inserire il nostro codice di stile personalizzato all’interno del tema che stiamo utilizzando in WordPress.

Il 90% dei temi che di solito sono installati sul nostro WP , hanno la possibilità di inserire il CSS all’interno della sezione personalizza, proprio dove si modificano i dettagli del sito (nella parte frontend ) .

Infatti per questa modifica possiamo possiamo utilizzare la funzione “CSS Aggiuntivo” .

Se il tuo tema non dovesse avere questa funzione, potrai optare per un plugin che ti permetta di farlo come Simple Custo CSS and JS  , come già accennato in qualche articolo precedente .

Adesso che conosci gli strumenti per poter scrivere del codice all’interno del sito in WP , ti basta semplicemente incollare lo snippet che ho preparato per te :

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: red !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: red !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

Se dovessi aver installato il plugin “Simple Custom Js and CSS dovrai cliccare su “Add Custom CSS nella tua Dashboard” :

Arrivati alla nostra pagina di aggiunta del CSS, possiamo dare un titolo al nostro codice (che in questo esempio ho chiamato Checkout ), cancellare il codice esempio ed inserire il nostro :

Se invece stessi utilizzando la funzione “CSS Aggiuntivo” del tuo tema ( personalizza ) , dovrai semplicemente incollare il codice all’interno .

Finita la procedura , noterai che i pulsanti della tua pagina Checkout saranno diventati rossi . Vuol dire che il nostro codice sta funzionando !

Per poter scegliere il colore più adatto al tuo tema, dovrai sostituire dove leggi “red”, con il tuo codice colore.

Se non conosci il codice del colore principale del tuo tema, potrai utilizzare uno degli strumenti che ti permetta di scoprirlo, come “ColorZilla” , oppure recarti sul sito Color Palette di Adobe per poterne generare uno .

Dove leggi “white” invece, sarà il colore del testo nel pulsante che potrai anch’esso sostituire a tuo piacimento .

Adesso non ti resta che goderti il tuo e-commerce con la pagina del checkout personalizzata !

È stato utile questo articolo ?

Lasciami un commento

L'articolo Colore Pagina Checkout su WooCommerce proviene da Alessandro Albergo.

In realtà è possibile creare manualmente una pagina FAQ , ma se quello che cerchi è uno strumento che ti semplifica la vita allora sei nel posto giusto !

Plugin per creare la pagina FAQ sul tuo sito in WordPress

Uno dei migliori plugin che puoi trovare sullo store di WordPress è Ultimate FAQs , conta più di 40.000 installazioni e risulta essere aggiornato costantemente :

Installato ed attivato il nostro plugin inizierà la configurazione, il primo step infatti consiste nel creare le categorie a cui associare le domande frequenti :

Il passo successivo invece sarà creare le domande che vogliamo associare alla categoria appena creata :

Finito di scrivere le domande frequenti , adesso non ci resta che creare la nostra pagina che conterrà le  domande da mostrare ai nostri utenti :

Clicca su “Create Page” e poi sul pulsante “successivo“.

Il prossimo step di permetterà aggiungere le impostazioni di visualizzazione delle singole domande :

Potrai scegliere il modo in cui le domande dovranno essere visualizzate e in quale ordine mostrarle .

Ogni impostazione potrai modificarla anche successivamente, recandoti nelle impostazioni del plugin sulla voce FAQs nel menu della tua Dashboard :

Anche per quanto riguarda le domande, potrai aggiungere o modificare quelle create recandoti sulla voce “All FAQs” :

Bene adesso non ci resta che recarci sulla pagina generale delle domande che hai creato precedentemente . L’indirizzo sarà il nome del tuo sito seguito da “/faq” , quindi  www.il-tuo-dominio.it/ufaq :

Oltre a visualizzare ogni singola domanda, il plugin offre la possibilità di passare alla successiva o precedente senza dover tornare indietro .

PS : La visualizzazione delle pagine dipenderà dal tema che si utilizza . L’immagine è stata presa dal mio solito WordPress in locale che uso per fare i test dei plugin, infatti come puoi notare presenta un tema molto minimal .

Vediamo il dettaglio della singola domanda :

Bene ! Adesso potrai creare la tua pagina FAQ sul tuo sito in WordPress in pochi minuti e in maniera molto veloce !

È stato utile questo articolo ? Conoscevi già Ultimate FAQs ?

Lasciami un commento .

L'articolo Pagina FAQ WordPress proviene da Alessandro Albergo.

Post meno recenti all’ultima pagina del Blog o dello Shop , perché succede ?

Perché di solito gli articoli o prodotti, vengono ordinati in ordine cronologico . Proprio per questo oggi ti mostrerò come impostare un post sempre in prima pagina .

Come rendere un post in evidenza su WordPress

In realtà la funzione per mettere il post in evidenza è già all’interno del nostro WordPress .

Per impostazione predefinita, tutti gli articoli (posts) pubblicati in WordPress vengono visualizzati sulla pagina archivio (la pagina del tuo blog ) in ordine cronologico (dall’ultimo pubblicato al primo). L’ultimo articolo che è stato pubblicato in pratica è il primo leggibile in alto nella pagina stessa .
All’interno dell’editor però esiste una funzione che permette di posizionare un post o prodotto di WooCommerce che vorresti promuovere di WordPress sempre in prima pagina, visualizzandolo in prima posizione nella pagina archivio dei prodotti o del blog fino a quando non si disattiva l ‘ opzione.

Vediamo subito come poterlo fare :

Andiamo nella sezione “Articoli” e clicchiamo “Tutti gli articoli” :

Clicchiamo sull’articolo che vogliamo mettere in evidenza ed entriamo nell’editor di WordPress.

Sulla destra noterai che c’è una casella (checkbox) chiamata “Metti in evidenza nella parte del Blog” , ti basterà semplicemente spuntarla per poter avere il tuo post in primo piano nella pagina archivio :

È incredibilmente facile ma è un opzione che molti utenti che mi hanno chiesto come poterlo fare non avevano mai notato prima .

In realtà hai anche la possibilità di poterlo fare in modifica rapida . Vai sull’articolo che vuoi modificare e clicca su “Modifica rapida” . Noterai anche questa volta la casella “Metti questo articolo in evidenza” . Questo ti permette di risparmiare tempo, senza entrare necessariamente nell’editor :

È stato utile questo articolo ?

Conoscevi già questa opzione ? Lasciami un commento per farmelo sapere

L'articolo Post o prodotto in evidenza su WordPress proviene da Alessandro Albergo.

Statistiche del tuo sito web con l’utilizzo di un plugin :

Di solito oltre ad utilizzare Google Analytics , mi piace analizzare un sito in WordPress con un altro strumento che ritengo molto utile .

Il plugin in questione è WP Statistics , vanta più di 600.000 installazioni e non crea rallentamenti sul sito risultando sempre aggiornato :

Installiamo il nostro strumento e vediamo subito come poterlo utilizzare .

In realtà la cosa davvero comoda è che non ci sono azioni da compiere dopo aver attivato il nostro plugin.

Infatti ti basterà semplicemente recarti sulla voce “Statistics” che troverai nel menu della tua Dashboard e cliccarci sopra :

Cliccando sulla voce “Statistics” vedrai tutti i dettagli e tutte le statistiche che il plugin ti permette di analizzare , invece le altre voci ti mostreranno solo la tipologia scelta.

Come vedi ti offre la possibilità di analizzare le statistiche dei tuoi visitatori ma non solo . Potrai visualizzare anche le visite giornaliere (quindi non solo il conteggio dei visitatori) , le pagine più visitate (hits) e da quale sistema operativo e browser hanno visualizzato il tuo sito web .

Di solito mi piace utilizzare la schermata generale perché trovo tutto in una pagina e non devo cambiare le “tabs” per ogni statistica . Chiaramente le varie schede singole possono essere molto utili se hai bisogno di condividere solo una tipologia di dato con qualcuno .

PS: Non potrai vedere quante visualizzazioni hai avuto prima dell’installazione del il plugin, proprio come accade quando registri il tuo sito su Google Analytics . Inizialmente quindi i tuoi grafici saranno privi di contenuti .

Questo accade perché chiaramente non avevi nessun tracciamento prima dell’installazione , e non potrai (se te lo stessi chiedendo) importare i dati da Google Analytics nel plugin .

È stato utile questo articolo ?

Utilizzavi qualcosa di simile o già conoscevi WP Statistics ? Lasciami un commento

L'articolo Statistiche sito web plugin WordPress proviene da Alessandro Albergo.

L’ingrandimento sulle foto potrebbe essere un ottimo metodo per mostrare nel dettaglio i prodotti che vendi sul tuo e-commerce  o semplicemente una funzionalità in più da integrare sul tuo sito web.

Ecco perché oggi voglio mostrarti come poter avere questa funzionalità sul tuo sito in WordPress .

Creare lo zoom sulle foto al passaggio del mouse – WordPress :

Dopo averti spiegato come creare una galleria di foto su una pagina in WP , oggi ti mostrerò come integrare un ingrandimento al passaggio del mouse sulle foto del tuo sito web .

Quello che ci serve per realizzare questo fantastico effetto è un plugin molto efficace, che si chiama WP Image Zoom .

Bene, quindi come primo step, installiamo il plugin sul nostro WordPress .

Terminata l’installazione rechiamoci nelle impostazioni di WP Zoom Image dal pannello di amministrazione :

wp-image zoom impostazioni

Nella pagina che si aprirà potrai regolare le impostazioni dell’effetto e della forma che vorrai dare all’ingrandimento dell’immagine al passaggio del mouse :

Finito il settaggio, potrai visualizzare l’anteprima sulla foto della pagina e poi salvare le impostazioni con il pulsante “save changes” .

La cosa davvero interessante di questo plugin è che potrai utilizzare il tuo effetto zoom su tutte le foto e non solo sui prodotti in vendita del tuo e-commerce.

Infatti per attivare l’effetto, ti basta andare all’interno dell’editor di un articolo, pagina o prodotto del tuo WordPress e attivare lo zoom sulla foto. Per attivarlo ti basta selezionare l’immagine e scegliere l’impostazione “with zoom” sulla finestra che si aprirà a destra :

Ricordati di salvare le modifiche cliccando su aggiorna e controllare che non ci siano conflitti con il tuo tema nella parte frontend del tuo sito (anche nella versione mobile).

Finita la modifica potrai notare che la foto modificata, potrà essere ingrandita semplicemente passandoci il cursore del mouse sopra :

Chiaramente per un risultato ottimale ti converrà utilizzare un’immagine di buona qualità, in modo tale che l’ingrandimento non venga sgranato.

Bene adesso non ti resta che goderti questa nuova funzionalità sul tuo sito web !

È stato utile questo articolo ?

Lasciami un commento

L'articolo Zoom sulle foto di WordPress proviene da Alessandro Albergo.

A volte alcuni e-commerce, soprattutto per quelli che offrono un solo prodotto o servizio hanno la necessità di eliminare lo “step” carrello.

Di solito il carrello è più pratico per e-commerce che hanno più prodotti in vendita e quindi c’ è bisogno di uno strumento che mostri le quantità e cosa si acquista . Oltre a dare chiaramente la possibilità di continuare con lo shopping .

La funzionalità per saltare il passaggio al carrello però, su WooCommerce non è presente, ecco perché oggi ti mostrerò come poterlo fare utilizzando uno snippet di codice all’interno del tuo tema in uso .

Eliminare l’ indirizzamento al carrello del plugin WooCommerce :

Come primo passaggio,  quello che dovrai fare è recarti nelle impostazioni di WooCommerce e poi nella sezione prodotti .  Spunta i box dove leggi le voci ” reindirizza alla pagina carrello ” e ” Attiva i pulsanti Ajax “.

Posso capire che sembri il contrario di quello che vorresti fare. Quello che ci serve però è ottenere l’indirizzamento impostato dal nostro plugin per poi andare a modificando le impostazioni :

Bene adesso che le impostazioni sono corrette , possiamo recarci sul tuo tema in uso.

Potrai usare un FTP Manager come FileZilla o un plugin che ti permetta di vedere i files presenti nel tuo progetto come ho spiegato in qualche articolo precedente : clicca qui per vedere l’articolo .

Una volta entrati nella cartella del nostro tema, che potrai trovare in wp-content -> themes , dovrai aprire il file “functions.php” ed incollare il codice seguente che ho preparato per te :

function my_custom_add_to_cart_redirect( $url ) {
$url = WC()->cart->get_checkout_url();
return $url;
}
add_filter( "woocommerce_add_to_cart_redirect", "my_custom_add_to_cart_redirect" );

Ricordati di incollarlo prima della chiusura del “php”  altrimenti il tuo sito andrà in errore .

Non ci resta che salvare il file modificato.

Adesso quanto un utente cliccherà il bottone acquista verrà direttamente indirizzato sulla pagina del checkout del plugin WooCommerce .

È stato utile questo articolo ?

Lasciami un commento

L'articolo Indirizzamento carrello WooCommerce proviene da Alessandro Albergo.

In realtà le e-mails automatiche sono inviate per ogni tipo di azione, quando qualche nuovo utente si iscrive, effettua una acquisto, cancella il proprio account, ordine fallito ecc …

Per modificare il contenuto delle notifiche di posta elettronica automatiche, basta recarsi nelle impostazioni di WooCommerce nella tua Dashboard ed andare nella sezione email, dove potrai gestire le personalizzazioni delle voci :

Come vedi è davvero molto semplice personalizzare le notifiche delle azioni che vengono effettuate sul tuo negozio online utilizzando WooCommerce.

Le email inviate di default però, si presentano molto semplici e poco accattivanti.

Oggi voglio consigliarti un plugin che ti permetta di modificare a livello grafico le notifiche inviate ai tuoi clienti dal tuo e-commerce .

Creare email grafiche e personalizzare per WooCommerce

Uno dei plugin che ritengo molto semplice da utilizzare è Kadence WooCommerce Email Designer , ti permette di modificare la grafica attraverso i suoi template gratuiti e vedere il risultato in tempo reale :

Come vedi è davvero molto semplice.

Scegli il template che fa per te e il contenuto modificato prima nella sezione email sarà arricchito dalla tua grafica scelta .

Adesso potrai personalizzare le tue email ed inviare notifiche ai tuoi clienti in maniera più elegante e professionale .

È stato utile questo articolo ?

Lasciami un commento

L'articolo Email personalizzate WooCommerce proviene da Alessandro Albergo.