マガジンのカバー画像

Shopify構築日記

218
アウトレットサイトをこのShopifyで構築することになりました。 支援会社の有益な発信は多いものの事業者が構築した記事が少なかったので、記録と漏れがないようにチェックしながら進…
運営しているクリエイター

#shopify入門

ShopifyのREST Admin APIを通して、Orders.jsonを取得するためのGAS(Google Apps Script)のコード

Shopifyの注文情報をGASで取得してスプレッドシートに書き出したい!という場面に遭遇しました。 B2クラウド、ゆうぷり用のテンプレートなどに対応したCSVを簡単に出力できる優秀なアプリはいくつかありますが、ストアの規模によっては月額費用が高くて導入できないことがしばしばありますよね。 GASで配送伝票用のCSVを出力しちゃえばいいじゃん。ということで覚書です。 ※注文情報には個人情報が含まれるため、ファイル、アクセストークンなどの取り扱いにご注意下さい。 Shopi

【Shopifyを読む】パラメーターを活用して「コンバージョントラッキング」の精度を上げる

日々、EC運用に取り組まれているみなさん、こんにちは! この記事では、Shopifyで自社ECサイトを運用している方に向けて、管理画面の便利な使い方やレポートページの活用方法を紹介しています。 注文詳細ページから見ることができる「コンバージョンの概要」を活用していますか? Shopify公式ヘルプセンターでは、「コンバージョントラッキング」としてコンバージョンの概要とその詳細について解説しています。 まず「コンバージョンの概要」からは、以下の3点を確認することができます

【Shopify】マイページで郵便番号から住所を自動入力させる

圧縮したら荒くなってしまった、、 クリックして拡大していただくと普通に見れます Shopifyのチェックアウト画面での住所自動入力機能(オートコンプリート)はGoogleのものを使用しておりますが、情報が最新でなかったりするというご相談を受け調査しました。 残念ながらチェックアウト画面はShopifyPlusでないとLiquidは編集できないのでマイページの住所登録をする際に使用できるJavaScriptを検証しました。(ShopifyPlusでの検証はでき次第追記予定

【Shopify/メタフィールド】販売開始・終了日時に合わせてカートボタンを有効・無効化する

記事をまとめていたらすでに社内にある情報と一部かぶっていたので個人noteで供養させてください。 ※ちなみに社内にあった情報はメタフィールドアプリを使用する方法で考え方は同じもの。 ▼参考サイト 作業内容メタフィールドを定義する 設定>メタフィールド>商品>定義を追加する コードを編集する テーマ:Dawn 作業ファイル:main-product.liquid カートへ追加するボタンを探す(デフォルトの状態で291行目あたり)

Shopifyデフォルトのお問合せフォームに商品名を自動入力させる

■前提Shopifyでは商品名をお問い合わせページへ渡せないようなので、お問合せフォーム自体を商品詳細ページへ移植する方法のご紹介です。 (もしかしたらできる方法があるかもしれないのですが、本記事についてはゴールに対して簡単な実現方法としてご紹介します。) ■環境テーマ:Debut テンプレートタイプ:liquid ■作業内容新規セクションを作成する 内容は既存のproduct-template.liquidをまずはコピペ 区別するために、schemaのnameの値を変更

【Shopify】Shopアプリを入れてみての感想をざっくりと

こんにちは。大野です。 Shop Pay ボタン・・・個人的にはあまり見かけないのですが日本のサイトでどのくらい普及しているのでしょう。Twitter で検索する限り話題にしている人もいるのである程度の認知があるのでしょうか。 今回 Shop アプリを入れて総合的に超便利! と感じたので購入者目線と運営者目線の気づきを書き留めます。 アプリ使って買い物したい! とかアプリ意識したサイトづくりをしていただけるようになると嬉しいです。 【購入者目線】Shop アプリのココ

shopifyエキスパートにクラブハウスで取材する!

shopify教育パートナーの三浦です。 2/24(火)25(水)の二夜連続でクラブハウスにてshopifyエキスパートにマンツーマントークさせてもらいます! 企画第一弾はこちらの二人!! 第一夜2/24(火)19:00〜 ブランディングエージェンシー|株式会社フラクタ 代表取締役 河野貴伸さん(Twitter) 僕が実はshopify界隈で一番、尊敬しているキャプテンshopify(勝手に呼んでる)フラクタの河野さんです。 ブランディングエージェンシーって一見する

Shopify で3Dモデルを有効化する

こんにちは。大野です。 「Shopify AR」ってかっこいいなあ、響きが。などとARという単語に憧れを抱いていたのですが、再現できるか実際にやってみようかと思い立ち、見事表示に成功したため以下に内容をまとめます。 ARを非常に身近に感じられたとともに、この技術は今後ますます必要になってくると確信しましたのでぜひ一度お試しください。 ARとは?「現実世界の情報に、何か別の追加情報を加えて表現・利用する」 この文章からも分かるように、Shopifyでは3Dモデルを商品ペー

【Shopify】 Shopifyのイチオシ機能!商品詳細ページでの3Dデータ活用とARの導入方法

Shopifyストアでの製品のビデオ・3Dサポートが開始今年の10月には、すべてのShopifyストアで製品のビデオおよび3Dサポートが開始されます。これにより、店舗側で管理画面の商品ページから、画像、ビデオ、3Dアセットをすべて一括編集・管理が可能となるようです。 先駆けてARは2018年のUniteの時点で解禁されていました。iOS 12 以降のSafariで正式に使えるようになり、世界中で使われ始めたという印象です。 「Shopify上で3DデータやARが実現で