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

Shopify Lite + WordPress

hiroramos
November 19, 2020

Shopify Lite + WordPress

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

hiroramos

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 ことはじめ
  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. なぜ WordPress と Shopify なの? • ブログとして機能やページ更新が備わっている • いけてるデザインテーマが豊富、デザインセンスのない私に うってつけ!

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

    • ブランディングを損なわずにオリジナルオンラインショップを楽々 開設 • 静的サイトでオンラインショップを実現 • Shopify は世界で導入数 No.1 の ECサイト構築 システム なぜ WordPress と Shopify なの? #ShopifyUC
  6. 実際の設定をみてみましょう 1. Shopify の初期設定 2. Shopify の管理画面で必要な情報を登録 Shopify テーマがデフォルトでも商品登録を行い、販売に必要な設定だけでもすぐに始めることがで きます。

    3. 掲載したい登録商品の JavaScript を取得 4. WordPress にログイン WordPress ダッシュボードを起動します。 5. 起動した WordPress で新規投稿を作成 6. 新規投稿で HTML ブロックを開き、取得した登録商品の JavaScript を貼り付ける 7. 記事を完成させ、公開! #ShopifyUC