インポートしたページのどの要素も編集可能に:9月のPersonaCart

これは、PersonaCartの1週間の作業、2026年9月7〜13日を振り返る記事で、2026年10月12日にコード履歴をもとにまとめました。新機能が他の週より少ない週だったので、この記事は短めです。対象期間:2026年9月7〜13日。

要点

• 目玉機能は、Beautifyでインポートしたページの全要素に対する設定シートです。
• スマートフォンとデスクトップで、コンテナの子要素を別の順序で表示できるようになりました。
• 会員限定の商品は、チェックアウトの前に購入者へ警告されます。

これらはすべて構築済みで、ステージングブランチにあります。プラットフォームはローンチ前で、主な利用者は私たち自身のアカウントです。

目玉機能:インポートしたページのどの要素も変更できる

PersonaCartは、すでにお持ちのページを、編集できるページに変換できます。弱点は、その後でした。1つのボタンの周りの余白を変えたい、1つの段落を中央揃えにしたい、というときに、そのためのコントロールがないことがよくありました。

そこでこの週のルールは、要素をタップすると、画面の下から3つのタブ(コンテンツ、レイアウト、スタイル)を持つシートが開く、というものでした。私たち自身のセクション用のエディタパネルの縮小版です。目指したのはシンプルなことです。インポートしても、ロックされない。

このシートは、実際のページで出会う種類の要素に対応しています。

• テキスト。 太字、斜体、リンクを失わずに、テキストの各ブロックを編集できます。配置、サイズ、太さ、色と、スクリーンリーダー向けの見出しレベルを設定します。
• 画像。 キャプション、焦点、固定された縦横比、枠線、即時読み込みか遅延読み込みかの選択です。
• リンクとボタン。 新しいタブで開く、サイズの選択、アフィリエイトリンク用の「sponsored」マーカー、アクセシブルなラベルです。
• フォーム。 完了メッセージ、送信ボタンのスタイル、フィールドのレイアウト、枠線です。
• 動画。 ポスター画像、最大幅、再生ボタンのスタイル、プリロードのオプションです。
• アイコン、SNSアイコン、区切り線。 円形の背景、回転と反転、ホバーでの拡大、新しいタブで開くです。
• 項目のリスト。 項目の複製、モバイル専用の間隔、項目の枠線、ホバーで浮き上がる効果、時間差で現れる演出です。
• コンテナとセクション。 レイアウトモード、グリッドの列数、縦方向の配置、折り返し、コンテンツ幅、全幅の切り替え、名前付きスロットへ移動するリストです。

加えて、インポートしたセクションのどの要素でも、マージンとパディングのコントロールが使えるようになりました。

ほかに動いたもの

モバイルでの並び順。 コンテナは、スマートフォンとデスクトップで、子要素を異なる順序で表示できます。たとえば、390ピクセルの画面では予約ボタンを最初に、広い画面では最後に表示する、といったことです。デスクトップの順序が、唯一の基準であり続けます。カードのグリッドも、モバイルでの列数を個別に設定できます。

会員限定の警告。 商品が会員限定の場合、購入者は、詳細を入力した後ではなく、チェックアウトの前に商品ページで知らされます。

請求画面。 クリエイターの請求ページは、トライアル、無償、支払い中の3つの状態を区別して表示するようになりました。

Pie。 PieのFAQページを、表示と編集のダイアログ、商品ごとにまとめたカードで再設計しました。一時停止中のPieは、チャットで頼むとオンにできます。一時停止中のストアがドメインを認証すると、Pieは自動的に再開します。

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

多くのコーチは、すでに友人や代理店が作ったウェブサイトを持っています。いつも問題になるのは、コントロールを失わずに移行できるか、ということです。要素シートは、その「コントロール」の半分への私たちの答えです。テキスト、写真、ボタンの余白を自分で変えられれば、昔のサイトを作った人にメッセージを送る必要はありません。

ビルダーが現在提供しているものを見たい場合は、/toolsから始めてください。請求に関する質問は、/pricingにプランがあります。

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

Vinod Morya, Co-founder, PersonaCart