Creating & Installing a Login|Register, Buy Now, or Cart Link

Follow

If you want to install HealCode Links onto your website, this is the place to start! This help document will walk you through creating your HealCode Links. You need to decide between these three options:

  1. If you want a link, usually text with an underline like this: Buy Now
  2. If you want a button, designed to match your website's look and feel.
  3. If you want a button image that was made to match your website like this:

 

Let's get started!

 

Finding the Links Area

  • Log into HealCode
  • While viewing the Widget Dashboard, look to the top of the page for the "Links" button (near "Widgets")
  • Click to open the HealCode Links page

 

Based on your preference for a link or button, navigate to the proper section below:

Option 1: Creating a link

  1. Link Type - Choose between a Login|Register Link, Buy Now Link, or Cart Link
  2. Pricing Option - If you choose a "Buy Now" Link, choose the Pricing Option
  3. Appearance - Choose "Text" and adjust the "Link Text" as desired
  4. CSS Class - You can adjust the CSS class for CSS styling (if you are not aware of how to use class attributes or do not know what they are, you are free to ignore this)
  5. Paste Your Code - Copy this code so that you can paste it onto your website

Install the link next.

 

Option 2: Creating a button that matches your website

The steps from Option 1 will need to be completed first. Then, CSS (or styling code) will need to be added to your website to style the link. For your convenience, we have included example CSS below that can be adjusted for your website. If you need assistance with the CSS, submit a help ticket here.

Login|Register CSS

a.healcode-login-register-text-link {
background: black;
color: white;
padding: 10px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

Buy Now Link CSS

a.healcode-buy-now-link {
background: black;
color: white;
padding: 10px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

 

Option 3: Creating a button image

  1. Link Type - Choose between a Login|Register Link, Buy Now Link, or Cart Link
  2. Pricing Option - If you choose a "Buy Now" Link, choose the Pricing Option
  3. Appearance - Choose "Image" and paste in your Image URL
  4. CSS Class - You can adjust the CSS class for CSS styling (if you are not aware of how to use class attributes or do not know what they are, you are free to ignore this)
  5. Paste Your Code - Copy this code so that you can paste it onto your website

Install the link next.

 

Congratulations! Your link is ready to be put on your website, please select your website builder:

Installing HealCode Links on Wix

Installing HealCode Links on WordPress

Installing HealCode Links on SquareSpace

See other website builders...

Have more questions? Submit a request

Comments

Powered by Zendesk