I Built an Online Store that Accepts Steem and Bitcoin as Payment!

in #steemit6 years ago (edited)

We Need More Online Stores Accepting Steem as Payment - Why Not Make One Yourself?


EDIT: Note that I have had the code referred to in this post updated so that it correctly determines the value of SBD against coinmarketcap.com. This was an issue with the original code given that it was based on the assumption that SBD would be kept as close as possible to 1 US dollar. See the update post for the correct code here.

I spend a lot of time in the #TeamAustralia channel on discord talking about all things Steem. One of the topics that came up one day was about how awesome it would be to have an online store in Australia that accepts Steem as payment. We do have a couple of online stores that accept Steem overseas (@phelimint owns an amazing online store that sells silver and gold for example) but no stores exist in Australia.

So this got me wondering, how do I build an online store that accepts Steem as payment? What products could I sell for Steem? Would people actually buy stuff using Steem?

These questions led me to discover an excellent post by @adept who provided a simple guide to set your Shopify store up to accept Steem as a payment method.

The next question is, what to sell? The answer to this question was staring me in the face. Literally. She was sitting across the table from me while I pondered these questions instead of socialising with the people around me (I think I have a Steemit addiction...). My wife's friend does custom printing on clothing and other items. So, after chatting with her, we quickly realised that I could create some excellent Steem inspired merchandise to sell on my store, starting with Steem Australia T-Shirts.

So, later that night while I was sitting at the kitchen table, I started building my first Shopify store. And Steemit Shop Australia was born.

I thought it might be worth documenting the process here, and include some of the challenges and other findings that I've discovered through the process.

First up is how to get started on Shopify.


Getting Started with Shopify


If you're building an online store for the first time, then you really can't look past Shopify. There are plenty of platforms available for building online stores. But for simplicity, Shopify is an excellent choice. And given that this is the platform that @adept used and becuase I'm already reasonably familiar with this platform, I went with Shopify again.

To get started, simply hit the "get started button" which will take you to a registration page that looks like this.

Once you've registered your store you can immediately start building it. What is important to note, however, is that your account will only be free for 14 days. So if you'll need to know how quickly you can source your product before you start paying.

The store will cost you about $30 per month after the 14 day trial comes to an end. So Shopify definitely isn't the cheapest option out there. For my purposes though, I wanted a chance to see how popular my shirts and other products would be. So the $30 monthly fee doesn't bother me much at this stage. If the products don't sell well after the first 2 months, then I'll close down the store and take it as one of the many lessons that you learn in life.

Shopify offers excellent tutorials and guides, and will even contact you to coach you through building your store. This is why they are so successful, it is genuinely an easy process to set up a store. So I won't go into detail about how to build a store here. I will mention a couple of things that I never found in the tutorials though:

Under settings - make sure you have your terms and conditions set up properly. You do this under checkout, which many people overlook.

The "generate sample policy" button is an absolute blessing. One warning though, generating a sample policy will import whatever address you provide in your account settings. So if you want your address to remain private, make sure you alter the policy to remove this.

The second thing to familiarise yourself with after building your store, are the apps that you can use to support your store and make it so much better. There are a tonne of Shopify apps out there to choose from. One of my favourites is Salespop by Beeketing. This app is free and simply creates a little pop-up that appears in the bottom left hand side of your screen to display what people have recently purchased. It's drawn from real sales, so if you haven't had any sales, nothing will appear naturally. But that doesn't stop you from buying some things from yourself to get the app started.


So how do you set your store up to accept Steem and Bitcoin as payment?


This process is quite straight forward. But there are a couple of issues that you should be aware of and one extra payment method that I recommend including, so I'll highlight these below.


Accepting STEEM as payment


To start accepting Steem as payment for the products on your store you really only need to do a couple of things.

Firstly, you need to set up the custom payment method. Go to settings, and select "payment providers":

From here you need to scroll down "manual payments" and select "create custom payment method".

Under this payment method fill out the fields as I have below:

You can't see here, but I've also made a note in the fields here advising customers not to pay using SBD. I'll explain more about this shortly.

The next thing you need to do is incorporate the code for accepting Steem via Steem Connect into your store. Go back to settings and select "checkout".

From there you'll need to copy the script below under "Additional Scripts" which is found under "Order Processing".

EDIT: CHECK THIS POST FOR UPDATED CODE THAT CORRECTLY CALCULATES THE VALUE OF SBD

<script>
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 = "yourshopname"\\ this needs to be your shop name

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
)};

};
</script>

Copy this script here:

There is one issue with this script that I haven't been able to resolve as yet. The script works perfectly when determining the current price of Steem, however was written under the assumption that Steem Dollars would be valued at 1 US dollar.

Therefore, the script needs modifying to calculate the correct value of Steem Dollars. I don't have this knowledge and haven't yet found someone who can make this change.

From here, save your changes and your store can now accept Steem as payment.


Accepting other Cryptocurrencies


Accepting Steem as a payment method is awesome, but why stop there? Some people might prefer to pay in Bitcoin, Litecoin, Ethereum or other currencies.

There are a number of service providers that you can use to accept additional currencies on your store. My preference is Coinbase Commerce for its simplicity and user friendliness.

To incorporate Coinbase Commerce into your store select the following:

Under "payment providers" scroll down to "alternative payments" and select "Coinbase Commerce".

You'll need to set up an account with Coindbase Commerce however this is quite straight forward and fast, which is partly why I used them.

Once set up you'll see Coinbase Commerce displayed as an accepted payment provider.

Your store now accepts the following currencies;

  • Steem
  • Bitcoin
  • Litecoin
  • Ethereum
  • Bitcoin Cash

This is quite an impressive range of payment options.

The final payment method to set up is to accept Fiat (AUD, USD etc.), this is simply done by authorising Shopify payments in your store. This is done under "payment providers" as well:

Now your payments are all set up!


So what has my experience been so far?


Once your store is all set up and you've taken it online, you'll be chasing customers. On Steemit, this is done simply by letting the community know what you've created.

In such a supportive and friendly community, if people like what you have to offer, it won't take long to start seeing purchases in your store.

What I have found so far is that more people will pay using Fiat rather than Steem. But there are people who will pay in Steem.

So far, about 2 thirds of my customers have paid using Fiat while the remainder have paid in Steem. I'm yet to see payment in other currencies however my store has only been online for 2 days. So, obviously, it is very early days.

What gives me hope though, is that I've already had purchases in the 2 days that my store has been live. Many online stores will go weeks before seeing their first purchase. And this is one reason why Steemit is so amazing. Our little community here is incredibly supportive when they see something that they like.


Want to get involved in a T-Shirt Design Competition to celebrate the launch of @steemitshopaus? Check out the competition details post here.



If you have any questions, comments or suggestions let me know in the comments!



Sort:  

Modifying that to accept SBD should be like a 2m job ... it's not exactly clear to me where the variable for STEEM stops, but show it to @ausbitbank.

You just need to duplicate the 'steem' variable for 'sbd', change the URL to get SBD price instead of STEEM and then change this part

sbdTotal = total;

to

sbdTotal = total / sbd

as per the STEEM price formula.

I'll ping @reggaemuffin too

Thanks @bulleth. I imagine it is a simple job. I had a play with the code while setting up the store but wasn't able to get it working. I'm far from an expert in this area though so figured I'd show it to someone more experienced once I came across them.

I'll have a chat to @ausbitbank when I see him on discord again. I was only talking to him an hour or two ago. :)

Loading...

Wow mantap sekali idenya

Upvoted on behalf of the dropahead Curation Team!

Thanks for following the rules.

DISCLAIMER: dropahead Curation Team does not necessarily share opinions expressed in this article, but find author's effort and/or contribution deserves better reward and visibility.

Help us giving you bigger upvotes by:

Upvote this comment!
Upvote the latest dropahead Daily Report!
Join the dropahead Curation Trail
to maximize your curation rewards!
Vote dropahead Witness with SteemConnect
Proxy vote dropahead Witness
with SteemConnect
Donate STEEM POWER to @dropahead
12.5SP, 25SP, 50SP, 100SP, 250SP, 500SP, 1000SP
Do the above and we'll have more STEEM POWER to give YOU bigger rewards next time!

News from dropahead: How to give back to the dropahead Project in 15 seconds or less

mazzle, mazzle, mazzle, oi, oi , oi
mazzle, mazzle, mazzle, oi, oi , oi
mazzle, oi,
mazzle, oi
mazzle, mazzle, mazzle, oi, oi, oi!

;)

Oi Jack! :D

We need more stuff like that. Being able to buy goods and services directly with STEEM or/and SBD is a great opportunity. Yours faithfully, Sveto.

I’m sure it will come in time. My little shop is just a very simple example of things to come. :)

Dude!!! This is beyond excellent!! What an incredible initiative you've taken! This has given me a ton of ideas almost instantly! You are a freakin legend! I'm so happy that @teamaustralia brought us all together, so massively grateful! Resteemed due to amazingness.

Thanks Mr Ninja. I’m looking forward to see what you’ll create. :)

This is quite an amazing little community we have going here.

Not to mention all of the cryptocurrency you can earn posting about your cryptocurrency shop! Now THAT's cool!

A great venture, Ian. I am excited to see how you do with this. If it's a hit, I might give Team USA a run... Cheers!!

Thanks Jeff. :)

Definitely give it a shot over in the US. I’m sure you could create something very cool over there.

Hi @Mazzle, I recently tried to advertise on facebook acception Steem and other Alts as payment but they rejected the ad!! I like the concept and I'm pretty comfortable accepting steem as a payment.

Yep, you won't be able to advertise anything crypto related on FB or Instagram. It's been banned from those platforms. That's why you're better off advertising those services on either Steemit itself or google adwords.

Thanks :) I've just snuck one on to gumtree looks ok so far, although I out the words together to avoid detection.

Kicking goals 👊🏼👊🏼 Love it man 🇦🇺🙌🏼

Thanks mate. :)

Right on Mazzle !!

You have pioneered a new beginning, congratulations and wish you a grand success.

Thanks! I hope the store takes off as well. We'll see what comes. :)

That was one brilliant idea. Thanks for keeping the steem up. I will personally give it a shot. As for now, you need an upvote and resteem.

Absolutely, give it a try mate. Let me know if you need any help.

OK.I will let you know as soon as i start.

Well done mate! 2thumps up😀

Thanks!

Nice tutorial and you might have made extra rewards if you posted via utopian-io.
Just be careful as coinbase are notorious transaction fee gougers.

I'm never sure if utopian-io is suitable for this type of content or not. I thought it was mostly for developers.

Nah it's good for tutorials, ideas, analysis and translations too.

How cool! Grats Mazzle!
Another upvote & resteem !

mazzle shop.jpg

Thanks Buddy :)

Love the idea we need that for any kind of products especially electronics such as phones, tablets, computers etc etc that would just give steem even more values as more people would be interested.

That's a great thought. I wonder if someone would be in a position to make that happen. :)

Given the theory that you are buying steem to do that, because you are trading property for steem i guess only someone who's already seen how good the currency is could do that.

Pretty much. You have to trust the platform and the viability of Steem as a currency to be willing to accept it for purchases. I see Steem going to much higher value which is why I am willing to accept it as payment.

Thank you for sharing your detailed guide on setting up an ecommerce site that accepts crypto. This may lead to a flourish of similar setups around the Steemit world!

You're more than welcome. I really hope that it leads to more sites accepting Steem and crypto as payment. That is the goal!

Thanks so much for making this store. It’s something that’s been missing from the Australian Steem scene. And I’m especially thankful to post the how to make your own store and accept crypto as payment.

Welcome mate, I can't wait to deliver you one of the first shirts off the printing press!

Good work mazza, now you need this at your gym ;)

Bahaha, @just2random and I have an idea around that topic. :P

Is it me or is would it not be easier, to use the wordpress, woocommerce and coinpayments stack then you just link up your fullfillment provider via a wordpress plugin. this way you can accept alot more coin varieties via coinpayments.net

I did see the woocommerce option. That could certainly work. I’m more familiar with Shopify though so stuck with what I knew.

Argh! This is great! I’ve been seeing lots of Steem merch on people’s posts and wondered if I could buy one anywhere and here you are setting it all up for us! I’m also excited for the opportunities this will bring to people who have art or crafts to sell! Love Lali xx

I’m really hoping that we do see more stores opening that accept Steem. :)

Let me know if you need anything specific with the shirts. I’m doing a V-neck for Jack’s wife.

Ooooh, I don't mind having a standard t-shirt. Or if possible, a sleeveless vest/camisole?

Not sure if I can stretch to a vest or camisole. If you're happy with a shirt grab one of those. :)

Haha I thought that might have been a stretch, but thought I'd inquire anyway. Happy to get whatever is available in store 😁

Awesome. A lot of the how to is over my head in setting up what you have done. This is what we need more people do Thank you.

Welcome, it's no where near as hard as it sounds. I'm sure you could work it out. :)

Wow, very nice idea this brings a lot mor Value to Steem and SBD. Only problem is the price fluctuation at the moment.

I agree. I think this is why more people are buying using Fiat at the moment.

Do any of these guides actually work? I am trying to accept steem on my store futurebong.com but I just cant get it to check out.

There's been some issues with the code lately. I know someone that got it working though. Let me check.

I would love the updated code! I want to take Steem on my store too haha. Thanks for replying man, I couldn't get one anywhere else.

All good. Will let you know what I find out.

Business idea this is indeed great

Thanks u for sharing a good information ,, great ur post ,,,, good luck @mazzle 👍

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by mazzle from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Thanks for this tutorial! I would simply LOVE to sell my photo prints, and have been thinking how to do this while also accepting STEEM. This tutorial helps and looks relatively easy to implement :-) Thanks and good luck on your store!

Welcome. I posted an update a couple of days ago that provides a correction to the code so that SBD calculates the payment amount based on it’s real value at checkout and so that you can import a Steem logo into your checkout as well. Check out that post before you build your store.

Let me know if you build something for your photo prints!

Ah, thanks for that update! I've followed you to not miss your progress anymore :-) I'll drop a link if I have a functional shop, thanks!

Awesome! Thanks.