Buongiorno mi trovo molto in difficoltà con l’applicazione Klaviyo.
Mi piacerebbe modificare le email che vengono inviate in automatico da shopify per quanto riguarda la spedizione e la conferma d’ordine ,mi dispiace dover abbandonare il lavoro già fatto su klaviyo.
Mi spiego meglio, quando esporto il codice html da klaviyo a shopify riscontro diversi errori nel server quando provo a salvare ,perciò vorrei chiedervi se potete aiutarmi a modificare il codice html affinchè possa essere salvato correttamente su shopify .Come ultima risorsa potrei provare altre app che mi aiutano a modificare unicamente le email di spedizione e conferma d’ordine se ne avete qualcuna da consigliarmi.
Di seguito l’email di conferma con codice html:
line-height:1.3 !important;padding-left:4px !important;padding-right:4px !important}} span.yshortcuts:hover {background-color:none !important;border:none !important} span.yshortcuts:active {background-color:none !important; border:none !important} span.yshortcuts:focus {background-color:none !important;border:none !important} .rowContainer .kmTextContent a:link {color:#DA4D00;font-weight:normal; text-decoration:underline} .rowContainer .kmTextContent a:visited {color:#DA4D00;font-weight:normal;text-decoration:underline} .kmTable .kmTableRow:last-child > td {border-bottom:none !important} #outlook a { padding-left: 0; riempimento-destra: 0; imbottitura superiore: 0; padding-bottom: 0 } .ReadMsgBody { width: 100% } .ExternalClass { width: 100% } span.yshortcuts { background-color: none !important; bordo: nessuno !importante } body { margine: 0; riempimento: 0 } a { word-wrap: break-word !important; larghezza massima: 100% } img { bordo: 0; altezza: auto; altezza della linea: 100%; contorno: nessuno; decorazione del testo: nessuna; max-width: 100% } img[align=“left”] { margin-right: 0 } img[align=“right”] { margin-left: 0 } tabella, td { border-collasso: collasso; mso-table-lspace: 0; mso-tabella-rspace: 0; layout della tabella: fisso } p { margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 0; padding-bottom: 1em } #bodyTable, #bodyCell { height: 100% !important; margine: 0; larghezza: 100%! importante; table-layout: auto } #bodyTable { padding: 0 } #bodyCell { padding-top: 50px; riempimento a sinistra: 20px; imbottitura-fondo: 20px; riempimento a destra: 20px; bordo superiore: 0 } body, #bodyTable { background-color: #F7F7F7 } .templateContainer { bordo: 0 nessuno #aaa; colore di sfondo: #fff; raggio di confine: 0 } .brandingContainer { colore di sfondo: trasparente; bordo: 0 } .templateContainerInner { riempimento: 0 } h1 { colore: #222 !importante; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 40px; stile del carattere: normale; font-weight: normale; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 20px; text-align: left } h2 { color: #222 !important; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 32px; stile del carattere: normale; font-weight: grassetto; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 16px; text-align: left } h3 { color: #222 !important; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 24px; stile del carattere: normale; font-weight: grassetto; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 12px; text-align: left } h4 { color: #222 !important; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 18px; stile del carattere: normale; font-weight: corsivo; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 9px; text-align: left } .rowContainer .kmTextContent { color: #222; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 14px; altezza della linea: 1,3; spaziatura delle lettere: 0; allineamento del testo: sinistra; larghezza massima: 100%; word-wrap: break-word } .rowContainer .kmTextContent .kmParagraph { padding-bottom: 9px } .kmImageContent { padding: 0; font-size: 0 } .kmImage { padding-bottom: 0; display: in linea! importante; allineamento verticale: in alto; confine: 0; altezza: auto; altezza della linea: 100%; contorno: nessuno; decorazione del testo: nessuna; dimensione del carattere: 12px; larghezza: 100% } .kmButtonBlockInner, .kmButtonCollectionInner { larghezza min: 60px; padding: 9px 18px } .kmButtonContentContainer { border-top-left-radius: 5px; bordo-alto-destra-raggio: 5px; bordo-basso-destra-raggio: 5px; bordo-basso-raggio-sinistra: 5px; colore di sfondo: #999; border-collapse: separate } .kmButtonContent { colore: bianco; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 16px } .kmButton { peso del carattere: grassetto; altezza della linea: 100%; allineamento testo: centro; decorazione del testo: nessuna; colore bianco; famiglia di caratteri: “Helvetica Neue”, Arial; font-size: 16px } .kmButtonBarContent, . bodyCell" valign=“top”>
width=“100%”>
![]() < /td> | |
< font style=“vertical-align: inherit;”>Conferma ricezione ordine numero {{ order_number }} | |
border=“0” cellpadding=“0” cellspacing=“0” class=" /font> nei dati: {{ date | dati: “%m/%d/%Y” }}. < /span>
Hai acquistato la fantastica </ font>< . 
</ tbody> {% if line_items %} {% per riga in line_items %} {% endfor %} | | | | | {{ line.title }} Quantità: {{ line.quantity }}<br/ > Totale: {{ line.price|money }} | | | {% if discounts %} Sconto (codice: {{ discounts.first.code }}): {{ discounts_savings|money }}
{% endif % } Subtotale: {{ subtotal_price|money }}
{% for tax_line in tax_lines %}{{ tax_line.title }}: {{ tax_line.price| money }}
{% endfor %} {% if require_shipping %} Spedizione: {{ shipping_price|money }}
{% endif %} Totale:< /strong> {{ total_price|money }} | {% else %} {% endif %} | | Noi di Physical Balance Company ti auguriamo un buon proseguimento di giornata | | <td class=“kmDividerBlockInner” style="padding-top:18px;padding-bottom:18px;padding- sinistra:18px;padding-destra: <![endif]–> | di seguito il codice html dell’email di spedizione: line-height:1.3 !important;padding-left:4px !important;padding-right:4px !important}} span.yshortcuts:hover {background-color:none !important;border:none !important} span.yshortcuts:active {background-color:none !important; border:none !important} span.yshortcuts:focus {background-color:none !important;border:none !important} .rowContainer .kmTextContent a:link {color:#DA4D00;font-weight:normal; text-decoration:underline} .rowContainer .kmTextContent a:visited {color:#DA4D00;font-weight:normal;text-decoration:underline} .kmTable .kmTableRow:last-child > td {border-bottom:none !important} #outlook a { padding-left: 0; riempimento-destra: 0; imbottitura superiore: 0; padding-bottom: 0 } .ReadMsgBody { width: 100% } .ExternalClass { width: 100% } span.yshortcuts { background-color: none !important; bordo: nessuno !importante } body { margine: 0; riempimento: 0 } a { word-wrap: break-word !important; larghezza massima: 100% } img { bordo: 0; altezza: auto; altezza della linea: 100%; contorno: nessuno; decorazione del testo: nessuna; max-width: 100% } img[align=“left”] { margin-right: 0 } img[align=“right”] { margin-left: 0 } tabella, td { border-collasso: collasso; mso-table-lspace: 0; mso-tabella-rspace: 0; layout della tabella: fisso } p { margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 0; padding-bottom: 1em } #bodyTable, #bodyCell { height: 100% !important; margine: 0; larghezza: 100%! importante; table-layout: auto } #bodyTable { padding: 0 } #bodyCell { padding-top: 50px; riempimento a sinistra: 20px; imbottitura-fondo: 20px; riempimento a destra: 20px; bordo superiore: 0 } body, #bodyTable { background-color: #F7F7F7 } .templateContainer { bordo: 0 nessuno #aaa; colore di sfondo: #fff; raggio di confine: 0 } .brandingContainer { colore di sfondo: trasparente; bordo: 0 } .templateContainerInner { riempimento: 0 } h1 { colore: #222 !importante; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 40px; stile del carattere: normale; font-weight: normale; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 20px; text-align: left } h2 { color: #222 !important; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 32px; stile del carattere: normale; font-weight: grassetto; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 16px; text-align: left } h3 { color: #222 !important; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 24px; stile del carattere: normale; font-weight: grassetto; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 12px; text-align: left } h4 { color: #222 !important; blocco di visualizzazione; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 18px; stile del carattere: normale; font-weight: corsivo; altezza della linea: 1,1; spaziatura delle lettere: 0; margine sinistro: 0; margine-destra: 0; margine superiore: 0; margine inferiore: 9px; text-align: left } .rowContainer .kmTextContent { color: #222; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 14px; altezza della linea: 1,3; spaziatura delle lettere: 0; allineamento del testo: sinistra; larghezza massima: 100%; word-wrap: break-word } .rowContainer .kmTextContent .kmParagraph { padding-bottom: 9px } .kmImageContent { padding: 0; font-size: 0 } .kmImage { padding-bottom: 0; display: in linea! importante; allineamento verticale: in alto; confine: 0; altezza: auto; altezza della linea: 100%; contorno: nessuno; decorazione del testo: nessuna; dimensione del carattere: 12px; larghezza: 100% } .kmButtonBlockInner, .kmButtonCollectionInner { larghezza min: 60px; padding: 9px 18px } .kmButtonContentContainer { border-top-left-radius: 5px; bordo-alto-destra-raggio: 5px; bordo-basso-destra-raggio: 5px; bordo-basso-raggio-sinistra: 5px; colore di sfondo: #999; border-collapse: separate } .kmButtonContent { colore: bianco; famiglia di caratteri: “Helvetica Neue”, Arial; dimensione del carattere: 16px } .kmButton { peso del carattere: grassetto; altezza della linea: 100%; allineamento testo: centro; decorazione del testo: nessuna; colore bianco; famiglia di caratteri: “Helvetica Neue”, Arial; font-size: 16px } .kmButtonBarContent, . bodyCell" valign=“top”> width=“100%”> < /table> Buone Notizie! < | | Siamo felici di dirti che il tuo ordine {{ order_number }} è già in viaggio! Presto acquista il tuo pacco | | | Di seguito sono seguiti i dettagli del tuo ordine. Potrai controllare lo stato della spedizione ogni volta che ne avrai la necessità< /span>. Qualora dovessi avere bisogno di maggiori informazioni puoi sempre contattarci all’indirizzo info@physicalbalancecompany.com ,altrimenti sul nostro sito abbiamo a disposizione una live chat, rispondiamo entro pochi minuti. Grazie per averci scelto. IL NOSTRO TEAM | | border=“0” cellpadding=“0” cellspacing=“0” class=“kmTextBlock” width=“100%”> {% per riga in adempimento.fulfillment_line_items %} {% endfor %} < /thead> | | | {{ line.line_item.title }} | { % else %} < tbody class=“kmTextBlockOuter”> {% endif %} | tr> | Il numero di tracciamento per questo articolo è {{ adempimento.tracking_numbers.first }}. Usa questo link per sapere dove si trova il tuo pacco adesso! | | {% endif %} {% if adempimento.tracking_numbers.size == 1 %} /td> | Grazie ancora per il tuo ordine! Noi del Team Physical Balance Company ti auguriamo un buon proseguimento. | | < td class=“kmDividerBlockInner” style=“padding-top:18px;padding-bottom:18px;padding-left:18px;padding-right:18px;”> | |
</ div>
<!–[if mso]> <! width=“100%”> <
Grazie
Ciao @Elisa17 ,
Capisco che tu stia riscontrando un problema con un’app di terze parti, specificatamente di email marketing.
In questo caso, il primo consiglio che voglio darti è quello di richiedere assistenza a Klaviyo in quanto noi di Shopify non possiamo modificare il codice con codici esterni.
Puoi scrivere a questo indirizzo:
Oppure seguire questi passaggi:
Riguardo alla tua richiesta di app simili, in questa pagina ne puoi trovare tantissime. Alcuni esempi sono:
Consiglio vivamente di leggere tutti i dettagli delle applicazioni suggerite con attenzione, così come i prezzi e le funzionalità. Tali applicazioni di solito offrono un periodo di prova, quindi se la installi nel tuo negozio e non vuoi più utilizzarla, ricordati di disinstallarla prima della scadenza del periodo di prova per evitare ulteriori costi.
Ti auguro buon lavoro!
