Come aggiungere URL dinamici ai tuoi CTA con Divi e ACF

Quando crei la struttura del tuo sito web, è molto probabile che tu voglia includere gli stessi CTA su più pagine, post e progetti. Naturalmente, puoi tenere gli URL vicini e copiarli e incollarli mentre procedi, ma non è necessariamente il modo più semplice per procedere. Prima di iniziare a creare pagine, post e progetti, puoi impostare un elenco di tutti gli URL di cui potresti aver bisogno, impostare un valore predefinito per loro e utilizzare i valori predefiniti sui nuovi elementi che crei.

Se per qualsiasi motivo gli URL differiscono in una determinata pagina, post o progetto, è possibile modificarli all'interno dell'elemento stesso senza che si applichi all'intero valore predefinito del campo. I valori predefiniti allegati agli URL ti aiuteranno a darti un vantaggio durante la creazione di una nuova pagina, post o progetto. In questo tutorial, ti mostreremo passo dopo passo come arrivarci!

Arriviamo ad esso!

Panoramica dell'esercitazione

• Questo approccio funziona meglio se aggiungi il gruppo di campi personalizzati a un nuovo sito Web, subito prima di iniziare ad aggiungere pagine, post e progetti
• Installa il plug-in Advanced Custom Fields sul tuo sito Web WordPress
• All'interno del plugin, sarai in grado di impostare un gruppo di campi che apparirà su tutte le tue pagine, post e progetti
• Crea un campo URL separato per tutti i possibili URL di cui potresti aver bisogno nel tuo sito web
• Assegnare un valore predefinito a ciascuno dei campi; questo valore predefinito apparirà automaticamente in ogni nuova pagina, post o progetto
• Su pagine, post e progetti esistenti, i valori verranno visualizzati solo dopo aver inserito il backend e salvato gli URL predefiniti
• Usa i campi URL in tutto il tuo design Divi come contenuto di collegamento dinamico (pagina, post, progetto, modello)
• Se modifichi l'URL predefinito nelle impostazioni del campo, il vecchio URL predefinito verrà ancora applicato a pagine, post e progetti che hanno ereditato il valore predefinito precedente

1. Installa e attiva il plugin ACF

La prima cosa che devi fare è installare il plug-in Advanced Custom Fields sul tuo sito web. Puoi scaricare il plug-in qui o semplicemente cercarlo nella dashboard di WordPress. Dopo aver installato il plug-in, assicurati di attivarlo anche in modo da poter iniziare subito.

2. Imposta un gruppo di campi su tutti i post, le pagine e i progetti

Ora, una volta installato il plug-in ACF, è il momento di creare il gruppo di campi URL. Questo gruppo conterrà tutti i CTA che utilizzerai più volte nelle tue pagine, post e progetti. Vai alla dashboard di WordPress > Campi personalizzati > Aggiungi nuovo .

Dai un titolo al tuo gruppo e continua impostando le regole. Ci stiamo assicurando che il gruppo di campi appaia su ogni tipo di post sul nostro sito web. Se, tuttavia, desideri che i link vengano visualizzati solo su un tipo di post specifico, puoi adattare le regole alle tue esigenze.

Mostra questo gruppo di campi se:

• Tipo di post – è uguale a – Post o
• Tipo di post – è uguale a – Pagina o
• Il tipo di post è uguale a – Progetto

3. Aggiungi campi URL diversi con valore predefinito

Continueremo aggiungendo i diversi campi URL. Come accennato in precedenza, avrai bisogno di un campo URL separato per ogni URL che utilizzi più volte nei tuoi tipi di post. Per illustrare come funziona, aggiungeremo tre diversi campi URL. Uno dei campi reindirizzerà i visitatori alla pagina di destinazione della galleria Divi, il secondo condurrà i visitatori alla pagina dei contatti e il restante reindirizzerà gli utenti all'area membri.

Quindi, diciamo che stiamo iniziando con il CTA che reindirizza le persone alla pagina di destinazione della galleria Divi. Aggiungeremo un nuovo campo per esso e gli daremo un nome di campo riconoscibile. In questo modo, una volta all'interno del generatore Divi, non c'è confusione quando si tratta di selezionare l'URL corretto.

Continueremo scorrendo le impostazioni dei campi e selezionando "URL" come tipo di campo.

La prossima e ultima cosa che devi fare è aggiungere un valore predefinito al campo. Qui è dove inserirai l'URL a cui desideri che il tuo invito all'azione venga reindirizzato. Non appena aggiungi questo valore predefinito, si applicherà automaticamente a ogni nuova pagina, post e progetto che aggiungi.

Ripeti i passaggi precedenti per ogni campo CTA di cui hai bisogno sul tuo sito web. Per questo particolare esempio, ciò significa che stiamo creando due campi aggiuntivi; una volta per la pagina dei contatti e una per l'area membri.

Una volta aggiunti tutti i campi URL, assicurati di salvare tutte le modifiche apportate al tuo gruppo di campi.

4. Pulsante Link Collega a URL dinamici

Ora, quando inserisci un articolo, una pagina o un progetto, noterai il gruppo di campi URL in basso. Se per qualsiasi motivo desideri utilizzare un URL diverso su quella pagina, post o progetto specifico, puoi aggiungere un altro URL nel campo. L'URL che aggiungi verrà applicato solo a quella pagina, post o progetto specifico su cui stai lavorando. Nel nucleo del gruppo dei campi, l'URL predefinito sarà sempre lo stesso che hai aggiunto durante la creazione del campo.

Se stai utilizzando gli URL predefiniti, passa a Visual Builder per iniziare a collegare i pulsanti nel tuo progetto all'URL corretto.

Aggiungere un URL dinamico ai pulsanti Divi è davvero semplice. Apri qualsiasi pulsante che trovi sulla tua pagina, vai alle impostazioni del collegamento e fai clic sull'icona del contenuto dinamico.

Dopo aver fatto clic sull'icona dinamica, troverai un elenco di contenuti dinamici tra cui scegliere. In quell'elenco, vedrai apparire anche i diversi campi URL. Seleziona il campo URL corretto a cui vuoi collegarti.

Ripeti i passaggi per ogni pulsante della tua pagina. Se gli URL su una pagina, un post o un progetto cambiano per qualsiasi motivo, puoi tornare a quella pagina, post o progetto specifico e modificare il contenuto dinamico dell'URL nel backend.

Lo stesso approccio vale anche per l'aggiunta di URL dinamici ai modelli. Se desideri aggiungere un URL dinamico a un pulsante nel modello di post del tuo blog, ad esempio, puoi andare al generatore di temi del tuo sito Web e aprire l'editor del modello del corpo del post.

Continua aprendo le impostazioni del modulo pulsante, vai alle impostazioni del collegamento e fai clic sull'icona del contenuto dinamico.

Di nuovo, verrà visualizzato un menu a discesa in cui è possibile selezionare il contenuto dinamico dell'URL che corrisponde al CTA.

Assicurati di modificare tutte le modifiche al generatore di temi dopo aver aggiunto anche gli URL dinamici!

Pensieri finali

In questo post, ti abbiamo mostrato come creare URL dinamici e renderli disponibili su ogni pagina, post o progetto del tuo sito web. Abbiamo usato il contenuto dinamico di Divi in ​​combinazione con il plugin ACF. Siamo stati in grado di impostare un valore predefinito e applicare quel valore URL ai nostri CTA. Questo tutorial è focalizzato sul permetterti di essere il più efficace possibile quando crei siti web con Divi! Se hai domande o suggerimenti, non esitare a lasciare un commento nella sezione commenti qui sotto.

Se non vedi l'ora di saperne di più su Divi e di ricevere altri omaggi su Divi, assicurati di iscriverti alla nostra newsletter e al canale YouTube in modo da essere sempre una delle prime persone a conoscere e ottenere vantaggi da questo contenuto gratuito.