Documentación sobre como subir imágenes a Shopify:
https://help.shopify.com/en/manual/online-store/images/theme-images#:~:text=From%20the%20theme%20editor%20sidebar,Burst%2C%20click%20Explore%20free%20images.
Código HTML para poner en footer.liquid:
<div class="chatwith-whatsapp-widget">
<a href="https://chatwith.io/s/chatwith">
<img src="https://cdn.shopify.com/s/files/1/0612/2566/4768/files/wa-icon.png?v=1642170696" style="width:50px">
</a>
</div>
Código CSS para poner en base.css o style.css o footer.css o theme.css.liquid (dependerá del tema):
.chatwith-whatsapp-widget {
position: fixed;
bottom: -32px;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index:99;
}
.chatwith-whatsapp-widget a {
display: block;
text-align: center;
transition: all 0.3s ease;
}