Wix / Weebly
How to embed LikeCoin button into Wix
Before adding the LikeCoin button, please register a Liker ID.
Create your LikeCoin button link according to the format below:
1
https://button.like.co/in/embed/[LikerID]/button?referrer=[Web page URL]
Copied!
If your Liker ID is ckxpress, URL is https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin
Your LikeCoin button link should be https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin
Then open Edit HTML mode, copy and paste the following code into the position where your LikeCoin button to display. Please note that you have to replace the {{ src }} to be your LikeCoin button link.
1
<div class="likecoin-embed likecoin-button">
2
<div></div>
3
<iframe scrolling="no" frameborder="0" src="{{ src }}"></iframe>
4
</div>
Copied!
Like This
1
<div class="likecoin-embed likecoin-button">
2
<div></div>
3
<iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin"></iframe>
4
</div>
Copied!
After saving the code, the LikeCoin button will display on your article. You may want to use the advanced CSS function of WIX and modify the look and feel of the button.
1
.likecoin-button {
2
position: relative;
3
width: 100%;
4
max-width: 485px;
5
max-height: 240px;
6
margin: 0 auto;
7
}
8
.likecoin-button > div {
9
padding-top: 49.48454%;
10
}
11
.likecoin-button > iframe {
12
position: absolute;
13
top: 0;
14
left: 0;
15
width: 100%;
16
height: 100%;
17
}
Copied!

Reference

-------------------------
Weebly users can follow the same procedures to add a LikeCoin button.
-------------------------
You can also add LikeCoin button by the Javascript way, please refer to:
Last modified 7mo ago
Export as PDF
Copy link
Contents
Reference