All things Shopify and commerce
I want to add a personalized Signature to all email in the "Contact Customer" section, but I don't know where to place the Signature code.
Here is the code from the "Contact Customer". Can someone tell where I should place the signature code?
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ email_title }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
<style>
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
</style>
</head>
<body>
<table class="body">
<tr>
<td>
<table class="header row">
<tr>
<td class="header__cell">
<center>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<td class="shop-name__cell">
{%- if shop.email_logo_url %}
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
{%- else %}
<h1 class="shop-name__text">
<a href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>
<p>{{ custom_message }}</p>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row footer">
<tr>
<td class="footer__cell">
<center>
<table class="container">
<tr>
<td>
<p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />
</td>
</tr>
</table>
</body>
</html>
Solved! Go to the solution
This is an accepted solution.
Yes, please add here if you have able to code
This is an accepted solution.
I did it but it shifts my website and email on the Signature. Here are two photos of what I mean. The first photo is what is happening in the email and the 2nd screenshot is what I want.
This is an accepted solution.
if possible to add on staff so i will check and quick fix
This is an accepted solution.
I just did. Thank you for the help
This is an accepted solution.
Thanks for update and support.
This is an accepted solution.
Thanks for feedback let me check
This is an accepted solution.
Yes, please add here if you have able to code
I'm not good at codding. From your post, I can see where I should put the code, but should I put any space on the top or the bottom of the code?
Here is the signature code I wan to use.
<table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td style="vertical-align:middle; line-height: normal;padding-right: 15px; " valign="top"> <table> <tbody> <tr> <td> <a mc:disable-tracking href="wepagear.com"><img class="js-signature-logo" src=https://res.cloudinary.com/honeybook-landing/image/upload/v1600057577/wfzpuiwzhb04ucylimw4.png data-input="logo" data-tab="info" alt="" style="width: 75px;height: 75px;display: block;"></a> </td> </tr> <tr> <td style="padding-top: 15px;"> <a mc:disable-tracking style="text-decoration: none;" class="js-signature-social-facebook" href="https://www.facebook.com/wepagear/"> <img style="vertical-align: bottom; height: 22px; padding-right: 1px;" data-input="facebook" data-tab="social" src="https://res.cloudinary.com/honeybook/image/upload/q_auto/v1533601312/marketing_site/email-signature/..."> </a> <a mc:disable-tracking style="text-decoration: none;" class="js-signature-social-twitter" href="https://twitter.com/GearWepa"> <img style="vertical-align: bottom; height: 22px; padding-right: 1px;" data-input="twitter" data-tab="social" src="https://res.cloudinary.com/honeybook/image/upload/q_auto/v1533601314/marketing_site/email-signature/..."> </a> <a mc:disable-tracking style="text-decoration: none;" class="js-signature-social-instagram" href="https://www.instagram.com/wepagear/?hl=en"> <img style="vertical-align: bottom; height: 22px; padding-right: 1px;" data-input="instagram" data-tab="social" src="https://res.cloudinary.com/honeybook/image/upload/q_auto/v1533601311/marketing_site/email-signature/..."> </a> </td> </tr> <tr> <td style="padding-top: 5px;"> </td> </tr> </tbody> </table> </td> <td style="vertical-align: middle; line-height: normal;"> <table cellspacing="0" cellpadding="0" border="0" style="border-left: 2px solid black;"> <tbody> <tr> <td style=" line-height: normal; padding-left: 15px; "> <span class="js-signature-name" data-input="name" data-tab="info" style=" font-family: Geneva; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5em; letter-spacing: normal; color: #000000;">Wepa Gear Team</span> </td> </tr> <tr> <td style=" padding-left: 15px;"> <span class="js-signature-jobtitle" data-input="jobtitle" data-tab="info" style="font-family: Geneva; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000;">Customer Service </span> <span class="js-signature-company-label" style="font-family: Geneva; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000;"> ▪︎ </span> <span class="js-signature-company" data-input="company" data-tab="info" style="font-family: Geneva; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000;">Wepa Gear </span> </td> </tr> <tr> <td style="line-height: normal;padding-top: 8px; padding-left: 15px; font-size: 10px;"> <span class="js-signature-email-label" style=" padding-left: 0px; vertical-align: middle;"><img width="18" src="https://res.cloudinary.com/honeybook/image/upload/q_auto/v1533664213/marketing_site/email-signature/..." alt="" style="vertical-align: bottom;"> </span> <a mc:disable-tracking class="js-signature-email" href="mailto:wepa@wepagear.com" data-input="email" data-tab="info" style="font-family: Geneva; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000; text-decoration: none;">wepa@wepagear.com</a> </td> </tr> <tr> <td style="padding-bottom: 10px; padding-left: 15px; font-size: 10px; padding-top: 3px; line-height: normal;"> <span class="js-signature-address-label" style=" vertical-align: middle;"><img width="18" src="https://res.cloudinary.com/honeybook/image/upload/q_auto/v1533664169/marketing_site/email-signature/..." alt="" style="vertical-align: bottom;"> </span> <a mc:disable-tracking class="js-signature-website" data-input="website" data-tab="info" href="wepagear.com" style=" font-family: Geneva; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #000000;text-decoration: none;">wepagear.com</a> </td> </tr> </tbody> </table> </td> </tr> </tbody></table><!-- cute -->
This is an accepted solution.
if possible to add on staff so i will check and quick fix
This is an accepted solution.
I just did. Thank you for the help
This is an accepted solution.
Thanks for update and support.
I'm still having a problem.
Can the alignment be fixed?
This is an accepted solution.
Thanks for feedback let me check
This is an accepted solution.
I did it but it shifts my website and email on the Signature. Here are two photos of what I mean. The first photo is what is happening in the email and the 2nd screenshot is what I want.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024