まりん | Shopifyフロントエンジニア+SNSマーケティング

国内外にてShopifyでECサイトを構築★EC構築実績:ファッション|食材|サニタリ…

まりん | Shopifyフロントエンジニア+SNSマーケティング

国内外にてShopifyでECサイトを構築★EC構築実績:ファッション|食材|サニタリーなど★ ※記事購入時注意:返金&サポート&コメント不可。メンテナンスもしません。レイアウト崩れや動作しない場合は各自で修正してご使用ください。修正ご希望時はメンバーズシップで受付けてます。

メンバーシップに加入する

Shopifyのフロントエンドの開発の記事がメインです。 でも、コードの解説などはしません。 通常、記事(有料も含め)の投稿ではコメント許可や許可をしていても返信しない方針ですが、 本メンバーシップ内でのみShopifyで ・こんなことできるの〜 ・あんなことできるの〜 とかのご質問に対してお答えしようかと思います。 ※全てのトピックに対しては厳しいかもしれません。 こちらで調べられる範囲になりますのでできなければ無理って返しちゃうかも。ご了承ください。 【得意】 ・フロントのテーマのカスタマイズ 【苦手】 ・バックエンド(アプリ開発とか) ・マーケティング/運営関係 ◆通常は個別での対応の際は1回6万でShopify関連の調査は受けていますが、 Noteですので個別ではないため特別価格で1万で対応します。 ただし、全てのご質問に対しては難しいので私の知識や時間がある時にお答えできる範囲になりますので、その辺りをご理解いただける方のみご参加いただければ幸いです。 最低でも月に1トピックになるかと思います。

  • ライト(Shopifyアプリ開発100本ノック)

    ¥1,200 / 月
  • スタンダード

    ¥10,000 / 月

マガジン

最近の記事

  • 固定された記事

[Shopify]無料App「Order Printer」で納品書/請求書を自動生成する

ご注文いただいたお客様へ商品を発送する際、納品書を自動生成してくれる無料Appをご紹介♪Shopifyの無料で使えるApp「Order Printer」は発注書や請求書も注文内容から自動で生成してくれるので便利です! ↓アプリを使わずスプレッドシートと連携する方法はこちら↓ 使用するアプリOrder Printer インストール方法Order Printerから「Add app」押下しインストール。 アプリ管理>Order Printer>対象の注文を選択 今回は納

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

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

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

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

        • [メンバーシップ回答]Shopify商品ページにメタフィールドで指定した記事を表示する方法

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 についての回答です。 ✅やりたいこと商品ページにメタフィールドで指定したブログを表示。 🔸カスタマイズ画面 下記の設定ができます。 商品のメタフィールドで下記のようにブログハンドルと記事ハンドルを指定。

        • 固定された記事

        [Shopify]無料App「Order Printer」で納品書/請求書を自動生成する

        マガジン

        • Shopifyコーディング100本ノック(Dawn)続編
          初月無料 ¥1,200 / 月
        • Shopifyランディングページ
          11本
        • メンバーシップ スタンダード 掲示板でのトピック
          14本
          ¥50,000
        • Shopify 100本ノック(Dawn編)
          118本
        • Shopifyアプリ開発100本ノック(Remix)
          9本
        • Shopify API x スプレッドシート
          26本

        メンバーシップ

        • Shopify関連でまりんに調べて欲しいこと

          この投稿を見るには 「スタンダード」で参加する必要があります
        • 記事についてのコメントやご質問

          この投稿を見るには 「スタンダード」で参加する必要があります
        • Shopify関連でまりんに調べて欲しいこと

          この投稿を見るには 「スタンダード」で参加する必要があります
        • 記事についてのコメントやご質問

          この投稿を見るには 「スタンダード」で参加する必要があります

        メンバー特典記事

          【Shopify】コレクション一覧で会員限定コレクションを特定顧客向けに表示非表示だしわけ

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 以前、商品一覧で特定商品を特定顧客向けに表示非表示する方法をご紹介しました。 今回はそのコレクション一覧バージョンです。 簡単なのでぜひ試してね。 商品一覧と基本的同じでオブジェクトをコレクションように変更しただけです。なので、コレクション一覧の方見て商品用にオブジェクト変更して応用することもできます。 🔸事前設定事前設定で顧客タグの設定と非表示にしたいコレクションIDをチェックしておく

          【Shopify】コレクション一覧で会員限定コレクションを特定顧客向けに表示非表示だしわけ

          Dawnのドロワーメニューの下層メニューをアコーディオンで表示する(SPのみ)

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Dawnのドロワーメニューの下層メニューがデフォルトだとスライドで下層メニューが出てきますが、スライド表示させずにアコーディオンでメインメニューと同一階層に表示させたい。 というコメントをいただいたので同一階層に表示するコードをご紹介します。 ✔️今回のレイアウト 🔸CMSに追加

          Dawnのドロワーメニューの下層メニューをアコーディオンで表示する(SPのみ)

          【Shopify】特定顧客タグに合わせて商品表示・非表示を出し分ける

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 商品詳細ページを特定の顧客タグの人で出し分けるのは簡単ですが、商品一覧にも表示されてしまうので、今回は商品一覧にも表示されないようにするコードを書いてみました^^ 念の為商品URLをたたいてダイレクトにアクセスされた場合にも見れないように商品詳細ページにも特定顧客タグの方のみが見れるようにしたコードを最後に載せておきます。 また、今回は対象箇所のみの変更なのでレイアウトやフィルターなどの

          【Shopify】特定顧客タグに合わせて商品表示・非表示を出し分ける

          【Shopify】商品ページの購入ボタンの下にLINEへの誘導ボタンを設置できるブロック

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 商品ページにLINEへの誘導ボタンを設置できるブロックを作成してみました。設置位置はお好みで変更してください^^ ボタンの種類は画像挿入orテキスト挿入のどちらかを選択できます。画像の選択がない場合はテキストボタンになります。 ✔️今回のゴール========= 画像挿入 ========= ========= テキストボタン ========= 🔶CMSの特徴 ブロック追加でLI

          【Shopify】商品ページの購入ボタンの下にLINEへの誘導ボタンを設置できるブロック

          【Shopify】ランキングセクション・コレクションから反映

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 メンバーシップでご連絡いただいたレイアウトに合わせてランキングセクションを作成しました。商品はコレクションを選択したら上位3つが表示され、自動的に1〜3の順位が表示されます。 ✔️今回のゴール========= パソコン ========= ========= スマホ ========= 🔶CMSの特徴 セクション追加でランキングを選択 ※2023.6.2追記 モバイル版の画像サイ

          【Shopify】ランキングセクション・コレクションから反映

          【Shopify】重ねて表示するセクション/コンテンツのサイズをセクション毎に変更(パート1)

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今回のテーマはレイアウトを重ねて表示できるセクションです。 2パターンあって、セクションを一個ずつ挿入して、それぞれのコンテンツサイズを各セクション毎に変更できます。全て同じ縦横サイズを揃える場合はパート2で紹介するブロック追加での対応になります。 🔽パート2はこちら ✔️完了イメージ🔸CMSの特徴 ==================== 各セクション毎で下記の設定ができます。 サ

          【Shopify】重ねて表示するセクション/コンテンツのサイズをセクション毎に変更(パート1)

        記事

          [メンバーシップの回答]商品ごとに購入可能点数を制限する・商品毎のカート追加ボタン編

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 メンバーシップで下記の質問をいただいたので調べてみました。 いくつか解決方法はあると思うのですが本ページではまずは一番シンプルな商品ページ毎のカート追加ボタンに制限をかける方法についてご紹介します。 この方法だと、クイックカートボタンやバリエーション毎には対応してません。バリエーションがある商品の場合には商品全体での個数制限になるので、バリエーションごとにする場合はバリエーションごとでメ

          [メンバーシップの回答]商品ごとに購入可能点数を制限する・商品毎のカート追加ボタン編

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

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

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

          [ShopifyApp]商品ページ訪問すると訪問回数をカウントするアプリを作るPart2「クロスセル戦略用に一緒に閲覧されてる商品のデータを取得」 Remixでアプリ作成 #009

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 前回の商品ページ訪問すると訪問回数をカウントするアプリの続きです。前回はシンプルに商品ページを訪問すると閲覧した数をPrismaに格納してアプリの管理画面に表示しました。 【前回のテーマ】 商品ページ訪問すると訪問回数をカウントするアプリを作る ▼前回の記事 今日はその続きで、一緒に閲覧された商品をデータベース化しようと思います。よく一緒に閲覧される商品ページを特定して、効果的なクロス

          [ShopifyApp]商品ページ訪問すると訪問回数をカウントするアプリを作るPart2「クロスセル戦略用に一緒に閲覧されてる商品のデータを取得」 Remixでアプリ作成 #009

          【GAS】Shopify商品画像をOAuth2を使ってGoogleドライブからアップロードしてみる・パート2[複数商品編]#29 (Shopify API + GoogleAppsScript)

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 GASを使ってショッピファイの商品詳細にドライブから画像をアップする方法についてご紹介。前回の続きです。前回は1商品のみ画像をアップする方法をご紹介しました。 これだと毎回スクリプト内を変更するのが面倒なのでスプレッドシートに商品IDとその商品の画像の格納先フォルダをリスト化してチェックボックスにチェックを入れたらショッピファイ側の商品管理画面の各商品の画像をアップロードするという仕様に変

          【GAS】Shopify商品画像をOAuth2を使ってGoogleドライブからアップロードしてみる・パート2[複数商品編]#29 (Shopify API + GoogleAppsScript)

          [事前準備]Shopify API発行方法

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopify APIの発行手順をまとめてます。 🐝 API発行手順①アプリ>アプリと販売チャンネルの設定>ストア用カスタムアプリ ②アプリを作成 ③アクセススコープの設定 使用する項目にチェック入れてください。 ④アプリをインストール Admin APIのアクセストークンが発行されるのでコピーします。 一度しか表示できないので忘れないようにどこかに保管しておいてくださいね。その

          [Shopify]特集ブログ記事一覧・PCは2カラム・セクションテンプレート(Dawn) #133

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ブログ記事一覧のセクションです。ブログ2つ選んで2カラムで表示されます!バナーも追加できるようにしてみました。不要な場合はバナー設定なしにすればOK。 スクロールした時のタイトルのアンダーラインがアニメーションになっててかわいい。 今回より簡単に設置できるようにCSSは同一ファイル内に書いて、設定ステップ数を1つにしてみました。これで本当にコピペだけで5分以内に設定して使えるようになりま

          [Shopify]特集ブログ記事一覧・PCは2カラム・セクションテンプレート(Dawn) #133

          [Shopify]特集コレクションを顧客タグごとで出し分けるセクションテンプレート(Dawn) #132

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日は顧客タグで特集コレクションで表示する商品を出し分けるセクションを作ってみました🎶ログインしていない顧客と特定顧客タグを持っている顧客へのアプローチを変えられるので便利。 レイアウトはDawnの既存のレイアウト使っています。なのでCSSはなし。Dawn使ってる人はそのままコピペで使えます。 ✔️今回のゴール 顧客タグAのお客さんには商品一覧Bの商品を表示、 ログインしていないお客さ

          [Shopify]特集コレクションを顧客タグごとで出し分けるセクションテンプレート(Dawn) #132

          [Shopify]広告バーをトップページのみに表示する・セクションテンプレート(Dawn) #131

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 広告バーをトップページのみに表示させられるセクションテンプレートです。レイアウトは既存のDawnを使用しています^^ 今回はシンプルなカスタマイズ🎶タグ2箇所埋め込むだけなので簡単。 ✔️今回のゴール今回はデフォルト機能を使っているのでカスタマイズ画面の変更はありません。 今回はif文入れるだけなのでフルバージョンコードなしでも該当箇所に入れればOK。もしフルバージョンのコード使用する

          [Shopify]広告バーをトップページのみに表示する・セクションテンプレート(Dawn) #131

          【GAS】Shopify商品画像をOAuth2を使ってGoogleドライブからアップロードしてみる・パート1#28 (Shopify API + GoogleAppsScript)

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 GASを使ってショッピファイの商品詳細にドライブから画像をアップする方法についてご紹介。 今日は1つの商品のみが対象。スクリプト内の商品IDを毎度変更する必要ありです。次回以降で、スプレッドシートにリスト化した商品情報を登録しておいて、毎度スクリプト内の商品IDを変更しなくても良いように修正します! ✔️今回のゴール ✔️設置手順◆事前準備 🔸ShopifyAPIキー取得 下記のS

          【GAS】Shopify商品画像をOAuth2を使ってGoogleドライブからアップロードしてみる・パート1#28 (Shopify API + GoogleAppsScript)

          [Shopify]ヘッダーのログインアイコンをレイアウトに合わせて8種類から選べる・セクションテンプレート #130

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ヘッダーのアカウントアイコンを色々選べるセクション。デフォルトのアイコンを変えてみたい場合に使用してみてね^^ ✔️今回のゴール 🔸CMSの特徴 ✔️設定手順📌Step1  スニペットを新規作成 1️⃣管理画面>テーマ>コード編集>スニペット>新規作成

          [Shopify]ヘッダーのログインアイコンをレイアウトに合わせて8種類から選べる・セクションテンプレート #130

          [Shopify]「最近閲覧した商品履歴」をポップアップで表示する・セクションテンプレート #129

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 以前、ローカルストレージを使用した最近チェックした商品を表示するセクションをご紹介しました!今回は、その閲覧履歴の商品一覧をポップアップで表示できるセクションになります^^ 商品ページにアクセスしてから5秒後にモーダルが表示される仕様です。今回はStep1で完結🎵コピペで5分もかからずに設置できちゃいますね。 🔸前回の記事 以前ご紹介した、ローカルストレージに閲覧履歴を保存するコードを

          [Shopify]「最近閲覧した商品履歴」をポップアップで表示する・セクションテンプレート #129

          [ShopifyFlow]スプレッドシート連携は使わない!GASとHTTPリクエストで注文情報をスプシに保存するFlowの作り方 #003

          こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はフローを使って注文が入ったらスプレッドシートに保存される方法についてご紹介。スプレッドシート連携は使わずにGASとHTTPリクエストを使います! コピペで設置できるようにコード用意したのでそのまま貼り付けると5分で設置できます^^ ✅今回のゴール✅設定方法👉Step1 Googleスプレッドシートを作成 1️⃣シート名「order」で作成 ヘッダーはお好みで作成。 空欄でも下記

          [ShopifyFlow]スプレッドシート連携は使わない!GASとHTTPリクエストで注文情報をスプシに保存するFlowの作り方 #003