Wix / Weebly

How to embed LikeCoin button into Wix

The documentation is designed for Liker Land and LikeCoin v2. For information on 3ook.com and LikeCoin v3, please visit docs.3ook.com and dao.like.co.

Before adding the LikeCoin button, please register a Liker ID.

Create your LikeCoin button link according to the format below:

https://button.like.co/in/embed/[LikerID]/button?referrer=[Web page URL]

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.

<div class="likecoin-embed likecoin-button">
  <div></div>
  <iframe scrolling="no" frameborder="0" src="{{ src }}"></iframe>
</div>

Like This

<div class="likecoin-embed likecoin-button">
  <div></div>
  <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>
</div>

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.

.likecoin-button {
  position: relative;
  width: 100%;
  max-width: 485px;
  max-height: 240px;
  margin: 0 auto;
}
.likecoin-button > div {
  padding-top: 49.48454%;
}
.likecoin-button > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

Reference

likecoin / LikeCoinButton-integration iframe

-------------------------

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:

Blogspot