Shopify Lite + WordPress

Shopify UC Kansai #1「Getting started Shopify! Shopify ことはじめ」で紹介したスライドです。
“Shopify “ BuyButton ” で
サクッとブログにカート機能を入れてみた。
( Shopify Lite + WordPress )”

Transcript

1. Shopify “ BuyButton ” で
   サクッとブログにカート機能を入
   れてみた。
   ( Shopify Lite + WordPress )
   Hiromi Ito
   2020.11.19＠中央会計
   Shopify UC Kansai #1
   Getting started Shopify! Shopify ことはじめ
   

   View Slide

2. WHO I AM ?
   HIROMI ITO
   DigitalCube Co.Ltd. / Customer Marketing Manager
   ● コミュニティ大好き！コミュニティにフルコミットしてます
   ● 主に AWS や WordPress 、Salesforece 界隈に生息しています
   ● 大むかし、ECサイト制作しました（苦い記憶）
   ● Shopify 歴は半年くらい
   ● Shopify と相性の良い HubSpot も好きです
   TW : @hiro_baila
   FB : https://www.facebook.com/hirobailaora
   #ShopifyUC
   

   View Slide

3. 株式会社 デジタルキューブ
   ● AWS Advanced Technology Partner
   ● WordPress ホスティング, 制作, 保守, コンサルティング
   ● OSS への貢献とコミュニティへの参加・支援
   ○ 提供 WordPress プラグイン：100+
   ○ プラグインダウンロード数：200万+
   ○ WordCampでの登壇：70+
   ○ Shifter コミュニティイベント支援プログラム：16
   

   View Slide

4. 手軽に簡単にできるモダンな Eコマースを実現したい！
   #ShopifyUC
   

   View Slide

5. なぜ WordPress と Shopify なの？
   ● ブログとして機能やページ更新が備わっている
   ● いけてるデザインテーマが豊富、デザインセンスのない私に
   うってつけ！
   ● ノーコードでも整理された構成が組める、自由度も高い
   ● コードも簡単に挿入できる
   ● WordPress も Shopify も「これならできそう！」と思った
   管理画面
   #ShopifyUC
   

   View Slide

6. ● JavaScript をいつもの WordPress コンテンツに埋め込むだ
   けの簡単設定
   ● Shopify 単体サイトはもちろん独自のサイトに好きな場所に自
   由自在に設定可能
   ● ブランディングを損なわずにオリジナルオンラインショップを楽々
   開設
   ● 静的サイトでオンラインショップを実現
   ● Shopify は世界で導入数 No.1 の ECサイト構築 システム
   なぜ WordPress と Shopify なの？
   #ShopifyUC
   

   View Slide

7. 自由に作った個人ブログでも最高の購入体験を
   さくっと簡単に提供！
   私もラクラク♪
   訪問者もラクラク♪
   最高の
   ユーザー体験
   
   
   
   
   #ShopifyUC
   

   View Slide

8. 結論！やってみてわかったこと
   今すぐにでもネットショップを立ち上げれる！！
   でも肝心の商材とコンテンツが……重要よね！！
   
   #ShopifyUC
   

   View Slide

9. 実際の設定をみてみましょう
   1. Shopify の初期設定
   2. Shopify の管理画面で必要な情報を登録
   Shopify テーマがデフォルトでも商品登録を行い、販売に必要な設定だけでもすぐに始めることがで
   きます。
   3. 掲載したい登録商品の JavaScript を取得
   4. WordPress にログイン
   WordPress ダッシュボードを起動します。
   5. 起動した WordPress で新規投稿を作成
   6. 新規投稿で HTML ブロックを開き、取得した登録商品の JavaScript を貼り付ける
   7. 記事を完成させ、公開！
   #ShopifyUC
   

   View Slide

10. 困ったときはサポートドキュメント
    https://help.shopify.com/ja/manual/online-sales-channels/buy-button
    #ShopifyUC
    

    View Slide

11. Shopify を初期設定
    #ShopifyUC
    

    View Slide

12. Shopify テストモード
    https://help.shopify.com/ja/manual/payments/shopify-payments/te
    sting-shopify-payments#shopify
    #ShopifyUC
    

    View Slide

13. Shopify で商品を登録
    #ShopifyUC
    

    View Slide

14. Shopify で WordPress に埋め込むボタンを作る
    #ShopifyUCKansai
    

    View Slide

15. 取得した埋め込みコードを WordPress に設定・公開
    #ShopifyUCKansai
    

    View Slide

16. 公開したサイトを確認
    #ShopifyUCKansai
    ＊実は静的サイトです
    https://hiroramos.uno/sample-page/
    

    View Slide

17. 設定は簡単！
    重要なビジネス、コンテンツ、業務に注力
    ● 今すぐ、誰もが始められるオリジナルのオンラインショップに！
    ● コミュニケーション設計をベースに SaaS を組み合わせて、
    顧客中心型のオンラインショップに！
    ● 新時代のネットショップ体験を！
    #ShopifyUCKansai
    

    View Slide

18. さぁ！今すぐ始めてみましょう。
    ご清聴ありがとうございました。
    

    View Slide