Jump to content

Adding Plugin Code for Homepage Header

Recommended Posts

Site URL: https://www.illuminationpsychotherapy.online/

Hi- I have code provided to me by a scheduling service I use. It is meant to add a button to the top center of the homepage, so existing clients can schedule appointments. The plugin worked great on my old site (version 7), but is not working the same on the 7.1 site I just finished building. I currently have the plugin sitting in a code block at the top of the first section on the homepage, but would much prefer it to be centered in the header. 

When I have added it to the homepage header via the Home Page > Page Settings > Advanced it will flash briefly when loading, but it doesn't stay visible. 

I have attached a picture of how it looked on the previous site (centered in header), and one of its location on the new site. 

Here is the code:

<style>.spwidget-button-wrapper{text-align: center}.spwidget-button{display: inline-block;padding: 12px 24px;color: #fff !important;background: #081B33;border: 0;border-radius: 26px;font-size: 16px;font-weight: 600;text-decoration: none}.spwidget-button:hover{background: #F1B310}.spwidget-button:active{color: rgba(50, 53, 88, 100) !important;box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset}</style>
<div class="spwidget-button-wrapper"><a href="https://illuminationpsychotherapypllc.clientsecure.me" class="spwidget-button" data-spwidget-scope-id="635d5c47-a21d-4bf0-81eb-41dac4ea9b35" data-spwidget-scope-uri="illuminationpsychotherapypllc" data-spwidget-application-id="7c72cb9f9a9b913654bb89d6c7b4e71a77911b30192051da35384b4d0c6d505b" data-spwidget-scope-global data-spwidget-autobind>Current Client? Schedule here</a></div>
<script src="https://widget-cdn.simplepractice.com/assets/integration-1.0.js"></script>

All help and thoughts appreciated. 🙏

Nick

New Site.png

Old Site.png

Link to comment
  • Replies 0
  • Views 495
  • 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.