ツール
プレビュー
プレビュー

ユーティリティを選んで始めましょう

oEmbedとは？

WordPress、Twitter、Discordが採用している「魔法の」技術です。リンクを貼り付けるだけで、自動的にビジュアルカードに変換されます。

最も簡単 ライター向け

iFrameとは？

別サイトへの「窓」のようなものです。純粋なHTMLで、世界中あらゆるサイト（Wix、Shopify、静的HTMLなど）で動作します。

汎用性が高い テクニカル

このウィジェットはどこで使えますか？

WordPress

100%対応。oEmbedリンク（オプションA）またはiFrame（オプションB）をご利用ください。

Wix / Shopify

「サイトを埋め込む」または「HTML」ブロックを探して、?widget=trueを付けたリンクを使用してください。

Squarespace

「Code Block」を追加し、iFrameのコード全体を貼り付けてください。

カスタム開発

どこでも動作します。iFrameコードをコピーして貼り付けるだけです。

WordPressをお使いですか？インストールガイド

A 基本オプション（プラグイン不要）

oEmbedリンクをコピーして、WordPressのエディターに直接貼り付けてください。自動的にカードに変換されます。

表示が切れていますか？
セキュリティ上の理由から、WordPressは高さの自動調整をブロックすることがあります。ウィジェットが不完全に見える場合はオプションBをお試しください。
手動での解決方法： ブロックの「詳細」タブからCSSクラスやカスタムスタイルを追加して、高さを調整できます。
B プロ向けオプション（推奨）

高さが自動的に調整され、表示が切れないようにするには：

  1. リポジトリから無料のIframelyプラグインをインストールします。
  2. 有効化します（設定は不要です）。
  3. もう一度リンクを貼り付けてください。完璧にフィットします！ ✨

なぜ当スタジオのウィジェットを使うの？

複雑なコードを一行も書かずに、サイトの滞在時間と利便性を向上させましょう。

超高速読み込み

iFrameで分離されているため、メインサイトのパフォーマンスに影響しません。

レスポンシブデザイン

ウィジェットが利用可能なスペースを検知し、モバイル・タブレット・デスクトップに自動で対応します。

SEO効果アップ

インタラクティブなツールはユーザーのエンゲージメントを高め、Googleのランキングに重要な影響を与えます。

お好みのプラットフォームですぐに使える