An Afternoon with Shopify - Brooklyn, October 2013

An Afternoon with Shopify - Brooklyn, October 2013

Slides from my short presentation about Shopify given at the Holstee HQ in Brooklyn prior to Brooklyn Beta 2013

A4fe614b0340b92772f4b551b3185303?s=128

Keir Whitaker

October 08, 2013
Tweet

Transcript

  1. Shopify for Designers Keir Whitaker keir@shopify.com @keirwhitaker

  2. Founded 2006 Ottawa, Canada ~300 employees

  3. 70,000+ stores 2012 $742m GMV 2013 $1.5bn* GMV * projected

    2013 volume
  4. Easy to use theme based hosted ecommerce platform

  5. Easy Theming

  6. HTML CSS JS (optional) Liquid

  7. No prescribed markup Your design Your CSS Your store

  8. ~ 15 templates per theme

  9. New in 2013 Shopify Payments POS

  10. Scale, no problem!

  11. 10,320 in one hour

  12. API 2009 300+ apps 80/20 share

  13. None
  14. Theme store 2010 70/30 revenue share

  15. Opportunities for Designers

  16. Shopify Partners earn either 200% per referral or 20% of

    each bill
  17. In 2012 50% of theme designers made $20k+ many made

    $100k+
  18. Shopify Experts $18m in 18 months Free to join

  19. Ben Crudo Inc.

  20. How has it helped?

  21. Ben’s Top Tips

  22. 6 Features of Liquid

  23. 1: Output

  24. {{ product.title }} {{ product.description }} {{ product.handle }}

  25. 2: Filters

  26. {{ product.title | upcase }} {{ 'logo.png' | asset_url |

    img_tag: 'Site Logo' }}
  27. {{ product.title | upcase }} {{ 'logo.png' | asset_url |

    img_tag: 'Site Logo' }}
  28. 3: Logic

  29. {% if product.available %} Show Add to cart button here

    {% else %} Display message! {% endif %}
  30. {% if product.available %} Show Add to cart button here

    {% else %} Display message! {% endif %}
  31. 4: Loops

  32. {% for image in product.images %} <img src="{{ image |

    product_img_url: 'medium' }}" /> {% endfor %}
  33. {% for image in product.images %} <img src="{{ image |

    product_img_url: 'medium' }}" /> {% endfor %}
  34. 5: Layouts

  35. <html> <head> {{ content_for_header }} <title>{{ shop.name }} - {{

    page_title }}</title> {{ 'screen.css' | asset_url | stylesheet_tag }} </head> <body> {{ content_for_layout }} </body> </html>
  36. <html> <head> {{ content_for_header }} <title>{{ shop.name }} - {{

    page_title }}</title> {{ 'screen.css' | asset_url | stylesheet_tag }} </head> <body> {{ content_for_layout }} </body> </html>
  37. 6: Helpers

  38. {{ 'screen.css' | asset_url | stylesheet_tag }} { 'logo.png' |

    asset_url | img_tag: 'Site Logo' }}
  39. {{ 'screen.css' | asset_url | stylesheet_tag }} { 'logo.png' |

    asset_url | img_tag: 'Site Logo' }}
  40. Shopify Design Awards

  41. Whipping Post

  42. Greats Brand

  43. Pure Fix Cycles

  44. Best Made Co.

  45. United Pixel Workers

  46. A Book Apart

  47. Holstee