You can enhance your Usetiful button by adding a custom image using an external link, such as one hosted on Google Drive. To achieve this, follow these steps:

  1. Get a Direct Image URL from Google Drive
    Google Drive doesn’t provide direct image links by default, so you'll need a tool like Drive Explorer to generate the proper URL.
    For step-by-step instructions on how to install Drive Explorer please refer to this helpful guide:
    How to Get Direct Image URLs from Google Drive

  2. Insert the Image URL in Your Usetiful Button’s CSS
    Once you have the shareable link, simply paste it into the CSS code provided for your Usetiful button. 

.#{$classNamePrefix}-button-main,
.#{$classNamePrefix}-button-main:hover{
    background: url();
    width: 238px;
    height: 138px;
    background-repeat: no-repeat;
    border-radius: 14px;
    background-size: cover;
    bottom: 25px;
    right: 20px;
    font-size: 0;
  }


Tip: Make sure the image is shared publicly or with anyone who has the link, otherwise it won’t be visible to your users.