Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Shopify Lite + WordPress

Fef07f05a03701cf221a7e3a9bfe4031?s=47 hiroramos
November 19, 2020

Shopify Lite + WordPress

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

Fef07f05a03701cf221a7e3a9bfe4031?s=128

hiroramos

November 19, 2020
Tweet

Transcript

  1. Shopify “ BuyButton ” で サクッとブログにカート機能を入 れてみた。 ( Shopify Lite

    + WordPress ) Hiromi Ito 2020.11.19@中央会計 Shopify UC Kansai #1 Getting started Shopify! Shopify ことはじめ
  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
  3. 株式会社 デジタルキューブ • AWS Advanced Technology Partner • WordPress ホスティング,

    制作, 保守, コンサルティング • OSS への貢献とコミュニティへの参加・支援 ◦ 提供 WordPress プラグイン:100+ ◦ プラグインダウンロード数:200万+ ◦ WordCampでの登壇:70+ ◦ Shifter コミュニティイベント支援プログラム:16
  4. 手軽に簡単にできるモダンな Eコマースを実現したい! #ShopifyUC

  5. なぜ WordPress と Shopify なの? • ブログとして機能やページ更新が備わっている • いけてるデザインテーマが豊富、デザインセンスのない私に うってつけ!

    • ノーコードでも整理された構成が組める、自由度も高い • コードも簡単に挿入できる • WordPress も Shopify も「これならできそう!」と思った 管理画面 #ShopifyUC
  6. • JavaScript をいつもの WordPress コンテンツに埋め込むだ けの簡単設定 • Shopify 単体サイトはもちろん独自のサイトに好きな場所に自 由自在に設定可能

    • ブランディングを損なわずにオリジナルオンラインショップを楽々 開設 • 静的サイトでオンラインショップを実現 • Shopify は世界で導入数 No.1 の ECサイト構築 システム なぜ WordPress と Shopify なの? #ShopifyUC
  7. 自由に作った個人ブログでも最高の購入体験を さくっと簡単に提供! 私もラクラク♪ 訪問者もラクラク♪ 最高の ユーザー体験 #ShopifyUC

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

  9. 実際の設定をみてみましょう 1. Shopify の初期設定 2. Shopify の管理画面で必要な情報を登録 Shopify テーマがデフォルトでも商品登録を行い、販売に必要な設定だけでもすぐに始めることがで きます。

    3. 掲載したい登録商品の JavaScript を取得 4. WordPress にログイン WordPress ダッシュボードを起動します。 5. 起動した WordPress で新規投稿を作成 6. 新規投稿で HTML ブロックを開き、取得した登録商品の JavaScript を貼り付ける 7. 記事を完成させ、公開! #ShopifyUC
  10. 困ったときはサポートドキュメント https://help.shopify.com/ja/manual/online-sales-channels/buy-button #ShopifyUC

  11. Shopify を初期設定 #ShopifyUC

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

  13. Shopify で商品を登録 #ShopifyUC

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

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

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

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

    新時代のネットショップ体験を! #ShopifyUCKansai
  18. さぁ!今すぐ始めてみましょう。 ご清聴ありがとうございました。