Ecco una breve guida su come compilare automaticamente un campo del form CF7 cliccando su un pulsante inserito all’interno della pagina. Molti di voi sapranno che il plugin Contact Form 7 è uno dei più utilizzati per creare dei semplici form su un sito WordPress. Se, come è successo a me, avete bisogno di compilare automaticamente un campo del form cliccando su pulsante o un link inserito all’interno della pagina ho trovato un modo semplice e velice per farlo senza alcun plugin aggiuntivo. Ciò che serve è uno script da inserire all’interno del tag <head> del sito e due valori da assegnare al pulsante/link.
Ecco lo script:
<script type="text/javascript">
function reply_click(element)
{
document.getElementById('product_name').value = element.getAttribute('data-product-name');
}
</script>Riguardo ai due valori occorre assegnare le regole onclick=”reply_click(this)” e data-product-name=”mio valore” al pulsante o link e avere come risultato finale una cosa del genere:
<a href="#" class="bottone" onclick="reply_click(this)" data-product-name="mio valore">Titolo link</a>
Inoltre all’interno del form occorre assegnare un ID al campo che verrà compilato automaticamente:
[text text-61 id:product_name]
In questo modo potete per esempio utilizzare degli ancoraggi all’interno della pagina stessa che rimandano ad un form e cliccando su uno di essi verrà compilato un campo con il relativo valore.
Ciao e grazie per questa informazione che in realtà cercavo per sistemare l’area contatti del mio blog. Ah complimenti per il tuo sito è molto carino! magari restiamo in contatto!
Grazie a te. Per qualunque cosa contattami pure.
Buongiorno, e complimenti per il sito molto carino e informativo, ho una domanda, non so nemmeno se è possibile, sto utilizzando il tuo script e funziona benissimo, ho trovato un’ostacolo, dovrei rendere dinamico il valore del data-product-name con dei valori che ho inserito in un ACF, pensi sia possibile?