create account

How to Build a Product Catalog on Steemit by lukestokes

View this thread on: hive.blogpeakd.comecency.com
· @lukestokes · (edited)
$41.85
How to Build a Product Catalog on Steemit
## Selling something? You can sell directly from your Steemit pages.

Please excuse the self-promotion here as I'm demonstrating this using my own company (FoxyCart). You can do the same thing with PayPal buttons or Pay with Amazon buttons. **The idea is to use Steemit blog posts as your product pages.** You can even create category pages linking all your various product pages together. The example below demonstrates how you can list all your products on one page.

### Here's a simple example:

|   Image   |    Product        | Price     | Add To Cart   |
|:--------: |:-------------:    |------:    |:-----------:  |
|  ![](https://i.imgsafe.org/7a59085189.png)  |  A Simple Product   |         $10 |   [ ![](https://i.imgsafe.org/180cae8697.png) ](https://steemit-demo.foxycart.com/cart?name=Simple+Product%7C%7C772392eb93323a8924779ab015f0418f9a3250a0735134077de977ea31b41f3c&price=10%7C%7Cea889b5d96abb2dcf500a5c577377b4313e51a99d84f713501ac315a73b03785&image=https%3A%2F%2Fi.imgsafe.org%2F1bfa4c575e.png%7C%7Cc766d98b13c430ac2f4c951aa1083eeff9174d0081a5d7409d7cb52de02177d5&code=simple_product%7C%7Ca7162c3397d182ef69ca0d1214e84b563e9e95f947b7b67f191aaf118b6c87a0)             |
|  ![](https://i.imgsafe.org/7a5b5dc5eb.png)  |  Bundled Product: Camera   |         $100 |                |
|  ![](https://i.imgsafe.org/7a5c5c65d4.png)  |  Bundled Product: Camera Bag   |         $10 |  [ ![](https://i.imgsafe.org/1963e48eb2.png) ](https://steemit-demo.foxycart.com/cart?name=Camera%7C%7Cf1ff1f08c646276d7c8e6dd858befc7178551eb1582fc4a1ca55af66129914c0&price=100%7C%7C80c5d84e7ee3f7c0455f2088207f254d0444c8313ebb817e0d8495fe3a7de538&code=bundled_product_1%7C%7C4e6a31d7718d6a90407acf9c2367d395f4ac09f2557f2302e994cdcb9cb43151&image=https%3A%2F%2Fi.imgsafe.org%2F1c050c394a.png%7C%7C8e227b21da393b47745732b1d989738d4c0af652f665ec5b1419e377eff1b4d1&2:name=Camera+Bag%7C%7C7308d47fd6c1ef4faa745f2026c31fc5e6bcf4841e286941ff0be779fe967cf3&2:price=10%7C%7Cd8a8a105e9e62ac997af3c4c1a953e9e4bbf69be1fc6cc3cb2ef6084e6661daf&2:code=bundled_product_2%7C%7C4e8abab680e300b82c920891cc2174fa6b51e194c9e27cad8ea2ec704b27458e&2:image=https%3A%2F%2Fi.imgsafe.org%2F1c050c394a.png%7C%7Cb8d138188eb300ac42dba889e37ba3e5be45f614a5448d2ff16973570cc59357) |
|    |  Monthly Subscription to your amazing service!   |         $25 |  [ ![](https://i.imgsafe.org/197286188a.png) ](https://steemit-demo.foxycart.com/cart?name=Monthly+Subscription%7C%7Cdd213385eb12410ece55b78d8760be534d999c1dcf89e02c6f373c3f08d686b8&price=25%7C%7C8a0ee021157e1d9c1c69de24d96316fd622e4bfaa3f1c8e79d257d474a7295bb&sub_frequency=1m%7C%7Ce03d5f19169a377fcd572a82473b3f864fce7a345aa1d4c880194642b114aa18&code=subscription%7C%7C83642ceaa159c9128c41c0eb03fedc942bc59c45e32967ec8d3e0ef1d1f61332)  |

Go ahead, click the add to cart links (hold down CTRL or Command to open in a new window). If you want to complete a checkout, use 4111 1111 1111 1111 as a test card number.

If you have beautiful works of art, photos, or anything else you'd like to display and sell, why not host them on the blockchain? Even if people don't purchase from your Steemit pages, they might upvote your work while they are window shopping.

Featuring your products should be as simple as learning a bit of Markdown to display your images and building add to cart links for FoxyCart or a similar cart/checkout service. PayPal and Amazon have tutorials for their pay buttons and FoxyCart has some examples [on our home page here](http://www.foxycart.com/):

<center>![](https://i.imgsafe.org/19a085759d.png)</center>

Eventually [Steemit will morph into a blockchain marketplace](https://steemit.com/steem/@dan/steemit-s-evil-plan-for-cryptocurrency-world-domination) where things can be bought and sold directly for Steem Dollars (*that's going to be amazing!*). In the meantime, you can start setting up a product catalog now. For those outside of Steemit who find your product pages organically and aren't yet ready to figure out BTC or SMD to buy from you, they can still purchase through traditional payment methods like credit cards, PayPal, or Amazon.

If you want to try this out, FoxyCart is free to use until you want to turn on a live payment gateway (we support over 90 of them). After that, we charge a monthly fee.

**What do you think?**

We could create a whole retail section on Steemit to drive even more traffic to the site.
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 2 others
👎  
properties (23)
authorlukestokes
permlinkhow-to-build-a-product-catalog-on-steemit
categorysteemit
json_metadata{"tags":["steemit","ecommerce","marketplace"],"image":["https://i.imgsafe.org/19a085759d.png"],"links":["https://steemit.com/steem/@dan/steemit-s-evil-plan-for-cryptocurrency-world-domination"]}
created2016-07-10 05:37:12
last_update2016-07-14 14:47:15
depth0
children13
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value32.045 HBD
curator_payout_value9.805 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length4,380
author_reputation556,640,380,599,219
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id72,099
net_rshares57,756,182,397,789
author_curate_reward""
vote details (67)
@benslayton ·
Love this! I totally forgot about using \<a\> tags to create cart items on foxycart! Goes to show you some of the flexibility foxycart has to offer!
properties (22)
authorbenslayton
permlinkre-lukestokes-how-to-build-a-product-catalog-on-steemit-20160723t015505866z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-23 01:55:06
last_update2016-07-23 01:55:06
depth1
children2
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length148
author_reputation3,472,492,721,417
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id287,325
net_rshares0
@lukestokes ·
Thanks Ben :)

I'm sad three of the images on this post don't work anymore. They died at one point and now I can't edit this post to fix them. :-(
properties (22)
authorlukestokes
permlinkre-benslayton-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20160723t034617162z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-23 03:46:18
last_update2016-07-23 03:46:18
depth2
children1
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length146
author_reputation556,640,380,599,219
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id288,956
net_rshares0
@benslayton ·
That's a bummer. I'd like to see that ability exist.  I'd say the platform could do a diff on revisions and if a x% (or, some fancy little math equation) detects too much of a change, perhaps it alerts all of the readers with a big yellow alert at the top of the page, or perhaps, it just doesn't allow you to post. In addition, I'd also like to be able to see revisions of changed posts and comments.
properties (22)
authorbenslayton
permlinkre-lukestokes-re-benslayton-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20160723t064045696z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-23 06:40:45
last_update2016-07-23 06:40:45
depth3
children0
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length401
author_reputation3,472,492,721,417
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id291,026
net_rshares0
@erroltiozon ·
Wow this is cool! A lot of possibilities on Steemit. Keep us updated on your progress :D
properties (22)
authorerroltiozon
permlinkre-lukestokes-how-to-build-a-product-catalog-on-steemit-20160724t231554450z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-24 23:15:54
last_update2016-07-24 23:15:54
depth1
children0
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length88
author_reputation319,828,283,659
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id333,788
net_rshares0
@faddat ·
Quality information from end to end.
properties (22)
authorfaddat
permlinkre-lukestokes-how-to-build-a-product-catalog-on-steemit-20160725t003751867z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-25 00:37:51
last_update2016-07-25 00:37:51
depth1
children0
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length36
author_reputation36,581,868,473,026
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id335,316
net_rshares0
@pairmike ·
I really like this.  Let me know if you make more progress.
👍  
properties (23)
authorpairmike
permlinkre-lukestokes-how-to-build-a-product-catalog-on-steemit-20160716t043648722z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-16 04:36:48
last_update2016-07-16 04:36:48
depth1
children1
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length59
author_reputation43,927,661,974,027
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id130,436
net_rshares0
author_curate_reward""
vote details (1)
@lukestokes ·
Thanks @pairmike. There's not really much more that needs to be done as all of this can be accomplished right now. It's really just a matter of adding links to your pages and styling things up based on your needs.
properties (22)
authorlukestokes
permlinkre-pairmike-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20160716t045344840z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-16 04:53:45
last_update2016-07-16 04:53:45
depth2
children0
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length213
author_reputation556,640,380,599,219
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id130,612
net_rshares0
@pfunk · (edited)
I think it's possible to do with Steem/on Steemit down the line but in the short term it's beyond the scope. There are a lot of possibilities with Steem for sure! 

Edit: I skimmed the post and misunderstood. Let's just pretend I only said this: The inclusion of Steem Dollars was a really good idea, and if the peg is consistent opens up a lot of doors.
👍  
properties (23)
authorpfunk
permlinkre-lukestokes-how-to-build-a-product-catalog-on-steemit-20160710t054009739z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-10 05:40:18
last_update2016-07-10 06:01:51
depth1
children2
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length354
author_reputation221,632,045,904,452
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id72,109
net_rshares2,847,941,904
author_curate_reward""
vote details (1)
@lukestokes ·
Thanks @pfunk! When you say "beyond the scope" what do you mean? I'm not suggesting there should be any default functionality built in to the Steemit website to make it into some kind of Shopify competitor or anything, I just wanted to highlight this as something people can do right now, if they want to. I've seen a lot of great photography and art here already and many may not realize they can add buy buttons right inside their content.
properties (22)
authorlukestokes
permlinkre-pfunk-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20160710t054417148z
categorysteemit
json_metadata{"tags":["steemit"],"users":["pfunk"]}
created2016-07-10 05:44:18
last_update2016-07-10 05:44:18
depth2
children1
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length441
author_reputation556,640,380,599,219
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id72,122
net_rshares0
@pfunk ·
I'm super tired and misread certain key ideas.
properties (22)
authorpfunk
permlinkre-lukestokes-re-pfunk-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20160710t055933574z
categorysteemit
json_metadata{"tags":["steemit"]}
created2016-07-10 05:59:42
last_update2016-07-10 05:59:42
depth3
children0
last_payout2016-08-25 00:28:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length46
author_reputation221,632,045,904,452
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id72,193
net_rshares0
@walkingkeys ·
This is a great idea. I see this was written a year ago, do these methods still work here?
properties (22)
authorwalkingkeys
permlinkre-lukestokes-how-to-build-a-product-catalog-on-steemit-20170618t074505242z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-18 07:45:06
last_update2017-06-18 07:45:06
depth1
children2
last_payout2017-06-25 07:45:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length90
author_reputation31,110,648,385,759
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,157,671
net_rshares0
@lukestokes ·
They sure do! :) Keep in mind, this isn't pure Steemit functionality, it's an integration with my company, FoxyCart.

I should revisit this post and do an updated version. I've wanted to fix the images in this one, but it's archived.
👍  
properties (23)
authorlukestokes
permlinkre-walkingkeys-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20170618t161648560z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-18 16:16:48
last_update2017-06-18 16:16:48
depth2
children1
last_payout2017-06-25 16:16:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length233
author_reputation556,640,380,599,219
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,187,469
net_rshares243,515,295
author_curate_reward""
vote details (1)
@walkingkeys ·
Awesome! thanks for the feedback.
properties (22)
authorwalkingkeys
permlinkre-lukestokes-re-walkingkeys-re-lukestokes-how-to-build-a-product-catalog-on-steemit-20170618t185720855z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-18 18:57:21
last_update2017-06-18 18:57:21
depth3
children0
last_payout2017-06-25 18:57:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length33
author_reputation31,110,648,385,759
root_title"How to Build a Product Catalog on Steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,198,561
net_rshares0