ホームページの料金・Q&Aは自分で直せる?編集パネルを実画面で紹介

ホームページの料金・Q&Aは自分で直せる?編集パネルを実画面で紹介

告知
ビジネス・マーケティング
「料金が変わった」「よく聞かれる質問を追加したい」「案内先を別のページに変えたい」。ホームページやLPは、作ったあとにも情報を直す場面があります。

絆紡舎の専用編集パネルは、用意された入力欄で内容を変更し、隣のプレビューで仕上がりを見る仕組みです。今回は業務用3種キットの商品・ブランド型を使い、実際の編集画面をご紹介します。

画面は自主制作の見本です。架空の商品・価格とAI生成の写真を使っており、実在商品の販売事例やお客様の実績ではありません。

料金は、金額の入力欄から変更


見本の価格を3,200円から3,500円へ変更しました。同じ料金データを使う冒頭・販売案内・最後の案内の3か所に反映され、保存後の公開用ファイルにも残ることを検証しています。
before.png

変更前:3,200円。商品・ブランド型の制作見本です。
after.png

変更後:3,500円。見出しと写真も変更した同じ見本を、保存した公開用ファイルで確認しています。
price_input.png

価格の入力欄とプレビュー。ページ内の同じ料金データをまとめて反映できます。

本文に手入力した送料や注意書きの数字まで、自動で変わる仕組みではありません。変更後は、関連する説明文も確認します。

Q&Aは、質問も回答も書き換える


「購入前に何を確認してほしいか」「どこで送料を案内するか」。質問文と回答文は、それぞれの入力欄から変更できます。用意された範囲で、質問の追加・削除・並べ替えもできます。

faq_editor.png

Q&Aの実編集画面。表示したい質問と回答を、別々の欄に入力します。

パネルにある項目なら、コードを直接探して書き換える作業をせずに内容を整えられます。編集できる項目は型によって異なります。

案内ボタンは、文言と行き先を設定


ボタンに書く言葉だけでなく、押した後の行き先も設定します。ページ内のQ&A、購入者が用意したWebページやLINE、メール・電話など、用意された種類から用途に合わせて選びます。
contact_editor.png

この画面は「購入前の確認を見る」から、ページ内のQ&Aへ案内する設定例です。

予約や決済を行いたいときは、用意した外部サービスへの案内先を設定します。予約管理や決済処理そのものがキットに内蔵されているわけではありません。

プレビューで確認して保存。公開は次の工程


文章や写真、料金を変更したら、PC・スマホ表示のプレビューで確認します。次に編集用と公開用のファイルを分けて保存します。編集用は次回の修正に、公開用はサーバーへの設置に使います。

パネルで変更しただけでは、インターネット上のページは切り替わりません。公開担当が公開用ファイルを設置・差し替え、公開URLを確認します。

自由なレイアウトの組み替えや機能追加は標準範囲外です。また、写真の中に写った文字は、文章の入力欄とは別に画像側を編集します。

制作を頼む方、自分で制作を進める方へ


ご自身の事業に合わせたホームページ・LPを制作してほしい方は、個別制作をご覧ください。用途と更新したい項目に合わせて、専用の編集項目を相談します。基本1ページ1本の制作は15万円です。
ホームページ・LPの個別制作:https://coconala.com/services/4417973



自社用や顧客向けの制作を、ご自身で進めたい方には業務用3種キットがあります。事業・サービス紹介、店舗・施設案内、商品・ブランド紹介の3型、編集パネル、日本語説明書のセットで50万円です。許諾範囲内で自社用にも顧客への有償制作にも使えます。元キットそのものの再販売・再配布はできません。


業務用ホームページ・LP制作キット:https://coconala.com/services/4423168

キットはWindows PC版Chrome向けです。3型の編集・保存・再表示はローカルHTTP環境で確認しています。ファイルを直接開く確認は汎用型の起動と変更前編集用ファイルの保存・再表示までで、その他の直接ファイル操作は未確認です。対象環境・確認範囲・公開担当は、商品本文とFAQでご確認ください。

「何を直せるようにしたいか」が決まっていると、制作方法も選びやすくなります。購入前の相談では、変更したい情報と公開・更新の担当をお知らせください。

※価格・提供条件は2026年10月5日確認時点です。最新の内容は各商品ページをご確認ください。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す