01
前提条件
ペライチは 2025 年 10 月の料金改定以降、4 つの有料プラン（ライト / レギュラー / ビジネス / プロフェッショナル）を提供しています。HTML/CSS/JS 埋め込み機能は「ビジネスプラン」および「プロフェッショナルプラン」で利用可能です。ライト・レギュラープランでは埋め込みができません。また、埋め込みブロックは編集画面では動作せず、プレビューまたは公開後の URL でのみ表示される仕様ですのでご注意ください。
- ペライチのビジネスプラン以上の契約（プロフェッショナルプランも対応）
- ミツモリンクでフォームを 1 個以上作成済み
- ペライチページの編集権限
02
設置手順
- 01
ミツモリンクでフォーム ID を確認する
ミツモリンクのダッシュボードで対象のフォームを開き、「埋め込みコード」タブに表示される 1 行の script タグをコピーします。
- 02
ペライチで対象ページを編集モードで開く
マイページページ一覧編集フォームを設置したいページを選んで「編集」に進みます。
- 03
HTML 埋め込みブロックを追加する
ブロック追加タグ（HTML/CSS/JS）埋め込みブロック追加メニューを開き、「タグ埋め込み」または「HTML 埋め込み」と表記されているブロックを、挿入したい位置に追加します。
- 04
コードを貼り付ける
追加したブロックをクリックし、編集エリアにミツモリンクでコピーした script タグをそのままペーストして保存します。
- 05
プレビューで動作確認する
ペライチの編集画面内では埋め込みコードが動作しません。編集画面右上の「プレビュー」から、実際のブラウザ表示でフォームが正しく動くか確認してください。
- 06
公開する
プレビューで問題なければ「公開」ボタンで本番に反映します。
貼り付けるコード例
<script src="https://mitsumolink.com/widget/widget.global.js" data-widget-id="YOUR_WIDGET_ID"></script>YOUR_WIDGET_ID の部分を、ミツモリンクでコピーしたコードの data-widget-id の値に置き換えてください。
03
動作確認
公開後、以下を確認してください。
- 公開 URL でページを開くとフォームが表示される
- 項目を選択すると合計金額がリアルタイムで更新される
- 「見積もりを送信する」ボタンから実際に送信できる
- Pro プランをご利用中の場合、事業者用メール通知が届く
04
よくあるトラブル
05
次のステップ
別の CMS にも設置したい方は、他のガイドをご覧ください。まだフォームを作っていない方は、無料で最初のフォームを数分で作成できます。
ペライチ 公式の参考リンク
他の CMS ガイド