PLZ Help with Abandoned Cart Reminder

PLZ Help with Abandoned Cart Reminder

ana5678990
Visitor
3 0 0

I want to send email reminder about abondened cart to a customer. Help mee please check if my code along with parameters are correct ?

 

{% for item in event.extra.line_items %}

 

<a href="{{ abandoned_checkout.url }}" style='color:#000; font-style:normal; font-weight:400; text-decoration:none; display:inline-block; background:#C7FF4A; font-family:"Helvetica Neue", Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:12px 36px 12px 36px; mso-padding-alt:0; border-radius:3px' target="_blank">
Return to Cart
</a>

 


<tbody>

<tr>
<td class="use-legacy-mobile-padding kl-table-subblock" style="width:35%;overflow:hidden;vertical-align:top;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:4px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="right" class="" style="font-size:0px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td class="" style="border:0;padding:0;width:200px;" valign="top">
<a href="{{ shop.url|trim_slash }}/products/{{ item.product.handle }}" style="color:#15c; font-style:normal; font-weight:normal; text-decoration:underline">
<img alt=""
src="{% if item.product.images.size > 0 %}{{ item.product.images[0].src }}{% else %}{{ 'your_default_image_url_here' }}{% endif %}" />
style="display:block;outline:none;text-decoration:none;height:auto;font-size:13px;width:100%;" title="" width="200"/>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td class="use-legacy-mobile-padding kl-table-subblock" style="width:65%;overflow:hidden;vertical-align:top;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:4px;">
<div style="font-family:'Helvetica Neue',Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#222222;"><div style="text-align: left;">
<h3><span style="color: #1a1a1a;"><a href="{{ shop.url|trim_slash }}/products/{{ item.product.handle }}" style="color:#1a1a1a; font-style:normal; font-weight:normal; text-decoration:underline">{{ item.product.title }}</a></span></h3>
<p style="padding-bottom:0">
<span style="color: #1a1a1a;">
Quantity: {{ item.quantity | floatformat:0 }} — Total: {{ item.line_price | money_with_currency }}
</span>
</p>
</div></div>
</td>
</tr>


{% endfor %}

 

</tbody>

Reply 1 (1)

Raj-webdesigner
Shopify Partner
316 73 74

Yes, Your code looks mostly correct but has a few issues with HTML structure and missing tags. Here are the adjustments

{% for item in event.extra.line_items %}

<a href="{{ abandoned_checkout.url }}" style='color:#000; font-style:normal; font-weight:400; text-decoration:none; display:inline-block; background:#C7FF4A; font-family:"Helvetica Neue", Arial; font-size:16px; line-height:100%; letter-spacing:0; margin:0; text-transform:none; padding:12px 36px 12px 36px; mso-padding-alt:0; border-radius:3px' target="_blank">
    Return to Cart
</a>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td class="use-legacy-mobile-padding kl-table-subblock" style="width:35%;overflow:hidden;vertical-align:top;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:4px;">
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td align="right" class="" style="font-size:0px;word-break:break-word;">
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                    <tr>
                                        <td class="" style="border:0;padding:0;width:200px;" valign="top">
                                            <a href="{{ shop.url|trim_slash }}/products/{{ item.product.handle }}" style="color:#15c; font-style:normal; font-weight:normal; text-decoration:underline">
                                                <img alt="" src="{% if item.product.images.size > 0 %}{{ item.product.images[0].src }}{% else %}{{ 'your_default_image_url_here' }}{% endif %}" style="display:block;outline:none;text-decoration:none;height:auto;font-size:13px;width:100%;" title="" width="200"/>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="use-legacy-mobile-padding kl-table-subblock" style="width:65%;overflow:hidden;vertical-align:top;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:4px;">
                <div style="font-family:'Helvetica Neue',Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#222222;">
                    <div style="text-align: left;">
                        <h3><span style="color: #1a1a1a;"><a href="{{ shop.url|trim_slash }}/products/{{ item.product.handle }}" style="color:#1a1a1a; font-style:normal; font-weight:normal; text-decoration:underline">{{ item.product.title }}</a></span></h3>
                        <p style="padding-bottom:0">
                            <span style="color: #1a1a1a;">
                                Quantity: {{ item.quantity | floatformat:0 }} — Total: {{ item.line_price | money_with_currency }}
                            </span>
                        </p>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>

{% endfor %}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com