Adding a Login|Register link to your Wix header (extra coding needed)

Follow

Because Wix websites do not display the Consumer Cart like other website builders, you will need to use a little more HTML to add the Login|Register link to the header of your Wix website. 

 

When entering the code into the HTML code box, you will need to resize the box and use special styling code called CSS. Copy and paste the example below into your code box. Make sure you position this code box in your header. You will need to replace the example link with your own account's HealCode Link. 

 

/* Adding the first code block */

<script src="https://widgets.healcode.com/javascripts/healcode.js" type="text/javascript"></script>

/* Adding the Login|Register link code block */

<healcode-widget data-type="account-link" data-version="0.2" data-site-id="8516" data-inner-html="Login | Register"></healcode-widget>

/* Styling and arranging the link using CSS */

<style>

healcode-widget a, healcode-widget {
color: #000;
font-family:'Arial', sans-serif;
text-decoration:none;
text-align: right;
width: 965px;
position: absolute;
display: block;
}

</style>

 

The code box must be resized to fit the Consumer Cart. If you are unsure, preview the Wix page and test your link. If the Cart is not fitting, you will need to make the HTML code box larger. Please see our example below. 

 

The Result

Notice that nothing overlaps the HTML box. The Consumer Cart should appear as it does below.

 

Have more questions? Submit a request

Comments

Powered by Zendesk