PersonaCart ジャーニー、21本中8本目 - 2026年7月5日〜18日
ページエディタの強化と商品バリエーション
7月上旬は、ページエディタとショップの作業でした。スナップ整列、ページ全体のテンプレート、サイズガイド、交換です。書き起こした振り返りです。
Vinod Morya
Co-founder, PersonaCart • 2026年10月12日
これは2026年7月5〜18日を振り返る記事で、10月に、アプリのリポジトリのgit履歴をもとに書きました。以下はすべて、ステージングブランチにあるコードです。ローンチの告知ではありません。PersonaCartはローンチ前です。
対象期間: 2026年7月5〜18日。
要点
- ページエディタで要素を配置しやすくなりました。スナップガイド、より穏やかなドラッグ、ワンクリックのページ全体テンプレートです。
- ショップの商品バリエーションが、本物のストアのように動くようになりました。サイズガイド、交換、選んだオプションに連動した写真です。
- アシスタントのPieが、チャットの中で、ブリーフからページを作れるようになりました。
作ろうとしたもの
二つあります。一つは、デザインの経験がないコーチでも、見出し、ボタン、写真を配置して、意図的に見えるページにできるページエディタ。もう一つは、サイズ違いの商品を売る際の面倒な部分を扱えるショップです。エディタの作業は、主に小さな不満を減らすことでした。ショップの作業は、サイズ違いなど、販売の後に起きる状況に向けたものでした。
エディタで作ったもの
- スナップ整列。 要素を動かすと、中央や端のガイドにカチッと吸着します。
- 2種類のドラッグ。 親要素の内側でドラッグすると余白が微調整されます。親をまたいでドラッグすると並び順が変わります。別々の操作で、結果も異なります。
- 画像のタッチドラッグ。 スマートフォンでは、長押しで画像を持ち上げます。持ち上げたときには、目に見える合図が出ます。
- ワンクリックのページ全体テンプレート。 通常モードでは、ページ全体のテンプレートから始められます。生のセクションを積み重ねたものではなく、完成したページとして設計されたスポーツチーム向けのテンプレートも含まれます。
- テキストのハイライト。 どの単語にも、好きな色でハイライトを付けられます。
- ボタンのスタイルのコピー&ペースト。 あるボタンのスタイルをコピーして、別のボタンに貼り付けられます。サイドのアイコンまたはコンテキストメニューから操作します。
- 何を公開するか名前で示す公開ボタン。 どこにいるかに応じて、「ショップを公開」「ページを公開」「テーマを公開」と表示されます。
- 使えないオプションの削減。 ツールバーの溢れメニューでは、当てはまらない操作をグレーアウトではなく非表示にします。新しい要素は一瞬点滅するので、どこに置かれたか分かります。
- ついに反映されるようになった2つのテーマ設定。 セクションの余白と文字サイズの階層を、操作するとページが変わるように接続しました。
ショップで作ったもの
- サイズ・採寸ガイド。 一度作れば、複数の商品で使い回せます。
- バリエーションごとの写真。 色などの属性で写真を割り当てることもでき、購入者が選ぶとギャラリーが切り替わります。
- 交換。 注文は、サイズやバリエーションの交換フローを通せます。
- 並べ替え。 オプションの軸や値をドラッグして好きな順に並べ替えられ、ストアフロントもそれに従います。商品も、一覧で手作業で並べ替えられます。
- 商品の詳細。 素材、お手入れ方法、仕様のエディタが、商品ページの詳細ブロックに反映されます。
- ラベル。 各商品に購入者向けのラベルを付けられ、ショップではそれで絞り込めます。
- 配送のテストモード。 配送業者を接続するときのサンドボックス用スイッチで、実際の出荷なしで試せます。
マーケティングと運営
- 顧客タグによるクーポンとオートメーション。 クーポンは、実際のタグ、セグメント、新規顧客またはリピーターを対象にできます。オートメーションもタグで絞り込めます。
- ストアフロントごとのメニュー。 ヘッダーとフッターのメニューを、一覧ページから割り当てられます。
- 一括インポート。 Import/Exportの領域で、ストアのURLから商品を取り込めます。
- チャットで動くジョブ。 Pieは、支払いリンクの管理、キャンペーンのオーディエンスの設定、サブスクリプションの一時停止と再開ができます。また、短いブリーフからページを作り、プレビュー付きのセクション一覧を見せることもできます。
コーチやアカデミーにとっての意味
プログラムを販売するコーチには、サイズガイドは通常不要ですが、用品やウェアも売るコーチには必要です。交換やバリエーションの写真は、小さなショップの多くが苦手とする部分です。エディタの変更は、どなたにも関係します。ほとんどは、あちこちで1分ずつ節約できるものです。
これは、チームやスケジュールを扱う側であり、オンラインストアとは別のものであるAcademyとは区別しておきたいと思います。
次回予告
次の2週間は、BioLinkでの販売と予約、ドメイン、請求が中心です。それが次の記事です。
ご相談はこちら 私はPersonaCartの共同創業者の一人です。ご質問やアイデア、作ってほしい機能などがあれば、直接ご連絡ください:[email protected]
Vinod Morya, Co-founder, PersonaCart
Frequently asked questions
テンプレートからページを始められますか?
はい。エディタには、通常モードで始められるページ全体のテンプレートがあります。この期間のテンプレートには、完成したページとして設計されたチームページも含まれています。
ショップはサイズ交換に対応していますか?
サイズやバリエーションの交換フローのコードは、この期間に構築されました。ステージングブランチにあり、ローンチ済みとして発表してはいません。
Pieは私の代わりにページを作れますか?
Pieは、チャットでブリーフからページを作り、プレビュー付きのセクション一覧を見せられます。その後、エディタで開いて、何でも変更できます。
Written by Vinod Morya
Co-founder, PersonaCart
Helping creators build successful online businesses with practical tips and strategies.
Subscribe to our newsletter
Get the latest creator tips and strategies delivered to your inbox.