1. Вы должны определить 2 <div> области: одну для панели настроек Stripo (где будут расположены элементы управления), а другую для рабочей области (область, где будет отображаться шаблон электронной почты, с которым вы будете работать).

<div id="stripoSettingsContainer"></div>
<div id="stripoPreviewContainer"></div>

С точки зрения пользовательского интерфейса — это всего лишь 2-элементная область (Панель настроек и рабочая область) и один JS, который можно настроить в соответствии с вашими желаниями для встраивания в эти области.

Пожалуйста, обратите внимание:

  • вы можете установить ширину каждого контейнера в соответствии со своими предпочтениями;

  • высота "stripoPreviewContainer" по умолчанию растягивается от места, где он был вставлен, до нижней части экрана. Чтобы установить другое значение, вы должны установить встроенный стиль максимальной высоты для этого контейнера;

  • высота "stripoSettingsContainer" по умолчанию растянута до высоты содержимого и ограничена нижней частью экрана. Чтобы установить другое значение, вы должны установить встроенный стиль максимальной высоты для этого контейнера.

Например, max-height: calc (100vh - 100px), где 100px - общая высота верхней и нижней панелей. Стиль max-height должен быть указан для каждой панели отдельно, если не указан, высота будет изменена по умолчанию, от точки вставки до нижней части экрана.

2. Далее, вы должны поместить на своей странице скрипт, взятый из вкладки «Ключи приложения и код вставки плагина» своего аккаунта Stripo

Если вы хотите разместить aссеты Stripo Plugin на своей стороне, можно загрузить их из репозитория Stripo Github: https://github.com/ardas/stripo-plugin.

Готово. Вы готовы к инициализации плагина

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