We are using the Elfsight contact form to receive customer questions. When I try to edit the email notification design, it reverts everything to a single column and will not update. Why will it not keep my changes?
My Code:
<h2><span style="color: rgb(24, 93, 53);"><span style="color: #185D35">[email]</span></span><span style="color: #CB9348"> submitted the form from your Contact Us page</span>
</h2><div>A user has submitted the contact form on your store.</div>
<div><strong style="color: rgb(203, 147, 72);"><span style="color: #CB9348">Here are their details:</span></strong></div>
<br>
<!-- Body -->
<table role="presentation" border="0" cellspacing="0" width="100%">
<tr>
<td>
<div>Full Name:</div>
<div>Phone:</div>
<div>Email:</div>
<div>Company Name:</div>
<div>Order#</div>
</td>
<td><div>[full-name]</div>
<div>[phone]</div>
<div>[email]</div>
<div>[company-name]</div>
<div>[order#]</div>
</td>
</tr>
</table>
<div>[message]</div>
Elfsight Code:
<h2><span style="color: rgb(24, 93, 53);"><span style="color: #185D35">[email]</span></span><span style="color: #CB9348"> submitted the form from your Contact Us page</span>
</h2><div>A user has submitted the contact form on your store.</div>
<div><strong style="color: rgb(203, 147, 72);"><span style="color: #CB9348">Here are their details:</span></strong></div>
<br>
<div>Full Name:</div>
<div>Phone:</div><div>Email:</div>
<div>Company Name:</div>
<div>Order#</div>
<div>[full-name]</div>
<div>[phone]</div>
<div>[email]</div>
<div>[company-name]</div>
<div>[order#]</div>
<div>[message]</div>
Thank you for the reply.
Are you aware of a workaround to allow the content name and data to show up side by side?
Below is an example of how we would like it to look.
<h2><span style="color: rgb(24, 93, 53);"><span style="color: #185D35">[email]</span></span><span style="color: #CB9348"> submitted the form from your Contact Us page</span>
</h2><div>A user has submitted the contact form on your store.</div>
<div><strong style="color: rgb(203, 147, 72);"><span style="color: #CB9348">Here are their details:</span></strong></div>
<br>
<!-- Body -->
<table role="presentation" border="0" cellspacing="0" width="100%">
<tr>
<td>
<div>Full Name:</div>
<div>Phone:</div>
<div>Email:</div>
<div>Company Name:</div>
<div>Order#</div>
</td>
<td><div>[full-name]</div>
<div>[phone]</div>
<div>[email]</div>
<div>[company-name]</div>
<div>[order#]</div>
</td>
</tr>
</table>
<div>[message]</div>
Thank you Max.
I am confused about how I was able to make it work initially, but now it does not work. Please see the attached image showing the email I received when doing my original test.