PLZ Help with Abandoned Cart Reminder

[ana5678990]

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>

[Raj-webdesigner]

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 %}