Как встроить программы Эдкоммерс на свой сайт.

Last updated: July 27, 2026

Объясняет, как встроить контент EdCommerce в существующий внешний сайт, создав виджет в настройках EdCommerce > Виджеты, настроив его внешний вид и вставив сгенерированный код в HTML-блок. Включает пошаговые инструкции для WordPress (Elementor и Visual Composer), Wix и Squarespace, а также примеры использования, такие как блоги, страницы мероприятий, страницы местоположений, страницы благодарности и рекламные кампании.

С EdCommerce вы можете не только создавать стильные посадочные страницы для электронной коммерции и даже создавать целые сайты, но и беспрепятственно интегрировать его мощные функции в любой существующий сайт, который вы используете.

Это означает, что вы получаете лучшее из обоих миров – функциональность вашего текущего сайта и мощные возможности EdCommerce.

Вы можете сделать это, создав и встроив виджет. Посмотрим, как это сделать.

Как создать виджет EdCommerce

  1. Доступ к настройкам EdCommerce: Войдите в свой аккаунт EdCommerce и перейдите в раздел «Настройки».
  2. Создать виджет: В меню слева выберите «Виджеты», затем «Создать новый виджет».
  3. Заполнить детали виджета: Заполните форму с названием вашего виджета, предпочтительным языком, валютой и национальностью студента.
  4. Выбрать контент: Выберите, какие программы или образовательные провайдеры отображать в вашем виджете. Просто нажмите «Программы» или «Провайдеры» и выберите нужные из списка справа.
  5. Настроить внешний вид: Отрегулируйте внешний вид виджета, редактируя стиль шрифта, цвет фона и тень рамки, чтобы он соответствовал дизайну вашего сайта. Также можно изменить отступы для лучшей посадки, нажав на квадратную иконку внутри предварительного просмотра виджета.
  6. Сохранить ваш виджет: После того, как вы удовлетворены настройками, нажмите «Сохранить».

После сохранения виджета вы получите фрагмент кода.

Этот код нужно вставить на ваш сайт, продолжайте читать, чтобы узнать как.

Как добавить виджет EdCommerce на ваш сайт

Просто откройте страницу на вашем сайте, куда вы хотите вставить этот виджет, и вставьте HTML-блок с кодом.

В зависимости от CMS вашего сайта (например, WordPress или Wix), способ добавления этого кода может отличаться. Обычно все редакторы сайтов позволяют перетаскивать HTML-блок.

Вот некоторые примеры:

WordPress (с Elementor):

  • Откройте страницу, которую хотите редактировать с помощью Elementor.
  • Перетащите виджет «HTML» из левой панели на страницу туда, где нужен виджет.
  • Вставьте код фрагмента EdCommerce в HTML-блок.
  • Нажмите «Обновить», чтобы сохранить изменения.

WordPress (с Visual Composer):

  • Редактируйте страницу, на которой хотите разместить виджет.
  • Нажмите на кнопку '+' для добавления нового элемента.
  • Выберите 'Raw HTML' или 'Custom HTML' из элементов контента.
  • Вставьте ваш код фрагмента Эдкоммерс в текстовое поле.
  • Сохраните изменения, нажав 'Обновить' на странице.

Wix:

  • Перейдите на страницу, которую хотите отредактировать в редакторе Wix.
  • Нажмите 'Добавить' (+) слева в редакторе и выберите 'Еще'.
  • Выберите 'HTML iframe' из выпадающего меню.
  • Нажмите 'Ввести код', а затем вставьте код фрагмента Эдкоммерс в окно настроек HTML.
  • Нажмите 'Применить', чтобы сохранить и увидеть виджет на вашей странице.

Squarespace:

  • Перейдите на страницу, куда хотите добавить виджет.
  • Нажмите '+Добавить блок' и выберите 'Код' из меню.
  • Вставьте ваш код фрагмента Эдкоммерс в блок кода и нажмите 'Применить'.

Если вы не можете найти модуль HTML в редакторе, попробуйте сделать это, редактируя код 'rich text' модуля.

Примеры использования

С этой функцией вы можете превратить ваш сайт в более увлекательную и информативную платформу. Встраивание этих виджетов на ваш сайт может повысить содержание, увеличить вовлеченность пользователей и повысить конверсии.

Вот некоторые примеры того, как виджеты Эдкоммерс могут быть креативно использованы на вашем сайте:

Улучшения для блог-постов:

Если вы пишете блог-пост о учебе в определенном месте, например, в Сиднее, вставьте виджет в конце поста. Представьте ваши топ-3 программ или специальные акции в Сиднее, чтобы побудить читателей исследовать эти варианты. Это значительно увеличит конверсии, напрямую связывая содержание с релевантными программами.

Страницы мероприятий:

Для веб-страниц, продвигающих образовательные ярмарки или вебинары, вставьте виджет, чтобы показать программы или учреждения, участвующие в мероприятии. Это даст посетителям предварительный просмотр того, что их ожидает, и может побудить к регистрации или дополнительным вопросам.

Страницы, посвященные конкретным странам:

Если ваш сайт содержит страницы, посвященные конкретным направлениям обучения или странам, вставьте виджет на эти страницы, чтобы отображать доступные программы в этих местах. Это отличный способ предоставить релевантные варианты уже заинтересованным пользователям.

Страницы благодарности за подписку на рассылку:

После того, как посетитель подпишется на вашу рассылку, его перенаправляют на страницу благодарности. Здесь вы можете вставить виджет, чтобы сразу привлечь их к популярным или рекомендуемым программам.

Во время промо-кампаний:

Если вы проводите промо-кампании для определенных курсов или направлений, интегрируйте виджет на целевые страницы кампании. Настройте виджет так, чтобы он показывал программы, связанные с кампанией, для целостного пользовательского опыта.