How I WAS NOT able to add "Pay with STEEM / SBD" options to a Shopify Store using Steem Connect
steemdev·@xtrodinarypilot·
0.000 HBDHow I WAS NOT able to add "Pay with STEEM / SBD" options to a Shopify Store using Steem Connect
<html>
<h1>https://steemitimages.com/DQmd2xD3NYrLYi6NJAoTBsVkDQAAw3vGapcV6P8m4FiQN9d/image.png</h1>
<p> Hey guys I have been trying all day to test the <strong><a href="https://steemit.com/steemdev/@adept/how-we-added-pay-with-steem-sbd-options-to-the-thesteemitshop-shopify-store-using-steem-connect">SCRIPT</a></strong> graciously provided to us by @adept for their @paywithsteem store. It seemed fairly easy as it has steps and pictures to guide you along the way. I commenced with a trail version of shopify and was able to get @bitpay's api integrated seamlessly. After testing a transaction, I moved over to #steem. I followed the directions step by step and did my first transaction. It confirmed, but did not give me an option to pay with steem or steem dollars via steemconnect.com. I tried to make minor adjustments to my shopify store but to no avail. This is the only screen I get...
https://steemitimages.com/DQmVTYFDyRhtKvz2h4nWgSvMhS2tqc9LDaxNP9EJjtCvicz/image.png
<h1> NEXT STEP</h1>
I copied the code exactly as it's written in @adeptd's post into
<pre>
<code>
var steem = new XMLHttpRequest();
steem.open("GET", "https://api.coinmarketcap.com/v1/ticker/steem/", false);
steem.send();
steem = parseFloat(JSON.parse(steem.response)[0].price_usd);
window.onload = function () {
total = parseFloat(document.getElementsByClassName('payment-method-list__item__amount')[0].innerHTML.replace("$",""));
order = document.getElementsByClassName('os-order-number')[0].innerHTML.replace("Order #", "").replace(/\s/g, '');
steemTotal = total / steem;
sbdTotal = total;
steemitAccount = "thesteemitshop" //Change this to your Steemit account name where you would like to receive payments.
steemURL = "https://v2.steemconnect.com/sign/transfer?to=" + steemitAccount + "&memo=" + order + "&amount=" + steemTotal.toFixed(3).toString().split(".")[0] + "%2E" + steemTotal.toFixed(3).toString().split(".")[1] + "%20STEEM";
sbdURL = "https://v2.steemconnect.com/sign/transfer?to=" + steemitAccount + "&memo=" + order + "&amount=" + sbdTotal.toFixed(3).toString().split(".")[0] + "%2E" + sbdTotal.toFixed(3).toString().split(".")[1] + "%20SBD";
instructions = "<span><button class='btn btn-success' style='display: block;width: 100%;' onclick=\"window.open('" + steemURL + "','_blank')\">Pay " + steemTotal.toFixed(3) + " STEEM</button></span><br><br>";
instructions += "<span><button class='btn btn-success' style='display: block;width: 100%;' onclick=\"window.open('" + sbdURL + "','_blank')\">Pay " + sbdTotal.toFixed(3) + " SBD</button></span>";
if (document.getElementsByClassName('payment-method-list__item__info')[0].innerHTML === 'Pay with STEEM or Steem Dollars —') {
Shopify.Checkout.OrderStatus.addContentBox(
'<h1>Select Payment Method</h1>',
instructions
)};
};
</code>
</pre>
https://steemitimages.com/DQmRsBPsfq4wynaskCZ5MGkKY1c3ESW8GkhyD2kLZusrVwk/image.png
<h1> Process of Elimination</h1>
This time I decided to copy the code into a Script editor to ensure it's viability. These were the results I received...
https://steemitimages.com/DQmYrW9RhKWnGsZaEAih9mChC8b71ayZdzHViJzFJdqHRqp/image.png
https://steemitimages.com/DQmQLFxJjchydNe8tJHkMiAm71NazNSc4knGEgfAiHx4Dtw/image.png
I saw that @bhagchandbana said that he had success with the same exact tutorial. @phelimint has also integrated his into phelimint.com. It feels as though there is something very simple that I am missing. Perhaps I need to check or uncheck a box within shopify? Maybe there are extra"{}" or ";"in the code that was overlooked. I assure you @paywithsteem, I will in no way try to compete with your store. @adept @btcvenom @zord189 @perennial @sam.shuu and @pennsif If either one of you could kindly explain what you think I am doing wrong, IT WILL BE GOOD FOR YOUR KARMA
<a href="https://discord.gg/9Gb5tKj">CASH ME ON DISCORD, HOW BOUT DAT?</a> The room is called 1-800-HELP A BROTHA
<p><img src="https://steemitimages.com/0x0/https://steemitimages.com/DQmU7BKoLGmyteVDSU2BASBSv5TWtUPoYCLZVVrM7RTaAM7/image.png" width="903" height="633"/></p>
<center><p> Logo provided by <a href="https://steemit.com/@daddykirbs">@Daddykirbs</a> </p></center>
</html>