Domanda su impostazione email di autorisposta

  • chiarelliangelo82
    Domanda del 11 aprile 2024 alle ore 02:53

    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.






  • Joseph Jotform Support
    Risposta del 11 aprile 2024 alle ore 03:20

    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.Domanda su impostazione email di autorisposta Image 1 Screenshot 50

    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.Domanda su impostazione email di autorisposta Image 2 Screenshot 61
    3. Clicca sull'icona del Codice Sorgente.Domanda su impostazione email di autorisposta Image 3 Screenshot 72
    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:Domanda su impostazione email di autorisposta Image 4 Screenshot 83

    Prova e facci sapere se hai bisogno di ulteriore aiuto.

  • chiarelliangelo82
    Risposta del 11 aprile 2024 alle ore 05:04

    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.

  • Joseph Jotform Support
    Risposta del 11 aprile 2024 alle ore 05:28

    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.Domanda su impostazione email di autorisposta Image 1 Screenshot 30
    2. Cerca la stringa contenente il link alla tua immagine di intestazione.Domanda su impostazione email di autorisposta Image 2 Screenshot 41
    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.