自分で配置できる商品ページ | PersonaCartの歩み

これは2026年9月21〜27日を振り返る記事です。リアルタイムの日記ではなく、10月12日にコミット履歴をもとに書いています。対象期間:2026年9月21〜27日。

要点

• 商品ページに新しいヒーローレイアウトとブロックリストが加わり、ファーストビューに何を置くかを自分で決められます。
• ショップのカードが、表示する商品のタイプに合わせて変わるようになりました。
• 「動画を作成」が、短いガイド付きの質問から、自分の端末でレンダリングされるようになりました。

主な成果:自分で配置できる商品ページ

商品ページは、多くの購入者が購入を決める場所です。この週より前は、その一番上のセクションであるヒーローは、固定された1つの形でした。ステージングブランチのアプリでは、ヒーローに複数のレイアウトが用意され、各部分を個別にサイズ調整できます。

最大の変更は、ヒーローのブロックリストです。ヒーローは、タイトル、価格、説明、オプションピッカー、数量、購入ボタン、特徴の行などの部品の集まりです。新しい「表示する内容」コントロールで、各部品のオン・オフを一か所で切り替えられます。商品はテーマの既定のリストに従うことも、その商品用にカスタマイズすることもでき、「リセット」ボタンで既定に戻せます。既定のリストは、以前とまったく同じ見た目でページを描画するので、既存のページは変わりません。

ヒーローのその他の作業:

• タイトルの下に並ぶ詳細チップの行(たとえば「オンライン」「初心者歓迎」)。
• 特徴の行ごとの任意の値。たとえば特典の価値などです。
• 数量、今すぐ購入ボタン、オプションの選択スタイル、スマートフォンのサムネイル。Shopifyが商品セクションの販売者に提供するコントロールにならっています。
• スマートフォンでは、共有ボタンが写真の角に浮かびます。
• デスクトップのサムネイルは、均等な列に並びます。

すでにその商品を購入した購入者には、ヒーローの上に細い帯が表示されます。「○月○日に購入しました、注文を見る」。予約の場合は、次のセッションの日時と管理へのリンクが表示されます。イベントの場合は、保有しているチケットの枚数とそのリンクが表示されます。

売っているものが分かるショップカード

ショップページは、商品をカードで一覧します。共有のカードデザインを5つ作りました。Compact、Cover、Spotlight、Ticket、Headlineです。それぞれが商品タイプに合わせて変わるので、コース、サービス、イベントがすべて同じ情報を表示することはありません。ボタンの文言もタイプによって変わり、翻訳済みのリストから選ぶか、カスタムも選べます。エディタでは、ショップの各部分を個別に選択でき、キャンバス上の商品写真をクリックすると、フレームを調整する小さなポップアップが開きます。絞り込みの結果が0件になった購入者は、空のページではなく、役に立つ場所に移動します。

自分の端末での動画作成

「動画を作成」ツールは、サーバーではなく、お使いのブラウザで動画をレンダリングするようになりました。ガイド付きの質問から始まり、テンプレートを埋め、それから微調整できます。テンプレートは、正方形、縦長、縦長のスマートフォン、ワイドスクリーンの形でレンダリングされます。動画内の固定の言葉は、選んだ言語に従います。商品は最初のフレームから表示され、すべての写真が一度ずつ登場します。

この週に作ったほかのもの

• トレーナーページ: 各トレーナーが、自分のメニューを載せた公開ページを持て、クリエイターはタイトル、画像、名前を一度の保存で編集できます。
• 予約: Googleカレンダーの予定で予約枠がブロックされます。予約商品にデポジットを求められます。トレーナーには、枠が確定、キャンセル、移動されたときに通知されます。
• ライブチャット: チャットボタンの画像をフィットさせ、トリミングできます。訪問者には、最寄りの大都市と国旗が表示されます。購入者の名前に触れずに、チャットの名前を変更できます。ウィジェットは、最初の質問チップを提示できます。
• テーマビルダー: サイドパネルは分かりやすいラベルを使い、すべてのコントロールにツールチップが付きました。
• サポートとキャンペーン: 小さな改善がいくつかあります。一つずつは挙げません。

コーチやアカデミーの運営者にとっての意味

キャンプ、コース、1対1のセッションを販売するコーチは、それぞれに専用の商品ページの形を与えられるようになりました。ページを価格から始めるか、スケジュールから始めるか、写真から始めるかは、あなたが決めます。複数のコーチでセッションを運営しているなら、それぞれが自分のページを持て、カレンダーがダブルブッキングを防ぎます。すでに予約した保護者は、戻ってきたときに自分の予約が見えるので、「チケットはどこ」というメッセージが減ります。

チーム側についてはAcademyを、各プランの内容は料金ページをご覧ください。

次回予告

次の週はAIが中心です。外部のAIアシスタントをストアに接続し、変更内容はあなたが承認します。

ご相談はこちら 私はPersonaCartの共同創業者の一人です。ご質問やアイデア、作ってほしい機能などがあれば、直接ご連絡ください:[email protected]

Vinod Morya, Co-founder, PersonaCart