Cómo poner el botón de WhatsApp en Shopify Gratis!

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;

}

Galería de imágenes del botón de WhatsApp en Shopify