Domanda su impostazione email di autorisposta

Buongiorno,

Ho impostato una email di risposta automatica a chi compila il modulo, inserendo una immagine come nostro logo e come intestazione della email.

Il problema che noto è che non riesco ad impostare una dimensione standard dell'immagine, nel senso che spesso nella email di risposta, l'immagine si ingrandisce molto, tanto da rendere il contenuto della email piccolissimo e quasi illegibile.

Nell'impostazione l'immagine è perfettamente dimensionata, il problema è quando la email viene inviata che cambia la dimensione.

Non so come risolvere questo problema.

Grazie e scusatemi tanto per il disturbo.

Buongiorno Angelo,

Grazie per aver contattato il supporto tecnico di Jotform. Ho clonato e testato il tuo modulo 240663437194359 e sono riuscito a replicare la situazione descritta. Nell'email di risposta automatica, l'immagine risulta essere grande e sproporzionata rispetto al contenuto dell'email.

Per risolvere questa situazione, puoi modificare il codice HTML dell'email. Ecco come fare:

1. In Form Builder, clicca su Settings e seleziona Emails.
2. Clicca sull'icona a matita vicino all'Email di Risposta Automatica.
3. Clicca sull'icona del Codice Sorgente.
4. Rimuovi il codice corrente e copia e incolla quello seguente.

<div class="body" style="width: 100%; margin: 0 auto !important; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f3f3fe;">

<table class="email-container body-bg" style="width: 720px; text-align: center;" border="0" width="720" cellspacing="0" cellpadding="0" align="center" bgcolor="#F3F3FE">

<tbody>

<tr>

<td class="mobile-padding-fix" style="padding: 0 40px;" align="center">

<h3 style="display: inline-block; vertical-align: middle; margin: 0 0 0 8px; font-size: 18px; font-weight: bold; color: #0a1551; font-family: Helvetica, sans-serif;"><img src="https://www.jotform.com/uploads/chiarelliangelo82/form_files/20240308_135325.65eb0a6cb51671.00574080.png" alt="" width="100%" height="100%" /></h3>

</td>

</tr>

<tr>

<td class="mobile-padding-fix" style="padding: 0 40px;" align="center">

<table style="width: 100%;" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">

<tbody>

<tr>

<td style="line-height: 0; font-size: 0; border-radius: 4px 4px 0 0;" colspan="3" bgcolor="#FF6100" height="8">&nbsp;</td>

</tr>

<tr>

<td width="36">&nbsp;</td>

<td>

<table style="width: 100%; border-bottom: 1px solid #ECEDF2;" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">

<tbody>

<tr>

<td style="line-height: 0; font-size: 0;" colspan="2" height="16">&nbsp;</td>

</tr>

<tr>

<td align="left" valign="top" width="40"><img style="display: block; height: 40px;" src="https://cdn.jotfor.ms/assets/img/logo2021/jotform-logo@144x144.png" alt="Jotform Logo" height="40" /></td>

<td align="left" valign="middle">

<h3 style="display: inline-block; vertical-align: middle; margin: 0 0 0 8px; font-size: 18px; font-weight: bold; color: #0a1551; font-family: Helvetica, sans-serif;">{form_title}</h3>

</td>

</tr>

<tr>

<td style="line-height: 0; font-size: 0;" colspan="2" height="16">&nbsp;</td>

</tr>

</tbody>

</table>

</td>

<td width="36">&nbsp;</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td class="mobile-padding-fix" style="padding: 0 40px;" align="center">

<table style="width: 100%; border-radius: 0 0 4px 4px;" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">

<tbody>

<tr>

<td colspan="3" height="24">&nbsp;</td>

</tr>

<tr>

<td width="36">&nbsp;</td>

<td align="center">

<table id="emailFieldsTable" class="mceNonEditable" style="font-size: 14px; font-family: Helvetica, sans-serif;" border="0" width="100%" cellspacing="0" cellpadding="5">

<tbody id="emailFieldsTableBody">

<tr id="row_102" class="questionRow">

<td id="question_102" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">NOME PARTECIPANTE</td>

<td id="value_102" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{nomePartecipante}</td>

</tr>

<tr id="row_100" class="questionRow">

<td id="question_100" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">DATA DI NASCITA PARTECIPANTE</td>

<td id="value_100" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{dataDi}</td>

</tr>

<tr id="row_101" class="questionRow">

<td id="question_101" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">LUOGO DI NASCITA PARTECIPANTE</td>

<td id="value_101" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{luogoDi}</td>

</tr>

<tr id="row_103" class="questionRow">

<td id="question_103" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">CODICE FISCALE PARTECIPANTE</td>

<td id="value_103" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{codiceFiscale}</td>

</tr>

<tr id="row_104" class="questionRow">

<td id="question_104" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">INDIRIZZO PARTECIPANTE</td>

<td id="value_104" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{indirizzoPartecipante}</td>

</tr>

<tr id="row_118" class="questionRow">

<td id="question_118" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">MINORENNE / MAGGIORENNE</td>

<td id="value_118" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{minorenne}</td>

</tr>

<tr id="row_107" class="questionRow">

<td id="question_107" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">NOME DEL GENITORE</td>

<td id="value_107" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{nomeDel}</td>

</tr>

<tr id="row_113" class="questionRow">

<td id="question_113" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">DATA DI NASCITA GENITORE</td>

<td id="value_113" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{dataDi113}</td>

</tr>

<tr id="row_119" class="questionRow">

<td id="question_119" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">LUOGO DI NASCITA GENITORE</td>

<td id="value_119" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{luogoDi119}</td>

</tr>

<tr id="row_120" class="questionRow">

<td id="question_120" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">CODICE FISCALE GENITORE</td>

<td id="value_120" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{codiceFiscale120}</td>

</tr>

<tr id="row_105" class="questionRow">

<td id="question_105" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">NUMERO DI TELEFONO</td>

<td id="value_105" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{numeroDi}</td>

</tr>

<tr id="row_106" class="questionRow">

<td id="question_106" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">E-MAIL</td>

<td id="value_106" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{email}</td>

</tr>

<tr id="row_121" class="questionRow">

<td id="question_121" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">SCELTA PACCHETTI E PERSONALIZZAZIONE PROGRAMMA LIVELLO AVANZATO</td>

<td id="value_121" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{iMiei}</td>

</tr>

<tr id="row_131" class="questionRow">

<td id="question_131" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">PAGAMENTO IMPORTO</td>

<td id="value_131" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{pagamentoImporto}</td>

</tr>

<tr id="row_51" class="questionRow">

<td id="question_51" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">CARICARE RICEVUTA DI PAGAMENTO BONIFICO</td>

<td id="value_51" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{caricareRicevuta}</td>

</tr>

<tr id="row_62" class="questionRow">

<td id="question_62" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">TRATTAMENTO DEI DATI PERSONALI</td>

<td id="value_62" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{scriviUna62}</td>

</tr>

<tr id="row_122" class="questionRow">

<td id="question_122" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">REGOLAMENTO BREATHING DANCE</td>

<td id="value_122" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{regolamentoBreathing}</td>

</tr>

<tr id="row_132" class="questionRow">

<td id="question_132" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="#f3f3f3" width="170">HAI BISOGNO DELLA CAMERA IN STRUTTURA?</td>

<td id="value_132" class="valueColumn" style="padding: 5px !important;" bgcolor="#f3f3f3">{haiBisogno}</td>

</tr>

<tr id="row_135" class="questionRow">

<td id="question_135" class="questionColumn" style="padding: 5px !important;" valign="top" bgcolor="white" width="170">INSERIRE NOME E COGNOME DI UN EVENTUALE ACCOMPAGNATORE PER L'INGRESSO IN STRUTTURA</td>

<td id="value_135" class="valueColumn" style="padding: 5px !important;" bgcolor="white">{inserireNome}</td>

</tr>

</tbody>

</table>

</td>

<td width="36">&nbsp;</td>

</tr>

<tr>

<td colspan="3" height="24">&nbsp;</td>

</tr>

</tbody>

</table>

<table id="autoresponder-footer" style="font-family: Helvetica, sans-serif;" border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td bgcolor="#F3F3FE" height="16">&nbsp;</td>

<td bgcolor="#F3F3FE">&nbsp;</td>

</tr>

<tr>

<td class="footerCol1" style="text-align: left;">La ringraziamo per la sua registrazione. Sar&agrave; un onore accoglierla nelle nostre sale. Sar&agrave; nostra premura contattarla per qualsiasi eventuale comunicazione futura.</td>

<td class="footerCol2" style="text-align: right;">Le ricordiamo che se ha bisogno di prenotare la camera in struttura, pu&ograve; farlo accedendo al nostro box link <a href="https://linktr.ee/breathingdanceitaly" target="_blank" rel="noopener noreferrer">https://linktr.ee/breathingdanceitaly</a>&nbsp;che trova anche nelle bio delle nostre pagine social. Ha tempo fino al 16 Aprile 2024, termine entro il quale possiamo garantirne la disponibilit&agrave;.</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td height="30">&nbsp;Grazie!</td>

</tr>

<tr>

<td style="text-align: left;" height="30">

<p style="text-align: center;">Staff Brathing Dance&nbsp;</p>

</td>

</tr>

<tr>

<td style="text-align: left;" height="30">

<p style="text-align: center;">Contatti: 3297015415 breathingdanceitaly@gmail .com</p>

</td>

</tr>

</tbody>

</table>

</div>

Ecco il risultato:

Prova e facci sapere se hai bisogno di ulteriore aiuto.

Buongiorno,

la ringrazio tantissimo per il suo aiuto.

Sarebbe possibile avere i codici anche per gli altri miei moduli?

Nel caso come posso inviarle tutti i link.

In realtà sono 4 i moduli a cui vorrei apportare questa modifica.

Buongiorno Angelo,

Grazie per averci ricontattato. In realtà, il codice che ti ho fornito è praticamente uguale, ho solo aggiunti 2 parametri, ma per comodità ti ho fatto eliminare e copiare il codice intero. Se vuoi applicarlo ad altre email, puoi semplicemente aggiungere i parametri width="100%" e height="100% nella stringa relativa all'immagine. Ecco come fare:

1. Nel corpo dell'email, clicca sull'icona del Codice Sorgente.
2. Cerca la stringa contenente il link alla tua immagine di intestazione.
3. Dovrebbe presentarsi come di sotto.

<img src="https://www.jotform.com/uploads/chiarelliangelo82/form_files/20240308_135325.65eb0a6cb51671.00574080.png" alt=""/></h3>

Aggiungi i parametri width="100%" e height="100% dopo alt="Domanda su impostazione email di autorisposta Image-2" e prima di '/'. Come di sotto:

<img src="https://www.jotform.com/uploads/chiarelliangelo82/form_files/20240308_135325.65eb0a6cb51671.00574080.png" alt="" width="100%" height="100%/></h3>

In questo modo, dovresti riuscire ad applicare la stessa soluzione a tutti i modelli di email dei tuoi moduli.

Nel caso in cui non dovessi riuscire da solo, inviaci i link dei moduli a cui vuoi apportare la stessa soluzione e ti forniremo i codici necessari.

Prova e facci sapere se hai bisogno di ulteriore aiuto.