あなたのサイトにエドコマースプログラムを埋め込む方法。

Last updated: July 27, 2026

エドコマースのコンテンツを既存の外部ウェブサイトに埋め込む方法を説明します。エドコマース設定 > ウィジェットでウィジェットを作成し、その外観をカスタマイズし、生成されたコードスニペットをHTMLブロックに貼り付けます。WordPress（ElementorとVisual Composer）、Wix、Squarespaceのステップバイステップの手順や、ブログ投稿、イベントページ、場所ページ、サンキューページ、プロモーションキャンペーンなどのユースケースも含まれます。

エドコマースを使えば、スタイリッシュなeコマースランディングページを作成したり、ウェブサイト全体を作成したりできるだけでなく、シームレスにその強力な機能を< /b>既存のウェブサイトに< b>統合することも可能です。

これは、あなたの現在のウェブサイトの機能とエドコマースの強力な機能の両方の良いところを得ることを意味します。

これを行うには、ウィジェットを作成して埋め込む必要があります。やり方を見てみましょう。

エドコマースウィジェットの作り方

エドコマース設定にアクセス：エドコマースアカウントにログインし、「設定」セクションに移動します。
ウィジェットを作成：左側のメニューから「ウィジェット」を選択し、「新しいウィジェットを作成」をクリックします。
ウィジェットの詳細を入力：ウィジェットの名前、希望の言語、通貨、学生の国籍をフォームに入力します。
コンテンツを選択：ウィジェットに表示するプログラムや教育プロバイダーを選択します。「プログラム」または「プロバイダー」をクリックし、右側のリストから表示したいものを選びます。
外観をカスタマイズ：フォントスタイル、背景色、ボックスシャドウを編集して、ウェブサイトのデザインに合わせます。ウィジェットプレビュー内の四角いアイコンをクリックして余白も調整できます。
ウィジェットを保存：設定に満足したら、「保存」をクリックします。

ウィジェットを保存した後、コードのスニペットが得られます。

このコードはあなたのウェブサイトに追加する必要があります。次に、その方法を学びましょう。

エドコマースウィジェットをあなたのサイトに追加する方法

あなたのウェブサイトのページを開き、このウィジェットを配置したい場所にHTMLボックスを挿入してください。

あなたのウェブサイトのCMS（WordPressやWixなど）によって、このコードを追加する方法は異なる場合があります。一般的に、すべてのウェブサイトエディターはHTMLボックスをドラッグ＆ドロップできるようになっています。

いくつか例を挙げます：

WordPress（Elementor使用）：

Elementorで編集したいページを開きます。
左側のパネルから「HTML」ウィジェットをページにドラッグします。
エドコマースのスニペットコードをHTMLコードボックスに貼り付けます。
「更新」をクリックして変更を保存します。

WordPress（Visual Composer使用）：

ウィジェットを含めたいページを編集します。
新しい要素を追加するには、「+」ボタンをクリックします。
コンテンツ要素から「生のHTML」または「カスタムHTML」を選択します。
エドコマースのスニペットコードをテキストボックスに貼り付けます。
ページの「更新」をクリックして変更を保存します。

Wix:

Wixエディタで編集したいページに移動します。
左側の「追加」(+）をクリックし、「その他」を選択します。
ドロップダウンメニューから「HTML iframe」を選択します。
「コードを入力」をクリックし、エドコマースのスニペットコードをHTML設定ボックスに貼り付けます。
「適用」をクリックして保存し、ページにウィジェットを表示します。

Squarespace:

ウィジェットを追加したいページに移動します。
「+ブロックを追加」をクリックし、メニューから「コード」を選択します。
エドコマースのスニペットコードをコードブロックに貼り付け、「適用」をクリックします。

エディタにHTMLモジュールが見つからない場合は、「リッチテキスト」モジュールのコードを編集して行うこともできます。

ユースケース

この機能を使えば、あなたのウェブサイトをより魅力的で情報豊富なプラットフォームに変えることができます。これらのウィジェットをサイトに埋め込むことで、コンテンツを強化し、ユーザーのエンゲージメントを高め、コンバージョンを増やすことができます。

以下は、エドコマースのウィジェットをサイト全体でクリエイティブに活用する例です：

ブログ投稿の強化：

特定の場所（例：シドニー）での学習についてブログを書いている場合は、投稿の最後にウィジェットを埋め込みます。シドニーのトップ3プログラムや特別プロモーションを紹介し、読者にこれらのオプションを探索させましょう。これにより、コンテンツと関連プログラムを直接リンクさせることで、コンバージョンを大きく向上させることができます。

イベントページ：

教育フェアやウェビナーを宣伝するウェブページには、ウィジェットを埋め込み、参加しているプログラムや機関を紹介します。これにより、訪問者は何を期待できるかのプレビューを得られ、サインアップや問い合わせを促進できます。

場所別ページ：

特定の留学先や国に特化したページがある場合は、これらのページにウィジェットを埋め込み、その場所で利用可能なプログラムを表示します。すでにこれらの目的地に興味を持っているユーザーに適したオプションを提供するのに最適です。

ニュースレター登録完了ページ：

ニュースレターに登録した後、感謝ページにリダイレクトされます。ここでウィジェットを埋め込み、人気のあるまたは特集のプログラムで即座にエンゲージさせることができます。

プロモーションキャンペーン中：

特定のコースや目的地のプロモーションキャンペーンを実施している場合は、キャンペーンのランディングページにウィジェットを統合します。キャンペーンに関連したプログラムを特集し、一貫したユーザー体験を提供します。