$30 off During Our Annual Pro Sale. View Details »

Shopify Lite + WordPress

hiroramos
PRO
November 19, 2020

Shopify Lite + WordPress

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

hiroramos
PRO

November 19, 2020
Tweet

More Decks by hiroramos

Other Decks in Technology

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