Jump to content

Custom Button - CSS

Recommended Posts

Site URL: https://providencepoweryoga.squarespace.com/memberships


I have a site that uses code from Mind Body for the "Buy Now" option at:


password - power

I want to replace the text with a button. I can upload the image file as a button, and Mind Body creates code that pulls that image from the URL, though I can't see in 7.1 that I can locate an uploaded image's URL.

The other option is I want to use is a button block with the code. The two versions of the code are:

The code with a sample URL for the image file is:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-image-link" data-site-id="35268" data-mb-site-id="27690" data-type="contract-link" data-inner-html="<img alt='buy now' src='https://www.dropbox.com/s/67g5f3ebl159d6w/Buy-Now.png?dl=0' />" data-service-id="103" />


The code for the "Buy Now" text link is:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-text-link" data-site-id="35268" data-mb-site-id="27690" data-type="contract-link" data-inner-html="Buy Now" data-service-id="103" />


How do I integrate this into an image block, or another solution?

Thank you,



Edited by indy
Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.