Jump to content

Custom Button - CSS

Recommended Posts

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

Hi,

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

https://providencepoweryoga.squarespace.com/memberships

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,

Scott

Services_1_—_Providence_Power_Yoga.png

Link to comment
  • Replies 0
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.