マガジンのカバー画像

Shopifyコーディング100本ノック(Dawn)続編

人気のShopifyコーディング100本ノックシリーズの続編。現在の100本ノックマガジンで100本記事投稿した後はこちらで更新していきます。「Shopifyコーディング100本…
【月2回程度更新】1記事ずつよりも定期購読の方がお得。「Shopifyコーディング100本ノック(…
¥1,200 / 月 初月無料
運営しているクリエイター

2023年3月の記事一覧

【GAS】注文情報から売上高・客単価・商品単価・お買上げ点数の相関関係を分析してみる#16 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 以前、ShopifyのAPIを使って注文情報を取得してスプレッドシートに反映させました。そのデータを使って、売上高・客単価・商品単価・お買上げ点数の相関関係を分析してみようと思います^^ 過去の記事の続きになります。 GASのコードは今回ご紹介しません。 ✔︎今日のゴール(ダミーデータで適当にデータ作っているのでグラフおかしいかも、、、) ✔︎可視化手順◆事前準備Shopifyの注文

¥1,200

【GAS】スプレッドシートから顧客情報を更新!メルマガ解除編#15 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今回はGoogle Apps Scriptで顧客管理のメルマガ登録情報を更新しようと思います。 ✔︎今回のゴール特定顧客のメルマガ登録を スプレッドシート経由で 解除する。 ✔︎作成手順◆事前準備 下記のStep3までは作成しておく必要あり。 Step1  スプレットシートにID挿入箇所とボタンを作成 スプレッドシートを開き、シート名と表、ボタンを作っておく

¥1,200

[Shopify]ホットスポット&ツールチップを設定できるセクション(Dawn)84/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は画像の上にホットスポットを置いてPCはホバー、SPはクリックするとツールチップが出てくるセクションを作りました♪ ✔︎今日のゴールDemoはこちら PW:stahsk40jw1Mf PCの場合はホバー、SPはクリックするとツールチップが表示されます。 商品を選択すると ・商品画像 ・商品タイトル ・ベンダー ・価格 が自動的に表示されます。 ◆CMSの特徴 ===== 共通設定

¥1,200

【GAS】取得した注文情報でZチャートを作る#13 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 前回の続きで、取得した注文情報をどうやって活用しようかなぁと思い、Zチャートを作ってみました^^ 今回の記事はAPIで注文情報取得してスプレッドシートに反映するコードは記載しません。前回のをそのまま使用するので、ただのスプレッドシートの関数のみになります。 ✔︎今回のゴール ✔︎作成手順◆前回の続きなので下記の記事のコードを入れておく必要があります ひとまず、注文情報を取得している状

¥800

【GAS】スプレッドシートから商品説明をアップデートする#12 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はスプレッドシートから商品説明をアップデートしてみます。商品マスタをスプレッドシートで管理している場合は便利です。 ✔︎作成手順◆事前準備 下記のStep3までは作成しておく必要あり。 アクセススコープは下記を設定 Step1  スプレッドシートにヘッダー追記 ①まずはスプレッドシートのシート名とヘッダーを挿入しておきます。 1〜3行目あたりにボタンを設置したいので4行目あた

¥1,200

[Shopify]色んなボタンセクション・10通り(Dawn)83/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ボタンだけのセクションを作ってみます♪ 全部で10通りの可愛いボタンを作れるセクションにしてみました! 色や角を丸くしたりなどの組み合わせ次第で何十通りにもなります♪ ✔︎今回のゴール ◆ボタンタイプは10種類 シンプル、立体、立体影付に加え、下記のようなアニメーションボタンも♪ ◆左右に揺れる ◆上下に揺れる ◆背景スライド左から マウスをボタンの上に置くと左からスライドで

¥1,200

[Shopify]カートにアンケートを設置して注文管理画面に表示する!複数選択編(Dawn)82/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 以前、カートにアンケートを設置するブロックを作成しました。その時はラジオボタンで一つだけ選択できる仕様でしたが、今回は複数回答できるアンケートブロックを作ってみました。 レイアウトは前回同様です。今回も任意のアンケートで必須の項目ではないです。 ▼単一選択バージョンはこちら ✔︎今回のゴールカート 注文画面 ◆CMSの特徴 前回と同じ 共通カラー設定:小計をクリックするとカラー

¥1,200