1с битрикс — bitrix Исправить шаблон, модуль

Содержание

Пишем первый модуль для 1С-Битрикс с использованием ядра D7

Совсем недавно, а точнее несколько месяцев назад, моя деятельность переплелась с системой управления содержимым 1С-Битрикс. И хотя в начале я был не восторге, а многие вещи мне казались запутанными и местами нелогичными, но чем дольше я работал с 1С-Битрикс, тем больше убеждался, что 1С-Битрикс – это система, которая позволяет реализовать проект любого уровня сложности. Если после установки одной из редакций движка, возникает необходимость в дополнительной функциональности, её можно расширить при помощи платных или бесплатных модулей. Сегодня же я расскажу, как написать такой модуль самому.

После прочтение документации, статей и просмотра видео уроков можно определено сказать, что после написания собственного модуля – степень понимания работы 1С-Битрикс вырастит на существенный уровень. По крайней мере, раньше я считал Битрикс просто CMS, но сейчас, он развивается как платформа для разработки веб-приложений — Bitrix Framework. Поработав определенное время с относительно крупными проектами на 1С-Битрикс, могу сказать, что как по мне, мало «это» напоминает фреймворк, больше мешанину (эта одна из причин по которой многие из моих знакомых отказываются работать с Битрикс), особенно, где код не переработан под новое ядро D7.

Итак, давайте притупим, и для начала нужно определиться, что и как писать. Первое и самое важное — разрабатывать модуль мы будем с максимальным использованием нового ядра D7, поэтому я не поленюсь потратить время на документацию. Использование D7 делает код более красивым и логичным. Во-вторых, в этой статье мы рассмотрим создание простого модуля, а в будущем эти наработки я хочу использовать для написания более интересных штук.

Что же написать? Тут я решил не мудрить и залез на маркетплейс и наткнулся:

Что интересно, казалось бы, добавить к себе кнопку наверх по сути пару минут, но есть платные решения и у некоторых из них более 300 скачек. В общем, говоря, выбор у меня для первого модуля пал именно на данную кнопку с набором настроек, которые можно будет менять через админку сайта.

Структура модуля

Разрабатываемый модуль рекомендуется помещать в папку local, так мы и поступим, это позволит его отделить от других решений и работать будет немного приятнее и проще. Какие файлы и папки могут и должны быть, можно изучить в соответствующем разделе документации Битрикс . Для реализации нашей задумки структура будет выглядеть так:

  1. Пака модуля falbar.totop – название её в системе используется как индификатор, так что рекомендуется добавлять помимо названия и имя партнера. Соответственно falbar – имя партнера, totop – название модуля;
  2. Внутри лежат три папки: install – набор скриптов для установки и удаления модуля, lang – набор языковых файлов, lib – набор файлов, в которых реализуется логика решения;
  3. И осталось два файла: include.php – файл, подключаемый при вызове модуля в коде (его мы использовать не будем и оставим пустым), options.php – страница настроек, подключаемая в административной части.

Теперь рассмотрим папку install поподробнее:

  1. assets – в этой папке я разместил JavaScript и CSS нашей кнопки, которые будут подключаться в пользовательской части;
  2. index.php – файл в котором содержится описание модуля и реализуется установка и удаление его;
  3. step.php и unset.php – соответственно шаги установки и удаления, их может быть сколько угодно, а также мы можем и не использовать их;
  4. version.php – в нем указывается версия и время обновления нашего модуля.

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

Модуль кнопка наверх не требует сложной логики, мы больше будем заниматься оформлением его для системы, но параметры, которые нам нужны для настройки кнопки на стороне клиента необходимо как то получить, вот для этого и понадобиться класс Main, который мы разместим в соответствующем файле Main.php.

Установка и удаление модуля Битрикс

Вот мы и приступили непосредственно к написанию кода. Первое, что стоит заполнить это файл version.php:

Указываем в массиве два параметра версию и время обновление модуля и переходим к описанию главного файла index.php:

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

Теперь нам нужно написать класс, в котором будет реализована установка и удаление модуля:

Имя класса должно соответствовать папке модуля и являться наследником от CModule, только вместо точки стоит прописать нижние подчеркивание, после чего в адмике мы увидим, что система определила наш модуль:

Двигаемся дальше и сообщим системе больше информации, о нашем модуле, указав основные свойства, делать это я буду в конструкторе класса:

Рассмотрев несколько примеров решений, я пришел к выводу, что конструктор лучше всего подходит для выполнения такого рода задач. В нем мы подключили наш файл version.php и заполнили основные свойства для нашего класса. Перед тем, как посмотреть результат этих действий, нам нужно заполнить соответствующий языковой файл:

Вернемся в админку и посмотрим, как теперь выглядит модуль:

Следующий метод, который мы напишем, реализует процесс установки:

Уже с первого взгляда можно увидеть, что остались элементы старого ядра, но, увы, пока без них не обойтись. Так как мы используем функционал нового ядра D7, нам нужно проверить — поддерживает ли его система (переход был с 14 версии). Если нет, то выдать сообщение пользователю, если да, то продолжить работу. Это значит добавить нужные для работы в систему файлы, подкинуть события и добавить новые таблицы в БД. Так же при помощи метода ModuleManager::registerModule() зарегистрировать модуль в системе. В конце подключить файл step.php о котором выше я уже писал.

Добавим ещё несколько переменных в языковой файл:

Опишем три метода, к которым мы обратились из установочного DoInstall():

Копируем наши скрипты и стили в систему.

Так как мы не работаем с базой, оставляем этот метод пустым.

Регистрируем событие OnBeforeEndBufferContent. Перед тем, как страница будет отрисоваться, мы добавим свой HTML код, в котором сохраним настройки для нашей кнопки. Этот весь механизм далее напишем в файле Main.php.

С установкой мы закончили теперь опишем процесс удаления, заключаться он будет в нескольких методах:

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

Мы описали ещё одну языковую переменную, добавим её в соответствующий файл:

А теперь поговорим о методах:

Удаляем добавленные скрипты и стили из системы.

Удаляем из базы настройки нашего модуля.

И в последнем методе удаляем регистрационную запись обработчика события OnBeforeEndBufferContent. Чтобы увидеть результат нам осталось описать два файла step.php и unstep.php так и сделаем.

В коде мы добавили строки, отвечающие за вывод сообщения об ошибке версии и кнопку, которая позволит пользователю вернуться в список установленных решений. Добавим в соответствующий языковой файл новые элементы массива MESS:

И посмотрим, что получилось:

Если вы все проделали, как описано в статье, вы увидите сообщение — значит всё работает и можно двигаться дальше. Перейдем ко второму файлу:

В принципе, он не сильно отличается от варианта в первом файле, добавим новые языковые переменные в соответствующий файл и проверим удаление модуля Битрикс:

Пишем страницу настроек для модуля Битрикс

Выше мы уже узнали, что страница настроек находится в файле options.php, сейчас он пуст и в административной части эта страница выглядит так:

Первым делам подключим все необходимые классы, языковые файлы и получим id модуля.

Что теперь? Надо описать настройки модуля и поместить их в массив.

Через административную часть мы позволим пользователю изменять:

  1. Включать/выключать модуль;
  2. Изменять ширину/высоту/радиус кнопки;
  3. Менять цвет;
  4. Менять положение кнопки и скорость анимации.

Для примера думаю, этих параметров хватит с головой, напишем массив настроек:

Вот у нас получился такой массив, со значениями по умолчанию. Как его заполнять можно изучить в документации, но там информации мало. Из примеров чуть больше можно найти на этой странице . Добавим в соответствующий языковой файл новые элементы массива MESS:

Нам осталось отрисовать форму, для этого создадим новый экземпляр класса CAdminTabControl, куда и передаём массив с настройками:

И обозначим конец отрисовки формы:

У нас появилось ещё две языковые переменные, добавим и их:

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

Как видите, получилось весьма годно, нам осталось только добавить код для сохранения настроек. Поместим его после массива с параметрами:

В обработчике мы также используем массив с параметрами для удобства сохранения, хотя это один из способов, в конце, конечно, нужно сделать редирект. Все настройки мы сохраняем при помощи статического метода set() у класса Option, который нужен именно для работы с настройками модуля. Вот мы и закончили со страницей настроек, теперь нам осталось подкинуть их в пользовательскую часть и обработать на стороне клиента.

Подключаем скрипты и стили кнопки, передаем настройки на страницу пользователя

Тут могут быть разные пути для решения этой задачи. В самом начале статьи, когда мы описывали код установки модуля, мы привязались к событию перед отрисовкой страницы и указали метод appendScriptsToPage() класса Main как обработчик. Теперь нам его нужно написать:

В методе мы определили, что он будет отрабатывать только на стороне клиента. Далее сформировали HTML код с набором настроек в json формате для удобства и добавили его в HEAD документа. В конце подключили скрипты и стили нашего Битрикс модуля кнопка наверх.

Вот и всё — параметры переданы, осталось их обработать на стороне клиента.

JavaScript и CSS кнопки наверх Битрикс модуля

Вот мы и подобрались к финальной части и осталось самое простое, на мой взгляд. Опишем стандартные стили нашей кнопки по умолчанию:

Незабываем код упаковать и добавить в style.min.css. Для работы кнопки нам нужна библиотека jQuery, качаем её с официального сайта и также добавляем её в соответствующий файл. Теперь напишем JavaScript, который и будет добавлять кнопку с учетом настроек:

В результате у нас получился такой код. Сам принцип написания кнопки я уже рассматривал в статье: Плавная кнопка прокрутки «Наверх», если вам интересен сам механизм. Осталось увидеть плоды нашей работы:

Перед тем, как смотреть, нужно удалить и заново установить модуль

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

Продвижение сайта на Битриксе с помощью SEO-модуля

Это одна из статей про функции seo-модуля. Читайте также:

Типовые SEO-возможности Битрикса

CMS 1С-Битрикс предоставляет много возможностей для seo продвижения .

  1. Ручная настройка мета-тегов и заголовков для статических страниц.
  2. Настройка seo-свойств с помощью шаблонов для инфоблоков.
  3. Множество решений в Маркетплейсе в категории SEO. Скоро мы выпустим обзор некоторых из них.

Исторически (до 14 версии платформы) программисты по заказу seo-специалистов создавали для каждого инфоблока свойства title, description, keywords и выводили их в шаблоне страницы.

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

Решение было громоздким и неудобным. Необходимость доработки SEO-возможностей Битрикса была очевидна.

В 14 версии Битрикс в свойственной ему манере проблему решил. Поддерживаются шаблоны, наследование свойств и много всего. Подробное описание в блоге компании . Есть 2 недостатка:

  • Все это слишком сложно для понимания и настройки, особенно когда нужно подправить свойства десяти страниц, а не нескольких тысяч. Битрикс сделал универсальный инструмент, который «все умеет», но его применение требует минимум одного высшего технического образования.
  • Для списков с постраничной навигацией, результатов поиска, фильтров и тому подобных чисто программных страниц по-прежнему ничего не сделано.
Цукерберг рекомендует:  PFold эффект разворачивающейся бумаги

В общем, 14-я версия Битрикса и ее SEO-свойства это безусловный шаг вперед, но до удобства по-прежнему далеко.

Ситуация была актуальна в 2012 году, в 2014. Сейчас 2020, проблемы те же.

Проблемы с поисковой оптимизацией сайта на Bitrix

Тем не менее, специалисты по оптимизации чаще ругают битрикс, чем хвалят.

Основная причина недовольства — отсутствие «единого пульта управления SEO». Свойства страниц правятся отдельно, свойства инфоблоков — в другом месте. Генерация sitemap.xml — в третьем. Более того, для некоторых задач по оптимизации требуется хорошее «глубинное» знание платформы.

Несколько лет назад мы выпустили модуль « Инструменты SEO-специалиста » (или просто seo-модуль). Он решил вопрос с разрозненностью настроек. Больше не надо запоминать, что где редактируется. Специалист может править seo-свойства любой (!) страницы сайта даже не заходя в админку. Удобно, быстро, универсально.

Модуль поддерживает многосайтовость.
Работает с «Первым сайтом»
Ссылка для установки

Прошло несколько лет, мы обновляем статью про seo-модуль. Появились новые функции и примеры использования.

Решение SEO-проблем 1С-Битрикс с помощью seo-модуля

Для специалиста по продвижению редактирование сайта состоит из нескольких типовых задач. Ниже комментарии по каждой.

В том числе для чисто «программных» страниц, у которых нет элемента инфоблока или физического файла.

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

Для текстовой странице в режиме редактирования.

Для элементов и разделов инфоблоков в зависимости от шаблона сайта. Иногда потребуется помощь программиста.

Включается одной галочкой в настройках.

Задача Можно редактировать с помощью “Инструменты seo-специалиста” (сентябрь 2020) Альтернативный способ редактирования
Исправить robots.txt Нет По-старинке через FTP или через админку. Также, есть специальная страница в админке в разделе “Маркетинг”
Исправить / сгенерировать sitemap.xml Нет В админке в разделе Маркетинг. Рекомендуем исключать служебные инфоблоки из sitemap.xml
Изменить title и h1 текстовой (статической) страницы Да Меню “Заголовок и свойства страницы” при редактировании с лица сайта
Изменить title и h1 динамической страницы (элемент или раздел инфоблока) Вкладка SEO-свойства при редактировании элемента или раздела инфоблока
Изменить description и keywords текстовой (статической) страницы Да Меню “Заголовок и свойства страницы” при редактировании с лица сайта
Изменить description и keywords динамической страницы (элемент или раздел инфоблока) Да Вкладка SEO-свойства при редактировании элемента или раздела инфоблока
Разместить текст страницы (описание товара или услуги) Да (до 3 различных мест на странице сайта)
Назначить канонический URL Да В некоторых компонентах работает “из коробки” — Каталог, Новости. В остальных случаях — Только с привлечением программиста.
Добавить на любой странице блок текста, который появится только на ней, а не на всех аналогичных. Да Программист потребуется 1 раз для размещения специального “макроса” в коде сайта.
Настройка умной постраничности для seo Только с программистом.

Если перед вами задача SEO-оптимизации сайта на bitrix, радуйтесь — из 10 типовых задач, модуль справляется с 8. Файлы robots.txt и sitemap.xml модуль не редактирует, для этого есть специальная страница в админке.

Что еще можно сделать для расширения SEO-возможностей Битрикса

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

  1. Принудительно проставлять 404 статус для любых страниц. Проблема дублей в Битриксе полностью решена не будет никогда, а вот удобный инструмент назначения статуса 404 любой странице, ошибочно попавшей в индекс, был бы полезен.
  2. Произвольные 301 редиректы. Иногда хочется поставить принудительную переадресацию 301 типа с любой на любую страницу. Сейчас удобно это не сделать.
  3. Задание свойств noindex и nofollow. Закрыть от индексации любую страницу или часть страницы. Нужно редко, но было бы удобно.
  4. Поиск и устранение дублей страниц (в случае, если get-параметры игнорируются системой, но учитываются поисковыми системами).
  5. Поиск 404-х ошибок и других проблемных кодов ответа.
  6. Создание динамических страниц в каталоге товаров под определенные запросы. Например, “красные кожаные диваны”. О том, как решить эту задачу программно, читайте в нашей статье про “ ЧПУ умного фильтра на битриксе ”.
  7. Другие задачи, которые также хотелось бы автоматизировать. Наш список пожеланий к seo-модулю уже сейчас насчитывает более 15 пунктов. Автоустановка оглавлений, Проверка красоты сниппета, и так далее.

Требования для работы seo-модуля

Требование простое — ваш сайт должен быть разработан с учетом рекомендаций 1С-Битрикс. И все. Просто, правда? Печально, но наибольшее количество обращений за помощью в настройке модуля связано с тем, что в шаблоне сайта используются неправильные функции.

Должно быть так:

Для вывода title используется функция

Для вывода h1 используется та же функция ShowTitle, но с параметром false

Для вывода keywords, description используется одна функция

Примеры использования seo-модуля 1С-Битрикс

Войдите на сайт как администратор, перейдите в публичный раздел (на «лицо»). Откройте страницу, для которой вы хотите редактировать seo-свойства. В верхней панели администрирования нажмите кнопку «Добавить SEO-свойства».

Настройка Title

В окне “Добавление страницы” установите Title страницы, нажмите Сохранить.

Настройка Description

В окне “Добавление страницы” установите description страницы, нажмите Сохранить.

Настройка Keywords

В окне “Добавление страницы” установите keywords страницы, нажмите Сохранить.

Результат изменения мета-тегов страницы можно проверить в режиме отображения HTML-кода.

Принудительное изменение h1 (заголовок страницы), устанавливаемый любыми компонентами на странице.

Нажмите кнопку «Добавить SEO-свойства», в открывшемся окне установите заголовок в поле H1. Нажмите Сохранить. Результат можно посмотреть сразу же на этой странице.

Добавление SEO-текстов на страницу

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

После этого нажмите «Добавить SEO-свойства» и установите значение для свойства Текст 1.

Установленный текст появится на странице в том месте, где был комментарий.

Канонический адрес

Для настройки канонических url страниц сайта на 1С-Битрикс, следуйте советам:

  1. Если вы только поставите флажок “Канонический URL”, и не заполните поле, канонической будет назначена страница, для которой вы установили флажок.
  2. Если вы поставили флажок и заполнили поле, в канонический тег пропишется URL, который вы указали. Указывать надо относительный путь в рамках домена вашего сайта, другой домен указать нельзя.
  3. Если флажок снят, канонический тег не выводится. Не важно, заполнено поле или нет.

Допустим, у вас есть 2 или несколько страниц, которые дублируют друг друга. Выбирайте наиболее релевантную и устанавливайте ей только флажок “Канонический URL”. Всем остальным устанавливайте флажок и в поле указывайте относительную ссылку на первую страницу.

Настройка «умной» постраничности для seo

Умная постраничность на каждой странице имеет уникальный title за счет добавления “ — страница 2”, “ — страница 3” и так далее. Шаблон добавки можно настраивать.

Редактирование SEO-свойств в административном разделе

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

Откройте в Сервисы — SEO-свойства — Список страниц. Появится таблица со всеми установленными свойствами для страниц сайта.

Свойства каждой страницы можно отредактировать из этой таблицы (дважды нажмите на строку с записью).

Можно добавить еще одну страницу с помощью кнопки Добавить.

Это тот самый «принцип одного окна», о котором писали в начале статьи.

Массовая выгрузка и загрузка изменений — устанавливаем канонический URL

1. Делаем экспорт seo-свойств в CSV-файл. Необходимо, чтобы получить пример файла загрузки.

Обратите внимание, файл загрузится в кодировке UTF-8. Лучше всего с ним работает, как ни странно, Libre Office. В примере использовали обычный Notepad++.

2. Редактируем записи в файле.

Устанавливаем в 4 столбце канонический URL. Повторить для каждой записи, в которой нужно установить канонический URL.

Устанавливаем в 9 столбце Y. Повторить для каждой записи. Если открыть файл как электронную таблицу, можно сделать “протягиванием”.

3. Сохраняем как CSV и загружаем файл обратно через механизм Импорта данных.

4. Проверяем результат.

У записи, которую мы изменили, появился канонический тег.

Изменения можно наблюдать в исходном коде страницы.

Настройка www-редиректа в Битриксе

В настройках модуля можно одним флажком включить www-редирект. По-умолчанию, функция выключена. Пожалуйста, обращайтесь с редиректами аккуратно. Если изменить основной домен (главное зеркало) без предупреждения поисковика, можно потерять трафик!

Для того, чтобы без проблем выполнить внутреннюю оптимизацию сайта на Bitrix, скачайте SEO-модуль для Битрикса в Маркетплейсе.

Стоимость модуля с февраля 2020 года — 5000 рублей.

Модуль окупается мгновенно. Проверено на себе.

Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта

Интегрируем HTML/CSS верстку в битрикс, создаем на ее основе шаблон для системы управления. Рассказываю об устройстве шаблонов битрикс. Интегрировать будем верстку созданную нами во втором уроке. Скачать готовую можно по ссылке скачать (кому лень смотреть второй урок).

Вы можете ознакомиться, со всей библиотекой обучающих видео на моем канале:

Цитата
Артем пишет:
Михаил,не могли бы вы показать,как сделать так,что бы евро автоматически переводилось в рубли?
Цитата
Александр пишет:
Не подскажите как расположить сайт по центру браузера. Сделать так, чтобы он не прижимался влево?

Добрый день! Делал все точно по уроку, добавил конструкции
ShowTitle()?>
ShowHead()?>

далее Вы в уроке проверяете, как стал выглядеть сайт, нажав на закладку сайт в левом верхнем углу, причем вы сделали это через «открыть в новом окне». Я же просто щелкнул по этой закладке.. и перешел на сайт (станицу заготовки, импортированной в bitrix). Проблема в том, что попасть обратно в раздел администрирования у меня не получилось, теперь при наборе адреса сайта (у меня 192.168.100.100) всегда сразу открывается просто сайт (еще раз: та самая недоделанная страничка-заготовка нашей верстки). Никаких ссылок на вход в админку при этом нет. Пробовал перезагружать сервер битрикса, набирал адрес из под другого браузера — бесполезно. Сразу открывается сайт. Пришлось сносить образ вирт. машины и ставить заново. Подскажите, как избежать такого косяка в следующий раз. как попасть на страницу управления битрикса, а не на страницу сайта, размещенного в нем?

Цитата
Влад пишет:
Добрый день! Делал все точно по уроку, добавил конструкции
ShowTitle()?>
ShowHead()?>

. Я .. просто щелкнул по этой закладке.. и перешел на сайт (станицу заготовки, импортированной в bitrix). Проблема в том, что попасть обратно в раздел администрирования у меня не получилось. Подскажите, как избежать такого косяка в следующий раз. как попасть на страницу управления битрикса, а не на страницу сайта, размещенного в нем?

Цитата
Сергей пишет:
При добавления текста на прямую в index.php в браузере отображает не корректную кодировку этого текста , если текст добавляешь через админ панель все нормально . Подскажите в чем причина.

Михаил, спасибо вам за ваши уроки!

У меня такой вопрос. При попытке восстановить сайт из полной резервной копии, выводит следующие ошибки:

После этого в списке резервных копий появляются дополнительные строки:

Пробовал восстанавливать с локальной папки с помощью restore.php , результат тот же.

Никак не пойму, что делаю не так?

Цитата
Buch пишет:
Михаил, спасибо вам за ваши уроки!

У меня такой вопрос. При попытке восстановить сайт из полной резервной копии, выводит следующие ошибки:

Цитата
Наталья пишет:
Здравствуйте!
Спасибо за Ваши уроки! Очень помогают!
Такой вопрос: установила пробную версию «1С-Битрикс: Управление сайтом» на Windows и при интегрировании HTML верстки прописала путь картинки src=»https://camouf.ru/bitrix/templates/empty/images/kartinka.jpg» , тестирую сайт, но картинка не отображается. И при указании полного пути тоже не отображается. Картинка в указанной папке есть. В чем может быть ошибка? В скаченной пробной версии вроде бы должно быть все ПО, необходимое для создания сайта. Спасибо

Правильно обратный слеш- не \ а /
А совсем правильно

Сегодня выполняла создание шаблона сайта на битриксе по Вашему уроку.

Столкнулась с такой проблемой:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места страницы шаблона, помимо того места, куда я его сама поместила. Удаляю лишние, нажимаю применить — они снова появляются уже в других местах, 2 — 3 штуки одновременно. После нескольких попыток привести страничку в нормальный вид, обратилась к файловому менеджеру WinSCP, и через его редактор сохранила header.php и footer.php так, как надо. Страничка отобразилась нормально. Зашла на вкладку администрирование, нажала «Сохранить» и снова всё поломалось — с лишними #WORK_AREA#. Снова поменяла всё через WinSCP, — сайт отображается, как надо. Кнопку «сохранить» в админке уже не нажимала.

С чем связано такое «поведение» панели администрирования (при редактировании шаблона сайта)?
Как избежать его в будущем?

Цитата
Светлана пишет:
Здравствуйте, Михаил!

Сегодня выполняла создание шаблона сайта на битриксе по Вашему уроку.

Столкнулась с такой проблемой:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места .

С чем связано такое «поведение» панели администрирования (при редактировании шаблона сайта)?
Как избежать его в будущем?

этот стиль Header для всех остальных

Очень не хочется создавать еще один шаблон, думал сделать через IF но не знаю как правильно записать данное условие для битрикса.
Прошу помощи с простым решением!

Цитата
Алексей пишет:
Михаил, просмотрел все уроки, это шедевр спасибо большое за проделанную работу, мне очень помогают!
Столкнулся с одной проблемой.
главная страница от всех остальных, отличается одним стилем

этот стиль Header для всех остальных

Очень не хочется создавать еще один шаблон, думал сделать через IF но не знаю как правильно записать данное условие для битрикса.
Прошу помощи с простым решением!

Цитата
Михаил Базаров пишет:
Цитата
Алексей пишет:
Михаил, просмотрел все уроки, это шедевр спасибо большое за проделанную работу, мне очень помогают!
Столкнулся с одной проблемой.
главная страница от всех остальных, отличается одним стилем

этот стиль Header для всех остальных

Очень не хочется создавать еще один шаблон, думал сделать через IF но не знаю как правильно записать данное условие для битрикса.
Прошу помощи с простым решением!

Цитата
Михаил Базаров пишет:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места .

Проверьте кодировку сервера и кодировку сайта.
Проверьте сайт на ошибки (собственно и несовпадение кодировки покажет)
Администрирование — Настройки — Инструменты — Проверка системы. Исправьте все ошибки какие найдутся

Цитата
параметр mbstring.func_overload определяется в глобальном файле настроек php.ini (или для виртуального сервера в httpd.conf), а кодировку можно переопределить в .htaccess.

Заметки разработчика

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

Простенький javascript позволит сделать автопрокрутку в шаблоне списка новостей. Достаточно актуально для новостных сайтов или при достаточно количест.

Срок разработки сайта — достаточно примерный параметр, так как сильно зависит от поставленных задач. Cовершенно точно можно сказать, что невозможно бы.

В стандартной корзине Битрикс не хватает кнопки для полной очистки корзины одним нажатием. Требуется это довольно редко, однако изредка все же необход.

Если в разработаываемом магазине или в принципе в каталоге на Битрикс, вы выводите умный фильтр в разделах — он выводится во всех разделах и подраздел.

Достаточно часто, при проверке параметров системы, в Битрикс, можно увидеть одну из ошибок: Время на БД и на сервере- Время отличается на 3600 секунд .

Частенько стоит задача, по мимо стандартных «Картинка для анонса» и «Детальная картинка», добавить возможность загрузки изображени.

© 2011—2020 Разработка сайтов: ИП Базаров, ОГРНИП: 315784700173692.
Работает на 1С-Битрикс: Бизнес.
Сайт может содержать материалы 18+ Политика конфиденциальности

Информация на сайте, не является публичной офертой.
Копирование материалов сайта запрещено.
Дизайн, верстка и сборка сайта: Михаил Базаров

Создаем шаблон для 1С-Битрикс на рабочем проекте.

Поддержка не ограниченного количества шаблонов в 1С-Битрикс.

Копируем основной шаблон сайта.

Для начала скопируем шаблон сайта, для этого перейдем в раздел «Шаблоны сайтов» и скопируем шаблон, чтобы в последствии работать с ним. Нажимаем кнопку копировать как показано на скриншоте:

Применяем шаблон к сайту для редактирования.

Теперь копия вашего шаблона будет отображаться если вы передадите данный параметр в урл, следующим образом site.ru/?test=Y где site.ru домен вашего сайта. Данное условие будет работать для всех разделов и страниц вашего сайта к примеру если вам необходимо посмотреть как будет выглядеть шаблон в определенном разделе сайта, перейдите в этот раздел и передайте ваш параметр, в данном случае ?test=Y и страница отобразится с новым шаблоном.

Теперь вы можете редактировать новый шаблон, в то время как ваши посетители будут видеть сайт как обычно. Обратите внимание что все изменения нужно будет производить именно в папке нового шаблона, и если вам необходимо изменить шаблоны компонентов которых нет в папке, вам потребуется скопировать шаблон компонента в папку с новым шаблоном. Ни в коем случае не правьте компоненты в папке /bitrix, это может привезти к критическим последствиям. И всегда делайте бекап в Облаке 1С-Битрикс.

Ну вот собственно и вся методика, надеемся что она поможет вам сэкономить время.

Работаем с seo-шаблонами в 1С-Битрикс

Уже достаточно давно, еще с 14-й версии модуля «Информационные блоки» в 1С-Битрикс появилась возможность задавать шаблоны автоматической генерации мета-данных. Но не все до сих пор умеют пользоваться данным инструментом. В данном посте собраны основные моменты по созданию шаблонов мета-данных.

Механизм автоматических шаблонов мета-данных позволяет задать description, title,keywords для элементов и разделов, а также для элементов доступны шаблоны для установки alt, title и шаблона имени файла детального и анонсового изображений.

В шаблоне может быть несколько вариантов данных.

Во-первых, это, конечно-же, может быть любой произвольный текст. Этот текст будет выведен автоматически у заданного объекта (и всех потомков, если это раздел, так что не забывайте у потомков написать свой уникальный текст).

В системе создан набор специальных конструкций, прописанных в фигурных скобках и работающих по принципу отложенных функций. Указывается такая конструкция достаточно просто, например, чтобы вывести название текущего объекта, нужно задать конструкцию вида:

Вот список зарезервированных слов:

  • this — означает текущий объект;
  • parent — родительский объект. Пример: <=parent.PreviewText>— анонсовый текст родительского раздела;
  • sections — родительские секции начиная с верхнего уровня. пример: <=this.sections.name>— названия родительских разделов;
  • iblock — инфоблок текущего объекта. Пример: <=iblock.PreviewText>— описание инфоблока;
  • property — свойство текущего объекта. Пример: <=this.property.CML_ARTICLE>— выведет значение свойства с артикулом. Для того чтобы у элемента показать пользовательское свойство, заданное для раздела, можно воспользоваться шаблоном: <=this.parent.property.name>— выдаст значение свойства UF_NAME;
  • Для редакций, имеющих модуль Торговый каталог, можно также получить свойство торгового предложения: <=this.catalog.sku.property.COLOR>— выдаст значение свойства «Цвет» торгового предложения. Чтобы получить значения данного свойства у торговых предложений, но без повторяющихся значений, можно воспользоваться функцией: <=distinct this.catalog.sku.property.COLOR>;
  • Чтобы получить цены торговых предложений, необходимо указать тип цены, которая должна быть выведена: <=this.catalog.sku.price.BASE;>— выдаст все цены, либо так: <=min this.catalog.sku.price.BASE>можно получить минимальную цену;
  • Для получения габаритов товара, необходимо обратиться к соответствующим данным: <=this.catalog.weight>— вес товара, <=this.catalog.measure>— единица измерения, <=concat catalog.store ", ">— склады, перечисленные через запятую

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

  • lower — приведет значение к нижнему регистру. Пример: <=lower this.Name>;
  • upper — приведет значение к верхнему регистру. Пример: <=upper this.Name>;
  • limit — ограничить элементы по разделителю. Пример: <=limit <=this.PreviewText>«.» 2> — оставит текст до 2 точки, начиная с начала;
  • concat — задаётся разделитель и несколько строк объединяются через разделитель. Пример: <=concat this.sections.name " / ">— все названия родительских разделов будут соединены с помощью слэша;
  • min — находит минимальный элемент. Пример: <=min this.catalog.sku.price.BASE>;
  • max — находит максимальный элемент. Пример: <=max this.catalog.sku.price.BASE>;
  • distinct — оставит только значения без повторения(уникальные).;
  • translit — транслитерация значения. Пример: <=translit this.Name>;

Конечно же список функций можно расширять до бесконечности. Для этого, нужно воспользоваться обработчиком события OnTemplateGetFunctionClass модуля «Информационные блоки».

В качестве примера рассмотрим создание функции, выводящей значение свойства только тогда, когда свойство заполнено. В init.php создаем обработчик события:

Чтобы воспользоваться данным шаблоном, нужно прописать данный шаблон в виде:

Добавил для примера класс, позволяющий вывести одно из значений — будет выведено первое непустое значение. Чтобы воспользоваться данным шаблоном, нужно указать:

В результате, если в свойстве HEADER контент-менеджер ввел какое-то значение — будет выведено оно, если же нет — будет выведено название товара.

Благодарю за внимание! Делитесь вашими замечаниями в комментариях ниже.

[fileman] Как подключить блочный редактор 1С Битрикс

Подключить блочный редактор 1С Битрикс в своем модуле или каком-нибудь решении очень просто, пример кода:

Пояснения по коду

  • Название поля $fieldName может быть любым, редактор слушает идентификатор $fieldId
  • Значение поля $fieldValue берется из базы, но в базе редактор хранит только блоки, весь html-код хранится в шаблонах, главный шаблон в файле theme.php
  • url запрашивает html-шаблон и подгружает в редактор динамически при открытии страницы
  • previewUrl и saveFileUrl если вообще не существуют в параметрах, то слушают следующие пути в модуле Управление структурой (fileman) , обратите на это внимание, закомментируйте данные параметры, чтобы заработал предпросмотр.

Результат подключения

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

Возможные проблемы

Бывает при изменении параметров редактора выводится ряд предупреждений, здесь надо очистить управляемый кэш /bitrix/managed_cache и предупреждения исчезнут.

Если удалить какой-нибудь из главных блоков дизайна, их три хедер + центр + футер, то редактор сбросит шаблон в исходное состояние, удалять любой их этих блоков, как я понял, нельзя.

Заключение

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

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

Возможно я что-то неправильно понял, напишите в комментариях.

Модуль для 1С Битрикс

1. Введение

Этот документ описывает процесс установки модуля REES46 на ваш магазин на платформе 1С Битрикс.

Обратите внимание, что модуль быстрого подключения может не содержать весь актуальный функционал. Для более гибкого подключения рекомендуется использовать JS SDK.

2. Краткий план установки

  1. Зарегистрировать магазин в системе REES46.
  2. Установить модуль на сайт.
  3. Установить сбор данных.
  4. Настроить блоки рекомендаций.
  5. Проверить работоспособность.

3. Видео-инструкция по установке и настройке модуля

Самый простой способ провести подключение – это посмотреть данный видеоматериал и следовать инструкциям.

Код скрипта из п.4.4.1 необходимо вставить в текущий шаблон перед закрывающим тегом , а не перед закрывающим тегом

Записки инженера

Доступным языком заметки по IT технологиям

Создаем скелет шаблона в 1С-Битрикс

Мы установили систему, теперь перейдем непосредственно к созданию шаблона.

На первом этапе, мы создадим «скелет» нашего будущего шаблона в 1С-Битрикс. Скелетом я его назвал потому, что, в процессе работы мы будем наращивать на нем нужный нам функционал.

Зайдем в админпанель (http://ваше_доменное_имя/bitrix/admin), пройдем авторизацию (вводим логин и пароль администратора которое вы указывали при установки), выбираем вкладку «Настройки» на панели слева, далее раскрываем: «Настройка продуктов» -> «Сайты» -> «Шаблоны сайтов». Жмем «Добавить шаблон», заполняем ID нашего будущего шаблона, название и его описание. Имейте ввиду, что название и описание шаблона относиться только к административной панели, это сделано для вас, а не для посетителей, в публичной части сайта это не видно.

Далее идет важный этап, вы должны решить, как разделить ваш html+css шаблон на верхнею (header) и нижнею часть (footer). Шаблон в 1С-Битрикс состоит из двух базовых частей: верхней части и нижней, боковых частей как в других CMS тут нет.

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

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

Мы пойдем тем же путем и разделим наш шаблон так-же:

Цветами я обозначил, каким образом мы будем делить html+css шаблон. Далее откроем файл шаблона — index.html в любой текстовом редакторе (как пример Notepad++), скопируем html код, который относиться к верхней части нашего будущего шаблона (оранжево-красноватый) и вставим его в поле ввода на закладке «Шаблон».

Пространство между верхней и нижней частью шаблона будет контентом сайта или рабочей областью в терминологии Битрикс. На данном этапе мы им заниматься не будем, а только обозначим его. Поместите после вставленного html кода слово «#WORK_AREA#» или нажмите на одноименную ссылку выше (вставляет ключевое слово «#WORK_AREA#» в месте расположения курсора).

Далее, скопируем html код нижней части нашего шаблона прототипа (зеленый цвет) и вставим в тоже поле ввода, но после «#WORK_AREA#» , далее жмем «Сохранить».

Теперь, надо добавить стили к нашему шаблону. Посмотрите html код шаблона-прототипа, в теге должен подключаться файл стилей (.css).

В моем случае это файл style.css, откроем и скопируем его содержимое и вставим в поле ввода на закладке «Стили шаблона».

Осталось перенести изображения в будущий шаблон. В html+css шаблоне изображения обычно хранятся в директории с именем images или image. Создайте в www\bitrix\templates\имя_вашего_шаблона папку «images» и скопируйте в неё изображения вашего шаблона.

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

Если говорить точнее, мы используем наш шаблонный заголовок, а в нем подключается «старый файл css» которого не существует, да в добавок еще и пути до любых подключаемых файлов уже не верные, т.к. положение файлов относительно формирующейся html страницы в CMS уже другое. Поэтому, нам надо использовать «битриксовый» заголовок, т.е. содержимое тега , где подключиться стиль шаблона и все остальные файлы необходимые для работы 1С-Битрикс.

Подключим его, для этого переходим на вкладку «Шаблон», удаляем содержимое тега «head» и вставляем следующий код:

Компонент для 1С-битрикс: Форма обратной связи — простой конструктор веб-форм

Форма обратной связи. Сохраняет результаты в указанном в настройках компонента инфоблоке. Есть возможность добавлять поля формы.

Компонент представляет собой веб-форму для отправки посетителями сайта сообщений владельцам ресурса.
Возможности компонента:

  1. Простая установка и настройка. Уже при установке модуля автоматически создаются необходимые инфоблоки и почтовые шаблоны. Вам необходимо просто разместить компонент «форма обратной связи» в нужном месте и настроить отображение полей.
  2. Хранение всех сообщений в базе данных. Все сообщения отправляются на указанные адреса электронной почты и сохраняются в инфоблоках 1С-Битрикс. Это исключает потерю сообщений при сбое почтовой системы.
  3. Неограниченное количество полей. Изначально в компоненте «Форма обратной связи» представлен минимальный набор полей. Вы всегда можете добавить дополнительно любое количество текстовых полей (поддерживаются поля типа текст, файл и список), задать им название и настроить обязательность заполнения.
  4. Маска для корректного заполнения номера телефона. У поля PHONE автоматически подключается так называемая «маска» — автоматическая расстановка тире между цифрами для удобного восприятия номера телефона. Маска работает с международными форматами ( 8 (888) 888-88-88 ).
  5. Посетители могут отправлять вам свои файлы прямо через форму обратной связи. При этом вы можете настроить, какие типы файлов разрешается загружать.
  6. Защита от спама. Для неавторизированных посетителей по умолчанию выводится КАПТЧА, осложняющая автоматическое заполнение веб формы обратной связи спам-ботами. Если каптча нечеткая, посетитель может запросить новую картинку каптчи, кликнув по ссылке «обновить картинку». При этом будет сгенерирована новая картинка каптчи, а не новая каптча, что избавит посетителя от повторного ввода каптчи (например, если была не понятна только последняя буква). Добавлена reCapthca от Google вместо стандартной Капчи (на выбор).
  7. Настройка внешнего вида и реакции. Прямо в свойствах компонента можно указать размеры шрифтов, цвета и ширину полей. Есть возможность включить отправку сообщения без перезагрузки страницы, задать текст и реакцию формы после успешной отправки сообщения.
  8. Загрузка веб-формы во всплывающем окне. Просто укажите в настройках компонента, как должна отображаться веб форма обратной связи у вас на сайте.
  9. Разделение обращений по категориям. Если в инфо блоке создать разделы — компонент форм обратной связи автоматически их подхватит и выведет поле с выпадающим списком, который содержит названия этих разделов. Таким образом вы легко сможете разделить обращения, например, по категориям (вопрос, предложение, пожелание, жалоба). Сообщения будут автоматически размещаться в указанном пользователем разделе инфо блока.
  10. Отправка всех обращений в CRM корппортала. Сообщения появляются у вас в CRM в виде «Лидов». Работает как с облаком, так и с коробочными версиями.

Компонент «Конструктор веб форм обратной связи» включает в себя несколько шаблонов, меняющие внешний вид веб-формы.

Вот такую веб-форму вы можете получить на вашем сайте буквально за несколько минут:

После загрузки и установки модуля в списке компонентов появится новый элемент «Форма обратной связи».
Откройте нужную страницу на редактирование и перетащите мышью компонент и нажмите кнопку «сохранить».

В итоге мы получим следующую форму (вид для неавторизированных посетителей):

Для администраторов и прочих авторизированных посетителей защита от спама отображаться не будет.

Следующие два изображения отображают элементы настроек компонента:

Краткое описание элементов настройки компонента:

  • Шаблон компонента — Вам доступны несколько шаблонов, отвечающих за внешний вид формы обратной связи.
  • Тип Инфо Блока, Инфо Блок — Указывает, где будут храниться отправленные сообщения и от куда браться набор дополнительных полей для формы. Вы можете указать любой другой инфоблок по своему усмотрению. По умолчанию создается и указывается инфоблок «Обратная связь».
  • Тип почтового события — Создается автоматически и доступен для редактирования в почтовых шаблонах сайта.
  • Поля для заполнения — Набор полей, доступных для вывода в форм обратной связи. Берутся автоматически из свойств инфоблока, указанном в настройках выше. Выделите нужные поля мышкой, удерживая клавишу «ctrl» на клавиатуре.
  • Обязательные для заполнения — эти поля будут помечены звездочкой. Без заполнения данных полей форма отправляться не будет, а посетителю будет отображаться текст ошибки.
  • Сделать именем элемента — Укажите поле, которое будет сохраняться в имени элемента. Для разных задач удобно использовать разные типы имен.
  • Дополнительный Email (через запятую) — Укажите адреса, на которые будут отправляться сообщения, отправленные с данной веб-формы. По умолчанию письма отправляются только на адрес, указанный в настройках сайта в поле «E-Mail адрес по умолчанию».
  • Текст, выводимый при успешном добавлении сообщения — занесите приемлемый для вашего сайта текст, выводимый посетителю.
  • Выдавать сообщения об ошибках — Отвечает за отображение ошибок заполнения формы. По умолчанию — включено.
  • Активировать элемент после добавления — по умолчанию добавленное сообщение сохраняется в элементе, помеченном как «активный».
  • Использовать CAPTCHA — выводит защиту от спам-ботов автоматического заполнения веб-форм. По умолчанию — включено. Для авторизированных пользователей каптча не выводится.
  • Отправлять подтверждение о принятии обращения, если указан e-mail — Если в вашей форме представлено поля для ввода e-mail посетителя, вы можете отправлять ему на указанный адрес подтверждение, что его сообщение получено вами.
  • Убирать форму после отправки сообщения — включите данную опцию, если после отправки сообщения посетителем, форму необходимо скрыть (останется только текст, сообщающий об успешной отправке).
  • Раздел «внешний вид» — задайте размеры и цвет элементов веб-формы. В размерах поддерживаются параметры в процентах и пикселах.
  • Раздел » Управление режимом AJAX» — включите режим AJAX, если хотите, чтобы форма отправлялась без перезагрузки страницы.

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

Для добавления новых полей необходимо зайти в административную часть в инфоблок, используемый для требуемого компонента и перейти по ссылке «Настройка информационного блока» (смотрите рисунок выше).

В открывшемся окне выбираем вкладку «Свойства» и прописываем нужные поля:

Тип поля может быть либо «Строка» либо «Файл». Указываем нужные параметры и нажимаем кнопку «Применить».
Для поля типа «Файл» потребуется настроить дополнительные свойства. Кликаем на кнопочку настройки поля:

В появившемся окне указываем требуемые к загрузке документы и нажимаем кнопку «Далее» и после возвращения к предыдущему окну кнопку «Применить».

После того, как мы добавили новые свойства, нужно отметить их в свойствах компонента:

Отмечать поля нужно мышкой, при этом удерживать кнопку ctrl на клавиатуре.

В итоге мы получим следующую веб-форму:

Расширенная персонализация шаблонов писем в «1С-Битрикс»

Бизнес практикует e–mail маркетинг больше 20 лет. За это время в обиход вошли SEO, контекстная и видеореклама, социальные сети, мессенджеры Однако рассылки остаются самым выгодным инструментом. В 2020 году Holistic Email Marketing и GetResponse опросили 2 500 интернет – маркетологов. Исследование показало, что e–mail маркетинг на первом месте по окупаемости (ROI). Рассылки по электронной почте обеспечивают:

  • Привлечение новых клиентов;
  • Рост повторных заказов;
  • Укрепление лояльности покупателей;
  • Регулярные отзывы о товарах и сервисе;
  • Изучение потребностей клиентов;
  • Известность и узнаваемость.

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

Рассылка – розовая мечта бизнесмена и маркетолога

Десктопные почтовые клиенты: Outlook, The Bat!, Opera Mail, Apple Mail. Инструменты массовых рассылок встроены в них по умолчанию. И даже персонализация предусмотрена. Программы на компьютере не пытаются ограничить рассылку однотипных писем, как Яндекс.Почта или Mail.ru. И не интересуются происхождением базы, как Unisender и Mailchimp.

Десктопные спамерские рассылочные приложения: ePocta Mailer, MaxBulk Mailer, Rich Mailer. Могучие штуковины с предустановленными шаблонами, подключением аналитики Яндекса и Google, персонализацией и автоматической чисткой баз от устаревших адресов. Работают через SMTP-сервера провайдеров или специализированные почтовые сервера.

Онлайновые сервисы: Unisender, Mailchimp, Aweber, Getresponse, Sendsay. Собственные почтовые сервера, адаптивные шаблоны писем, резвая техподдержка. У большинства сервисов простые и удобные интерфейсы, многие интегрируются с CRM и CMS. Недостатки: дорого стоят, требуют много личных данных при регистрации.

Модули рассылки, встроенные в движки сайтов. Например в NetCat, UMI.CMS, HostCMS, Amiro.CMS. Большинство из них обеспечивают только новостные рассылки с минимальной персонализацией. Исключение – «1С-Битрикс», ее модуль «E-mail маркетинг» специализирован под нужды электронной коммерчии.

Качество базы. Если для рассылок куплена холодная база, жалобы получателей на спам могут привести к блокировке IP и сайта. А также подвести под штрафы по Закону о рекламе, до 500 000 рублей на предприятие. Используйте встроенные средства CMS только для рассылок по легальным базам подписчиков!

Антиспам-политика почтовых сервисов. К примеру, Gmail считает массовые рассылки подозрительными, если они производятся с разных IP-адресов. И если у этих IP-адресов нет действительных обратных записей DNS, указывающих на домен отправителя. Еще более жесткие ограничения у Яндекса. Вот откуда проблемы с доставкой писем, отправленных через десктопные программы и онлайн – сервисы наподобие Mailchimp.

Выборки и цепочки писем. Только CMS «1С-Битрикс» делает выборки самостоятельно, и выстраивает триггерные рассылки автоматически. Для сторонних программ и сервисов надо готовить списки рассылки вручную или с помощью костылей – макросов.

Мастер рассылок позволяет импортировать и обновлять списки адресатов, организовать их по категориям, управлять шаблонами писем, отправлять выпуски по расписанию. База подписчиков формируется из отчетов о продажах и регистрациях на сайте, данных веб-форм. Получатели могут отписаться «в один клик». Поддерживается отправка вложений.

В «1С-Битрикс» семь готовых триггерных рассылок. Забывшие про корзины покупатели сразу получают напоминание с предложением завершить заказ. По отмененным заказам отправляются «интересные предложения», чтобы переубедить засомневавшихся. Через 5 дней после доставки заказа отправляется рассылка, рекомендующие дополнительные товары. И 4 триггерных рассылки освежают память покупателей через 90, 111, 180 и 365 дней после покупки. Один раз настроенные, триггерные рассылки работают автоматически.

Облачный сервис персонализации «1С-Битрикс BigData» самостоятельно сегментирует базу покупателей. Используя технологию анализа пользовательского поведения InterestID, он строит 3 выборки адресов для рассылок с повышенной конверсией. Первый сценарий формирует рассылки для покупателей, интересующихся новинками. Второй составляет и отсылает персональные списки сопутствующих товаров. Третий предлагает покупателям складские остатки на льготных условиях.

Добавление почтового шаблона в «1С-Битрикс»

Маленький и нерасширяемый набор переменных в шаблоне. Возможности персонализации почтовых шаблонов в «1С-Битрикс» довольно скудные. По умолчанию в письме оповещения о заказе предусмотрено 6 переменных: название сайта, имя покупателя, дата и номер заказа, сумма к оплате и ссылка на страницу детализации заказа. Добавить адрес доставки или контактные данные покупателя? Только через правку PHP. Зовите программиста, необученный администратор не справится.

Визуальный редактор шаблонов пропускает ошибки. При верстке (или отображении) в редакторе админки макет письма выглядит красиво и замечательно. Но в почтовом клиенте на него без слез не взглянешь. Почему? Потому что редактор показывает превью для текущего браузера, а ограничения почтовых программ куда жестче. Например, они не понимают CSS – стилей в заголовке , только inline-стили, и желательно через . Корректно отображают только табличную верстку. И только стандартные шрифты: Arial, Helvetica, Tahoma, Times New Roman. Список ограничений огромен, и весь его надо соблюдать, иначе письмо будет выглядеть ужасно.

Бесплатный модуль « Параметры заказа в письме» компании «Ипол» позволяет добавить ряд параметров персонализации к письму. В базовый набор модуля входят переменные:

  1. Сумма заказа;
  2. Тип доставки (курьерская, самовывозом, почтой);
  3. Стоимость доставки;
  4. Идентификатор отправления, присвоенный службой доставки (можно отслеживать перемещение заказа);
  5. Способ оплаты (банковской картой, наличными курьеру);
  6. Документ об оплате (номер документа прихода в секции «Оплата»);
  7. Комментарий покупателя.

Модуль также позволяет выводить в письме дополнительные параметры, если они настроены в списке свойств интернет-магазина (интернет-магазин > настройки магазина > свойства заказа > список свойств).

  1. Служба доставки;
  2. Телефон покупателя;
  3. Электронная почта покупателя;
  4. Адрес доставки;
  5. Индекс;
  6. Город;
  7. Местоположение;
  8. Название компании;
  9. Юридический адрес;
  10. ИНН;
  11. КПП.

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

Настройка переменных для письма в модуле «Ипол»

Студия «WRP», золотой сертифицированный партнер «1С-Битрикс» предлагает быструю, удобную и эффектную персонализацию ваших рассылок. Программисты студии подключат модуль «Параметры заказа в письме» к CMS «1С-Битрикс» вашего интернет-магазина, настроят недостающие поля для вывода данных в письмах.

Дизайнеры студии сверстают современные привлекательные шаблоны писем, чтобы порадовать и удивить покупателей магазина. Верстка выполняется строго в рамках ограничений почтовых клиентов и сервисов, чтобы все подписчики получали одинаково красивые письма. Эффективность сверстанных шаблонов проверяется А/В тестами. Самые конверсионные макетв будут загружены в CMS вашего сайта.

Вся работа будет сделана за 5 дней и по цене от 10 000 рублей.

Владельцы интернет – магазина «ЛидерФуд» были недовольны оформлением и содержанием своих рассылок. Чтобы исправить дело, они обратились в студию «WRP». Прежде всего программисты студии установили модуль «Параметры заказа в письме» и подключили 14 переменных персонализации.

Настройка переменных для писем «ЛидерФуд»

Дизайнеры подготовили шаблон письма в фирменном стиле. После согласования на его основе были сверстаны адаптивные макеты писем, включающие необходимые переменные. Проверив эффективность макетов на А/В тестах, их разместили в настройках модуля.

Настройка шаблона письма в модуле «Ипол»

Теперь новые посетители после регистрации получают симпатично оформленные письма с указанием логина и пароля

Персональное подтверждение регистрации на сайте «ЛидерФуд»

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

Подтверждение заказа в магазине «ЛидерФуд»

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

Анкета для проверки удовлетворенности покупателя

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

Напоминание о забытой корзине

Магазин «ЛидерФуд» регулярно проводит акционные рассылки через внешние сервисы. Для них «WRP» сделала специальный красочный макет.

Макет рассылки о товарных новинках

Владельцы «ЛидерФуд» довольны своими новыми рассылками. Хотите такой же привлекательный и удобный e–mail маркетинг? Обращайтесь в студию «WRP»!

Цукерберг рекомендует:  Приложения без кода быстро, красиво, ненадежно
Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих