マガジンのカバー画像

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

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

記事一覧

[Shopify]コピペで5分・簡単設置!ヘッダーメニューを会員用とゲスト用で切り替える #137

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ヘッダーのメニューをログイン中とログイン前で表示しているメニューリストを出し分け♪数行を差し替えるだけなので簡単。1セクションファイルと3スニペットファイルを編集します。 すべてのフルバージョンのコードは最後に載せておきます。 ✔️今回のテンプレート 🔸cmsの特徴 ✔️設定手順💡Step1 会員用メニューを作成 💡Step2 既存のヘッダーファイルに追記 ❶管理画面>テーマ>コ

¥1,200

【GAS】Shopifyメタフィールドのデータをスプレッドシートにバックアップ(記事編)・テンプレートあり#26 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 メタフィールドのデータのバックアップをスプレッドシートに落としてみました。前回商品をご紹介したので今日は記事編です🎵 ✔️今回のゴール ✔️設置手順◆事前準備 🔸ShopifyAPIキー取得 下記のStep3までは作成しておく必要あり。 🔸アクセススコープ 🔸スプレッドシート用意 ❶シート名指定 ❷セル「B1」にサイトのURLを貼り付け。

¥1,200

[Shopify Flow]商品在庫が〇〇以下の時にSlackにアラートを送る・商品名&現在の在庫数 #005

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ショッピファイのフローとSlack APIを連携して、商品在庫が〇〇以下になった時にSlackにアラートを送るフローを作成してみました。メッセージはシンプルに商品名と在庫数が送信されます。 👉今日のゴール🔸Slack 下記のようなメッセージで届きます。テキストはご自由に変更してね。 🔸Flow 👉設定手順🐝事前準備 Slackで新規チャンネルを作成&Slack APIでURL発行

¥800

【GAS】新規顧客とリピーターの割合を分析できるスプレッドシートのテンプレート。ShopifyフローのHTTPを使ってデータを取得・Googleスライドを自動的に作成する機能付き♪ #32 (Shopify API)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 注文情報から新規顧客とリピーターの割合を分析できるスプレッドシートのテンプレートを作成してみました。ショッピファイフローを使って注文作成をトリガーにHTTPでスプレッドシートにデータを格納し、集計シートで各種集計とグラフを作成。 さらに、そのデータをGoogleスライドを自動的に作成してレポートを書き出せるようにしてみました♪スライドはシンプルなレイアウトなので、ご自身で分析内容などを追加

¥1,500

【GAS】Shopify注文データを自動でスプレッドシートに取得してKPI分析・グラフ化♪テンプレートリンク付 #31 (Shopify API)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopify API とGoogle APP Scriptを使ってスプレッドシートに注文情報を表示させてKPI分析できるテンプレート♪ KPIシートに毎月達成したい目標値を入れて、ボタンをクリックしたら、自動的に値とグラフが作成されます。 ✔️今回のテンプレート 「注文情報」シートに下記のグラフも表示される ✔️設置手順◆事前準備 🔸ShopifyAPIキー取得 下記参照。

¥1,200

[Shopify]コピペで5分・簡単設置!メタオブジェクトで簡単にサイズ表を設置♪タブ切り替えができるセクションテンプレート #136

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 サイズ表を簡単に設置できるセクションを作ってみました。今回はメタオブジェクトに登録しているサイズ表を表示するセクション。エントリーが複数あればタブで表示されます♪ サイズ表は画像で設定するタイプです。サイズ表は別で作成して画像を入れてください^^ ✔️今回のテンプレート 🔸CMSの特徴 1ページ1回まで追加できます。 ✔️設定手順 📌Step1 メタオブジェクト ❶設定>カスタ

¥1,200

[Shopify]コピペで5分・簡単設置!メタオブジェクト完全連携で商品ランキング♪タブ切り替えができるセクションテンプレート #136

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 メタオブジェクトを使ってランキングのセクションを作ってみました。タブ切り替えで複数のランキングが作成できます。完全にメタオブジェクトとの連携でのみ使用できます。ランキングで表示したい商品をマニュアルで指定するテンプレートです。 ちなみに余談ですが、メタオブジェクトでWeb公開にしておいてiframeを使ってテンプレート作成したものをブログ記事やページ、商品本文内に埋め込めるので便利です^^

¥1,200

[Shopify]コピペで5分・簡単設置!オプトイン用のセクションテンプレート・アプリを使わないでサンクスページへのリダイレクト機能付 #135

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 オプトイン用のセクションテンプレート。リスト収集にお役立ち^^無料マニュアルプレゼントなど色々な用途で使える。例えば、Shopifyフローで自動化してメルマガ登録後にダウンロードリンク付きメールを配信する運用などと組み合わせて使っても良さそうですね♪ 今回はメルマガ登録後に別ページに遷移できるリダイレクト機能もつけてみました♪リダイレクト先を設定している場合に、登録完了後に指定したページに

¥1,500

【GAS】Shopify FlowのHTTPを使ってスプレッドシートに注文データを取得・おしゃれなテンプレート♪ #30 (Shopify API)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は注文が入ったら自動的にスプレッドシートに反映。おしゃれでシンプルな項目のみにしたので見やすいテンプレートにしてみました。 スプレッドシートをコピーして1箇所設定してもらうだけですぐに使えるようにしてみました! 👉今回のテンプレート💡シート1:SET UP 💡シート2:Order Tracker Flow経由で注文データが表示される 💡シート3:Summary 👉設定手順📍S

¥1,500

[Shopify]メルマガ登録のポップアップが簡単に挿入できるセクションテンプレート・3つのレイアウトが選べる #134

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今回はメルマガ登録のセクションをポップアップで表示させられるセクションを作成しました。セクションにしたのでお好みのページに入れればページ指定で表示されます。 TOPページに追加したらトップのみに表示されるし、ブログに追加するとブログページで表示されます。 ✔️今回のテンプレートスマホではすべてのレイアウトで画像なしになります。 🔸CMSの特徴 🐝レイアウト1 🐝レイアウト2 🐝レ

¥2,980

[Shopify]メルマガテンプレート・第1弾・(Canva)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ショッピファイのメルマガテンプレート第一弾です。 Canvaで画像書き出ししてショッピファイでおしゃれなメルマガを簡単に作成できます。文字や画像を変えるだけ。 全部で14ページあります。3〜4ページでメルマガ作成するだけでもOKです。最後のフッターはおまけ。 ✔️今回のテンプレート 💡全部で14ページ。編集自由。組み替え自由。

¥800

[Shopify]5分で簡単設置!ランディングページ◆テンプレート9

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 LINEの顧客リスト取得用のテンプレートのご紹介🎶 画像を当てるだけのシンプルな構成です。 FB広告で反応見ながらすぐに自分で組み替えたり画像差し替えたりしてカスタマイズできるので便利。 ✔️今回のテンプレート ===== パソコン ===== ===== スマホ ===== テンプレートを選択するのを忘れずに 🔸カスタマイズの特徴 ==== 共通設定 ==== ==== ブ

¥3,800

[Shopify Flow]アプリ使わずにアカウント作成時に生年月日・性別をメタフィールドに登録するフローのテンプレート(メルマガ登録有効チェックボックスもおまけ) #004

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はアプリを使わないでアカウント作成画面に生年月日と性別を登録できる項目を作って、顧客管理に作成しておいたそれぞれのメタフィールドに登録できるフロー。 ついでにメルマガ登録の有効チェックボックスもON/OFF設定できるようにしてみました^^ フローのテンプレートを添付しましたのでダウンロードしてインストールしてもらえればそのまま使えます。 ✅今回のゴール🔸カスタマイズの特徴 🔸メル

¥1,200

[Shopify]検索結果に表示する要素を「商品のみ」や「記事と商品のみ」などカスタマイズ画面から選択できるようにする(Dawn) #134

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 デフォルトでは「商品」「記事」「ページ」から検索結果が表示されます。これを「商品のみ」にしたり、「記事と商品のみ」を表示するようにしたり、検索結果で表示するコンテンツをカスタマイズ画面から調整できるようにします。 デフォルトのリキッドファイルに追加するだけなので簡単。ヘッダーのサーチとサーチページでの検索窓からの場合の両方のパターンの設置方法をご紹介しています。 ✔️今回のゴールここの検

¥800