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

Данный фукционал доступен только для планов Business или Enterprise.

Для начала, нужно будет разобраться с тем, что можно сделать и в этом вам поможет наш репозиторий GitHub с примерами готовых блоков-расширений. Готовы? Начинаем! :)

1) Итак, выберите нужный пример расширения из папки extensions, которое хотите интегрировать в редактор

2) Установите программу npm install (она загружается как пакет и ее зависимости), а далее запустите команду npm i в консоли разработчика для того, чтобы подтянуть и подключить нужные модули из интернета.

Важно, чтобы npm install выполнялась в том же месте, что и файл package.json.

3) Замените образец кода из GitHub вашей логикой продукта. Замените данные в конфигурации на свои переменные или полностью поменяйте логику работы блока.

4) Скомпилируйте этот код с помощью команды: npm run build

Готовый код будет сохранен в папке dist.

Вам остается только сохранить скомпилированные файлы расширений на вашем хостинге и при инициализации редактора Stripo вставить приведенный ниже пример кода в параметры:

window.Stripo.init({

...,
"extensions": [
{
"globalName": "YourExtensionName",
"url":"https://your.hosting/main.hash.extension.js"
}
]
});

5) При инициализации редактор загрузит стандартные блоки товара с вашим расширением и вы сможете протестировать работу блока(ов).

Звучит все равно не сильно понятно? Давайте разберем на реальном примере!

Допустим, вы уже продумали всю логику открываемого блока и описали ее в своем файле js.

Далее, вам нужно инициализировать плагин и применить для функции window.Stripo.init такой тип расширения:

{ 

"globalName": "ProductBlockExtension",
"url":"https://rcrm.stripocdnplugin.email/content/retailcrm/samples/product/0.1/main.092072eb39ff67666a45.extension.js"

}

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

Например:

"productBlock": {

"enabled": true,
"precondition": {
"enabled": true,
"count": {
"min": 1,
"max": 12,
"def": 3
}
},
"recommendation": {
"groups": [
{
"id": "group1",
"name": "Чехлы для iPhone",
"count": 6
},
{
"id": "group2",
"name": "Аксессуары",
"count": 4
}
]
}
}

Если таких параметров нет, то названия расширения и ссылки на его js-файл будет достаточно.

Как результат, вы просто инициализируете плагин и пользуетесь расширением как обычным блоком.

После клика на блоке в боковом меню можно выбрать те самые данные, которые вы описывали в конфигурации ранее.

Если у Вас все еще остались вопросы, пожалуйста, напишите нам на почту support@stripo.email или в чат поддержки.

Вы нашли ответ?