Come posso ridimensionare il logo nell'email di risposta automatica?

  • leporenicola
    Domanda del 12 giugno 2025 alle ore 05:38

    Salve potrei sapere la dimensione dell'immagine da mettere nell'intestazione come mostrato in foto vorrei le misure precise sia in pixel che in cm

    Grazie

    Come posso ridimensionare il logo nellemail di risposta automatica?  Image 1 Screenshot 20

    Vorrei modificare il logo in modo che nell'email di risposta esce proporzionato.

  • Vincenzo Jotform Support
    Risposta del 12 giugno 2025 alle ore 07:38

    Buongiorno Nicola,

    Grazie per aver contattato il supporto tecnico di Jotform. Ho testato il suo modulo e ho potuto notare che il suo logo appare molto grande nell'email di risposta automatica. Per risolvere il problema può utilizzare il codice sottostante:

    <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 height="36">&nbsp;</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 src="https://jotform.claystructures.co/uploads/leporenicola/form_files/logo-zenit-ebay.65c240136677f2.04292959.jpg" alt="" width="40" height="40" style="display: block;" />
                </td>
                <td align="left" valign="middle"><strong>&nbsp;Riepilogo Ordine</strong></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>
         <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 style="min-width: 36px;" 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_53" class="questionRow">
                <td id="question_53" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">ID Univoco</td>
                <td id="value_53" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{idUnivoco}</td>
               </tr>
               <tr id="row_63" class="questionRow">
                <td id="question_63" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">Email</td>
                <td id="value_63" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{email}</td>
               </tr>
               <tr id="row_32" class="questionRow">
                <td id="question_32" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">Nome e cognome</td>
                <td id="value_32" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{scriviUna32}</td>
               </tr>
               <tr id="row_47" class="questionRow">
                <td id="question_47" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">All'attenzione del Sig.</td>
                <td id="value_47" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{nomeE}</td>
               </tr>
               <tr id="row_48" class="questionRow">
                <td id="question_48" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">Note</td>
                <td id="value_48" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{note}</td>
               </tr>
               <tr id="row_9" class="questionRow">
                <td id="question_9" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">Centro di costo</td>
                <td id="value_9" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{centroDi}</td>
               </tr>
               <tr id="row_12" class="questionRow">
                <td id="question_12" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">Prodotti</td>
                <td id="value_12" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{prodotti}</td>
               </tr>
               <tr id="row_57" class="questionRow">
                <td id="question_57" class="questionColumn" style="color: #6f76a7; min-width: 170px; padding: 12px 8px 12px 0;" valign="top" width="30%">&nbsp;</td>
                <td id="value_57" class="valueColumn" style="padding: 12px 8px 12px 0; color: #0a1551; font-weight: 500;" valign="top" width="70%">{scriviUna}</td>
               </tr>
              </tbody>
             </table>
            </td>
            <td style="min-width: 36px;" width="36">&nbsp;</td>
           </tr>
           <tr>
            <td colspan="3" height="24">&nbsp;</td>
           </tr>
          </tbody>
         </table>
        </td>
       </tr>
       <tr>
        <td height="30">&nbsp;</td>
       </tr>
      </tbody>
     </table>
    </div>

    Le spiego come aggiungerlo alla sua email di risposta automatica:

    1. Nel Costruttore di Moduli, nella barra di navigazione arancione in cima alla pagina, fare clic su Impostazioni.
    2. Nella colonna sulla sinistra fare clic sulla scheda Email, poi scorrere con il mouse sull'Email di Risposta Automatica e fare clic sull'icona a forma di penna.
    3. Sotto a Contenuto Email, fare clic su Codice Sorgente e rimuovere il codice esistente.
    4. Infine, incollare il codice fornito sopra e fare clic su Ok e poi su Salva.

    Come posso ridimensionare il logo nellemail di risposta automatica?  Image 1 Screenshot 30 Risultato:

    Come posso ridimensionare il logo nellemail di risposta automatica?  Image 2 Screenshot 41Provi e ci faccia sapere se ha bisogno di ulteriori chiarimenti.

  • leporenicola
    Risposta del 12 giugno 2025 alle ore 09:41

    GRAZIE MILLE PER LA RISPOSTA OTTIMO LAVORO