Putting HealCode Buy Now Links on SquareSpace 7 using a menu block

Follow
Adding HealCode Links within a menu block on SquareSpace websites makes the process of designing a Pricing or Rates page quicker and easier than many other website builders. This is because Squarespace automatically arranges and formats the menu content added to look great right from the beginning. Installing Buy Now Links with Squarespace button and code blocks may require more experience and attention compared to the menu block.  
 

Step 1

  • In Squarespace, go to Settings > Advanced > Code Injection
  • In the HEADER text box, paste the following script and Save
<script src="https://widgets.healcode.com/javascripts/healcode.js" type="text/javascript"></script>

 

Step 2

  • Find or create your pricing page and select 'Edit when hovering over the Page content box.
  • Locate the Insert Point by hovering your mouse within the content box and left side of the page. 
  • Hovering over the left side you should see a small bubble appear, click once to select the insert point.
  • Block options will appear and select “Menu" under "More”. You can alternatively type "Menu".
 
 
 
Step 3
 
When you see the Menu editor box as shown below, first click design and select your Menu Style - either Simple (Centered) or Classic (Multi-Column)
 

Step 4

Create a Link and copy its code using the instructions in this help article.

 

Step 5

 
Next, we will need to build your Menu by replacing the default placeholder text with your Buy Now links, Pricing Option titles, and prices.
 
Each listed option is composed of 3 lines, and we recommend configuring the list in the following order:
  1. The Buy Now Link Code
  2. The Pricing option Title
  3. Price

 

Step 6

Repeat steps 4-5 until all of the appropriate pricing options are added. We recommend only using the most popular or frequently bought options. 

When finished click 'Apply' followed by 'Save' in the top left across from 'Editing Page content'. 

Other Important Table Features

  1. Pricing menu tabs can be created when adding 3 equal symbols ‘=‘ directly after a line of text
  2. Pricing menu headers/sections can be created when adding 3 hyphens ‘-‘ directly after a line of text

 

 

Result

 


 

 
Have more questions? Submit a request

Comments

Powered by Zendesk