Modulo contatti

Questo pattern serve a creare un form di contatto personalizzabile a piacere da inserire in qualsiasi posizione del sito. Ricordarsi di inserire la mail di destinazione nella variabile $to all'interno del codice php. Il form invia come come configurazione predefinita via ajax quindi non ci sarà nessun ricaricamento di pagina. E' possibile opzionalmente utilizzare un server smtp configurando la pagina impostazioni e utilizzando la funzione SetSmtpServer all'interno del campo php del form.

<!-- wp:gpci/form {"anchor":"form-contatti","method":"POST","sendjs":true,"PhpCodeExist":true,"PhpCode":"$EmailResult = wp_mail(\n\t$to='INSERIRE EMAIL',\n\t$subject='Richiesta contatto da '.$_POST['nome'],\n\t$message='\u003chtml\u003e\u003cbody\u003e\u003cp\u003e\u003cstrong\u003eEmail: \u003c/strong\u003e'.$_POST['email'].'\u003c/p\u003e'.'\u003cp\u003e\u003cstrong\u003eMessaggio: \u003c/strong\u003e'.$_POST['messaggio'].'\u003c/p\u003e\u003c/body\u003e\u003c/html\u003e',\n\t$headers=['Content-Type: text/html; charset=UTF-8'],\n\t$attachments=[]\n);\n\n$ReturnMessage = '\u003cdiv class=\u0022gpci-error-messages\u0022\u003eSembra ci sia stato un problema, per cortesia ricarica la pagina e riprova.\u003c/div\u003e';\nif( $EmailResult ){ $ReturnMessage = '\u003cdiv class=\u0022gpci-ok-messages\u0022\u003eGrazie per averci contattato, riceverai una risposta appena possibile!\u003c/div\u003e'; }\n\necho $ReturnMessage;","PostId":"8791","JsOnResponseLocation":"thisform","metadata":{"categories":["gpci"],"patternName":"gpci/contact-form","name":"Form contatti"},"ClientId":"d2306604-3f0d-4423-9768-6eeb4850adfc","AdminOnlySettings":["gpci/form"]} -->
<form id="form-contatti" class="wp-block-gpci-form"><input tobereplacedforhiddenfields="tobereplacedforhiddenfields"/><!-- wp:gpci/form-field {"name":"nome","label":"Nome","placeholder":"Inserisci il tuo nome","required":true,"oninvalid":"Inserisci il tuo nome","WidthField":"fit-content","ClientId":"7222f327-c2b9-4dd5-9f3c-09a853d69415","IsInnerBlock":true,"LayoutDisplay":"flex","LayoutDefs":{"FlexDirection":"column"}} -->
<div class="wp-block-gpci-form-field" style="display:flex;flex-direction:column"><label>Nome</label><input name="nome" type="text" placeholder="Inserisci il tuo nome" required oninvalid="this.setCustomValidity(&quot;Inserisci il tuo nome&quot;);" oninput="this.setCustomValidity('')" style="width:fit-content"/></div>
<!-- /wp:gpci/form-field -->

<!-- wp:gpci/form-field {"name":"email","type":"email","label":"Email","placeholder":"Inserisci la tua email","required":true,"oninvalid":"Inserisci la tua email","WidthField":"fit-content","ClientId":"89136c90-2cf8-4cb8-a0ed-f00333a3b293","IsInnerBlock":true,"LayoutDisplay":"flex","LayoutDefs":{"FlexDirection":"column"}} -->
<div class="wp-block-gpci-form-field" style="display:flex;flex-direction:column"><label>Email</label><input name="email" type="email" placeholder="Inserisci la tua email" required oninvalid="this.setCustomValidity(&quot;Inserisci la tua email&quot;);" oninput="this.setCustomValidity('')" style="width:fit-content"/></div>
<!-- /wp:gpci/form-field -->

<!-- wp:gpci/form-field {"name":"messaggio","tag":"textarea","label":"Messaggio","placeholder":"Inserisci il tuo messaggio","required":true,"oninvalid":"Inserisci il tuo messaggio","WidthField":"100%","ClientId":"4143df1c-c4e4-43ac-9159-9c52d8131760","IsInnerBlock":true,"LayoutDisplay":"flex","LayoutDefs":{"FlexDirection":"column"}} -->
<div class="wp-block-gpci-form-field" style="display:flex;flex-direction:column"><label>Messaggio</label><textarea name="messaggio" placeholder="Inserisci il tuo messaggio" required oninvalid="this.setCustomValidity(&quot;Inserisci il tuo messaggio&quot;);" oninput="this.setCustomValidity('')" style="width:100%" rows="4" cols="50"></textarea></div>
<!-- /wp:gpci/form-field -->

<!-- wp:gpci/button {"content":"Invia","buttonType":"submit","className":"wp-element-button","style":{"spacing":{"margin":{"top":"25px"}}},"ClientId":"7c247f91-43c3-47aa-86d8-93ddc2ff6dc4","tsLastChange":1705233598059,"IsInnerBlock":true} -->
<button class="wp-block-gpci-button wp-element-button" style="margin-top:25px" type="submit">Invia</button>
<!-- /wp:gpci/button --></form>
<!-- /wp:gpci/form -->