🎭 デモモード — これはモックデータを使ったプレビューです。実際のデータは保存されません。無料で始める →

ウィジェット管理

サイトに埋め込むウィジェットを作成・管理できます

Wall of Love

ホームページ用 Wall of Love

4件の声 · 2026/2/5

カルーセル

LP下部カルーセル

4件の声 · 2026/2/20

ウィジェットプレビュー

Wall of Love プレビュー
4件の声
鈴木 花子
ECサイト運営者

サービスを利用してから売上が20%以上アップしました!

山田 健一
フリーランスデザイナー

ポートフォリオサイトにウィジェットを埋め込んだら、お問い合わせが増えました。

佐藤 美咲
コーポレートブランドマネージャー

デザインのクオリティが非常に高く、ブランドイメージの向上に貢献いただきました。

中村 由美
ネイルサロンオーナー

SNSでシェアする前に、まずこえポストで集めた口コミをサイトに掲載することにしました。

埋め込みコードのサンプル
<div id="koepost-widget-widget-1"></div>
<script>
(function () {
  var origin = "https://koepost.com";
  var id = "widget-1";
  var container = document.getElementById('koepost-widget-' + id);
  if (!container) return;

  var iframe = document.createElement('iframe');
  iframe.src = origin + '/w/' + id;
  iframe.title = "お客様の声";
  iframe.loading = 'lazy';
  iframe.scrolling = 'no';
  iframe.style.cssText = 'width:100%;height:600px;border:none;display:block;overflow:hidden;';

  // 受け取り側を先に用意してから読み込ませる。
  // iframe の load を待ってから登録すると、最初の高さ通知に間に合わず、
  // 中身が変わらないウィジェットでは高さがずれたままになる。
  window.addEventListener('message', function (e) {
    if (e.origin !== origin) return;
    var d = e.data;
    if (d && d.type === 'koepost-resize' && d.widgetId === id && d.height > 0) {
      iframe.style.height = d.height + 'px';
    }
  });

  container.appendChild(iframe);
})();
</script>

実際のアカウントでは、ウィジェットのデザインカスタマイズ・埋め込みコードの取得ができます。