Куда вставить счетчик prestashop

Продвижение сайтов на Prestashop

Содержание статьи

Prestashop – движок, разработанный специально для создания интернет-магазинов. Рассчитан на администраторов с небольшим опытом взаимодействия с CMS. Предлагает множество полезных инструментов из «коробки»: готовые адаптивные темы, визуальный редактор, в котором можно делать большинство операций даже на этапе создания сайта, легко подключаемые шаблоны и модули.

Главные качества, которые делают Prestashop востребованным:

1. Удобная административная панель на русском языке. Она интуитивно понятна, так что вы быстро разберётесь во всём.
2. Обширная база знаний. В ней легко найти информацию, если что-то всё же оказалось неясным.
3. Функция «мультимагазин». Предполагает возможность ведения нескольких интернет-магазинов на Prestashop из одной административной панели.
4. Обширный функционал, в том числе возможности для ведения крупных интернет-магазинов с большим количеством товарных позиций.
5. Дополнительные маркетинговые модули, подключаемые в несколько кликов: «с этим товаром покупают», «покупка в один клик», «похожие товары», «поиск по товарам», формы заказов и подписок.
6. Готовые удобные каталоги с фильтрами.
7. Адаптивный дизайн, подстраиваемый под любые мобильные устройства.

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

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

Стратегия продвижения

Какой бы движок вы ни выбрали, понадобится качественный контент, соответствующий вашим семантическим запросам. Со сбором ключевых слов CMS не поможет, поэтому собирайте семантическое ядро сами или со специалистом. Затем пишите тексты или отдавайте создание контента на аутсорс. Некоторые монотонные операции вроде работы с метатегами в PrestaShop будут проще.

Для того чтобы сайт хорошо ранжировался, он должен быть технически оптимизирован. Обеспечьте хорошую скорость загрузки, отсутствие битых ссылок, правильно настроенные редиректы. Не забудьте создать карту сайта – файл sitemap.xml. Он предназначен для поисковых ботов, чтобы они лучше ориентировались на сайте и быстрее индексировали страницы. Хотя бот способен найти их самостоятельно, карта ускоряет этот процесс. Кроме того, там есть возможность задать приоритет страницы, отметить новые и так далее. Здесь PrestaSop тоже облегчит вашу работу.

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

Настройка технических составляющих

В CMS предусмотрена возможность работы с:

• robots.txt. Работаете вы с ним прямо из административной панели. Можно задавать любые рекомендации для поисковиков, никаких ограничений нет;
• sitemap.xml. Формируется автоматически. Для этого нужно подключить специальный модуль. Если нужно, отдельно задаются приоритеты для документов;
• файл .htaccess. Придётся настраивать через FTP, но никаких ограничений на работу с ним нет.

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

Работа с meta-данными

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

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

Наладка безопасности

Чтобы обезопасить пользователей от кражи данных, необходимо настроить протокол https. Это также повысит доверие со стороны поисковых систем, что в свою очередь положительно скажется на позициях сайта. PrestaShop совместима с сертификатами SSL, необходимыми при работе по этому протоколу. Они подключаются для защиты данных клиентов от перехвата во время оформления заказов или введения другой информации.

В Prestashop вы также сможете без проблем подключить PCI – международный сертификат для обеспечения безопасности платёжных данных. Он рекомендован интернет-магазинам, работающим с карточками Visa и Master Card.

Оптимизация с минимальными затратами

Хотя все эти функции интегрированы в админпанель и понятно реализованы, при составлении плана работ лучше обратиться к специалистам. Такие услуги предоставляет компания Wezom. Мы знаем, как правильно настроить и продвинуть сайт на Prestashop — обращайтесь, если у вас возникли с этим проблемы.

Оставьте ваши контактные данные. Наш менеджер свяжется и проконсультирует вас.

Prestashop

Как настроить интеграцию

Чтобы настроить интеграцию, зайдите в раздел Интеграции Carrot quest и найдите Prestashop. Откройте интеграцию и с качайте модуль.

Вся дальнейшая настройка интеграции происходит на стороне Prestashop. Зайдите в свой аккаунт и перейдите в раздел Модули. Нажмите на кнопку “Загрузить модуль” и загрузите архив, который вы скачали в Carrot quest на предыдущем шаге.

Вся настройка заключается в том, что вам надо скопировать параметры «API Key», «API Secret» и «User Auth Key» из Carrot quest в соответствующие поля панели Prestashop. Все параметры записаны в разделе Настройки > Разработчикам в Carrot quest.

Перейдите к настройке модуля, кликнув по кнопке Настройки рядом с названием плагина. Введите ключи в соответствующие поля.

Вы также можете включить склейку, чтобы карточки авторизованных пользователей склеивались. Для этого выберите опцию Отправлять User ID в Carrot quest. Подробнее о склейке по User ID читайте в этой статье.

Собираемые события и свойства

События пользователя:

• Просмотр товара
  • Название товара;
  • Ссылка на страницу с описанием товара;
  • Цена товара;
  • Ссылка на картинку с товаром.

Свойства пользователя:

• Имя;
• Email;
• Телефон;
• Сумма в корзине;
• Просмотренные товары (список из название товаров);
• Категории просмотренных товаров (список из названий категорий);
• Корзина (список из названий товаров);
• Сумма последнего заказа;
• Сумма всех заказов;
• Количество заказов (счётчик).

Создание модуля PrestaShop: инструкция

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

Учусь разрабатывать модули Престашоп. И хочу поделиться с вами накопленными знаниями и материалами. Кстати, огромная благодарность всем авторам, которые уделяли свое время написанию обучающих статей и публикации советов по разработке! Сегодня в блоге веб-мастерской MAKE-WEBSITE.ru проведем общий анализ структуры модуля PrestaShop и разработаем простой модуль, выводящий на сайт интернет-магазина небольшой текстовый блок. Пусть это будет своеобразным конспектом по написанию модуля. Но прежде чем приступим к разбору модуля и его кода, давайте вначале рассмотрим несколько понятий, с которыми сталкивается разработчик на Престашоп. Поговорим про хуки, smarty и работу с базой данных.

Про хуки

Хуки – это способ связать ваш код с некоторыми конкретными событиями PrestaShop. Есть 2 типа хуков:

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

Примеры: displayHeader, displayFooter, displayLeftColumn.
Action (действие). Эти хуки запускаются конкретными событиями, которые происходят в PrestaShop. Например, фиксировать заход посетителя на главную страницу.

Примеры: actionObjectProductAddAfter, actionObjectProductDeleteBefore, actionCarrierUpdate.

Примеры хуков типа Display:

Использование хуков в модуле

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

В метод передается только одна переменная, содержащая массив параметров, отправляемых хуку. Чтобы метод вызывался в хуке, необходимо зарегистрировать его, используя registerHook(). Регистрация обычно делается во время установки модуля.

При удалении модуля PrestaShop самостоятельно удалит эту регистрацию.

Полезные ссылки по теме хуков:

Smarty шаблоны .tpl

Шаблонизатор Smarty – это обработчик шаблонов PHP. Это один из инструментов, который позволяет отделить визуальную часть от серверной части сайта.

Ниже приведен пример файла шаблона news.tpl. Фактически это обычный html с вставками переменных и конструкций циклов. Все переменные заключены в фигурные скобки.

Этот пример выводит 10 извлечённых из базы данных новостей.

Почитать о Smarty:

Configuration: работа без создания таблицы в базе данных

Данные могут быть сохранены в БД магазина без создания отдельной таблицы для конкретного модуля. В этом случае используется таблица ps_configuration. Таблица Конфигурации содержит список свойств key => value (s), к которым можно обращаться из любого места, в том числе в модуле.
Класс Configuration – это интерфейс, позволяющий каждому разработчику модуля получать или хранить данные в таблице конфигурации.

Методы

• Configuration::get(‘myVariable’): извлекает определенное значение из базы данных.
• Configuration::getMultiple(array(‘myFirstVariable’, ‘mySecondVariable’, ‘myThirdVariable’)): извлекает несколько значений из базы данных и возвращает массив PHP.
• Configuration::updateValue(‘myVariable’, $value): обновляет существующую переменную базы данных с новым значением. Если переменная еще не существует, она создает ее с этим значением.
• Configuration::deleteByName(‘myVariable’): удаляет переменную базы данных.

Получение внешних значений из таблицы данных ps_configuration

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

Что такое модуль PrestaShop?

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

Итак, модули предназначены для изменения отображаемого контента или реакции на события. Они выполняют множество задач: пакетное обновление, импорт, экспорт, взаимодействуют с другими программами и многое другое.

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

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

1. controllers – папка содержит сontroller файлы.
2. translations – папка для файлов перевода.
3. upgrade – папка для файлов обновления.
4. views– папка, содержащая файлы шаблонов .tpl:
   • /templates/admin/ – отображение чего-либо в бэк-офисе
   • /templates/hook/ – отображение чего-либо в фронт-офисе
5. config.xml – файл конфигурации кэша. Если он еще не существует, этот файл автоматически генерируется PrestaShop, когда модуль будет установлен впервые.
6. my_module.php – основной PHP файл.
7. index.php – индексный файл.
8. logo.png – файл логотипа, представляющего этот модуль в бэк-офисе.

Кроме того модуль может содержать следующие папки:

• classes
• config
• controllers
• override
• src
• themes

Основной PHP файл

Имя файла

Имя должно являться названием класса модуля в нижнем регистре. Например: mws_contentbox.

1. block + название
   Например: blockreassurance, blockcontactinfos.
2. аббревиатура автора модуля + нижнее подчеркивание + название
   Напимер: ps_contactinfo (prestashop_contactinfo), mws_contentbox (make-website_contentbox – наш сегодняшний модуль, разработанный в веб-мастерской MAKE-WEBSITE.ru).

Основной PHP файл должен иметь то же имя, что и корневая папка модуля. Так же назовите файл шаблона вывода модуля в фронт-офис. В нашем случае: mws_contentboxviewstemplateshookmws_contentbox.tpl.

Mws_contentbox – модуль сегодняшнего урока

В этом туториале мы создадим модуль, который выводит на сайт текстовый блок с телефоном, временем работы и каким-нибудь сообщением для покупателей.

Главный файл отвечает за инсталляцию модуля, настройку и привязку к системе посредством хуков. Сущность модуля в PrestaShop реализуется классом, наследованным от системного класса Module. В нашем случае это class Mws_contentbox.

Код основного PHP файла модуля mws_contentbox

Располагаться наш модуль будет в хуке displayNav1. Скриншот страницы Дизайн/Расположение блоков:

Давайте разберем код основного файла нашего модуля.

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

Конструктор

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

Методы install() и uninstall()

Метод инсталляции осуществляет создание таблиц в базе данных, если нужно, или добавление записей в уже имеющуюся таблицу, а также регистрацию хуков. Метод uninstall() удаляет записи из БД и деинсталлирует модуль.

После установки модуля в таблице БД ps_configuration появятся строки с нашими переменными:

Страница настройки модуля в Админке:

Метод getContent()

Отвечает за настройку модуля в Админке. То есть, если метод с таким названием есть, то на странице управления модулями автоматически создается ссылка «Настроить» для данного модуля. Метод должен обеспечить вывод формы на странице настройки модуля в бэк-офисе и обработать пришедшие от админа данные настроек, сохранив их в базу данных (метод postProcess()).

Метод renderForm()

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

HelperForm – это вспомогательный класс, который позволяет генерировать стандартные элементы HTML для бэк-офиса, а также для страниц конфигурации модуля.

Метод getConfigForm()

Возвращает массив, включающий заголовок, поля формы и кнопку Сохранить — все то, что мы увидим на странице конфигурации модуля в Админке. Вызывается эта функция в методе отрисовки формы renderForm().

Метод getConfigFormValues()

Здесь устанавливаем значения полей формы конфигурации. В дальнейшем мы можем использовать массив, который возвращает этот метод, перебрав его с помощью цикла foreach и обновив значения наших переменных. Происходит это в методе postProcess():

Метод hookDisplayNav1() и шаблон mws_contentbox.tpl

Выводим результат работы модуля в конкретный хук. Здесь происходит вывод содержимого (например выборки из БД) в массив и передача этого массива в шаблон smarty.

Переводы строк на русский язык

Все строки, предназначенные для прочтения человеком, рекомендуется оборачивать в функцию Module::l(). Это делает возможным их перевод на любой язык. После установки модуля на странице Админки Интернационализация/Переводы вы можете перевести все строки на русский язык.

Об этом еще можно почитать тут:

Готовый модуль Content box: результат урока

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

Скачать архив с модулем Content box ( Скачиваний: 95 )
Модуль разработан в веб-мастерской MAKE-WEBSITE.ru. Тестировался на PrestaShop 1.7.6.3.

Чтобы получить начальный каркас модуля, воспользуйтесь Module Generator. В посте Заготовка PrestaShop модуля при помощи Генератора описана последовательность действий при генерации собственного модуля.

Полезные ссылки по разработке Престашоп модуля

Пишите вопросы в комментариях. И буду благодарен за ваши мнения и отзывы!

Поделиться с друзьями:

Прочитайте еще посты:

• Обзор движка для интернет-магазинов PrestaShop

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

интернет-магазин, cms, prestashop

Подробнее
Заготовка PrestaShop модуля при помощи Генератора

Как быстро получить каркас вашего нового модуля? Воспользуйтесь для этого Module Generator.

рецепты, prestashop разработка, prestashop

Содержание:

Оставьте свой комментарий!

Комментарии (1)

Благодарю, получил ответы на все вопросы при создании своего первого модуля на престе 🙂

Давайте общаться

Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.

(c) 2021 make-website.ru. Все права защищены.
Разработано: веб-мастерская MAKE-WEBSITE.ru

Согласие на обработку персональных данных

Настоящим пользователь (далее – Субъект Персональных Данных), во исполнение требований Федерального закона от 27.07.2006 г. № 152-ФЗ «О персональных данных» (с изменениями и дополнениями) свободно, своей волей и в своем интересе дает согласие администрации сайта веб-мастерской MAKE-WEBSITE.RU (далее – MAKE-WEBSITE.RU) на обработку своих персональных данных, указанных при заполнении веб-форм на сайте make-website.ru (далее – Сайт). Согласие дается на обработку персональных данных, как без использования средств автоматизации, так и с их использованием.

Персональные данные не относятся к общедоступным. Мы, MAKE-WEBSITE.RU, гарантируем конфиденциальность получаемой нами информации. Обработка персональных данных (сбор, систематизация, накопление, хранение, обновление и изменение) осуществляется исключительно в целях эффективного исполнения консультаций с пользователями Сайта. Передача персональных данных третьим лицам не осуществляется.

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

Установка PrestaShop магазина

О платформе PrestaShop

Для начала, немного информации о платформе PrestaShop. PrestaShop это, на самом деле, очень функциональная и самодостаточная платформа для быстрого открытия Интернет торговли.

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

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

Кроме этого установка PrestaShop производится, сразу, на русском языке и не нужно тратить время и силы на локализацию платформы (например, как OsCommerce). Все это позволяет открыть магазин в кратчайшие сроки. Далее, установим PrestaShop на хостер.

Куда устанавливать PrestaShop

Хостер или хостинг, как и домен магазина вы должны приобрести заранее. Как это сделать, можно почитать в статьях:

• Практическая регистрация домена для Интернет магазина;
• Практическая покупка хостинга для Интернет магазина.

Устанавливается PrestaShop в корневую папку вашего домена. При такой установке магазин будет открываться по адресу домена: http://Ваш_домен.ru .

Если основной домен занят, например, основным или корпоративным сайтом, а магазин Вы хотите создать, как дополнение к основному сайту, то в корневой папке нужно создать отдельный каталог под любым названием и в этот каталог установить PrestaShop. При такой установки магазин будет открываться по адресу: http://Вашдомен.ru/Каталогмагазина .

В примере статьи, я создаю, в корневой папке каталог «prestashop» и в него установлю магазин PrestaShop. Соответственно, магазин PrestaShop будет открываться по адресу: http://shopb2c.ru/prestashop.

Скачать PrestaShop

Для начала, было бы логично скачать дистрибутив PrestaShop. Берите дистрибутив, только на официальном сайте www.prestashop.com .

Установка PrestaShop и инсталляция

Разделим работы на условные части:

• Закачка дистрибутива PrestaShop на сервер хостера;
• Создание базы данных для магазина;
• Инсталляция магазина;
• Проверка установки;
• Смена фавикона.

Пройдем эти части установки подробно.

Закачка дистрибутива PrestaShop на хостер

Для закачки дистрибутива понадобиться FTP клиент. Если на вашем компьютере еще не установлен FTP клиент, сделайте это. Устанавливается FTP клиент, как обыкновенная программа. Для работ по FTP подойдет любой FTP клиент. Советую, FTP клиент под названием FileZilla .

• Скачанный дистрибутив распакуйте у себя на компьютере;
• Соединитесь с сервером по FTP и войдите в каталог домена. Соединение осуществляется по паролю и имени, используемых для входа в административную панель управления сервером хостинга (CPanel, ISP, DirectAdmin и т.п.);
• Закачайте содержимое папки «prestashop» дистрибутива в корневую папку или специально созданную папку вашего магазина.

Создание базы данных для магазина

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

База данных создается в административной панели сервера хостинга на вкладке «базы MySQL» или «Базы данных» или подобные. Форма создания базы данных очень проста и понятна в любой панели.

База данных должна иметь Имя, Имя пользователя, Пароль. Также понадобиться адрес сервера MySQL, который вы легко найдете в панели сервера. Обычно адрес сервера MySQL – localhost, но не всегда.

Итак, дистрибутив закачен, база данных создана можно переходить к инсталляции магазина. Для этого, в адресной строке вашего браузера набираем адрес вашего магазина. В примере статьи, это: http://shopb2c.ru/prestashop.

Инсталляция PrestaShop

Откроется первое окно инсталляции. Вся установка на русском языке и достаточно проста и понятна.

На третьем шаге заполняем данные созданной базы данных.

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

Процесс установки PrestaShop

После инсталляции удаляем из каталога магазина папку: install

По ссылкам открываем и смотрим административную часть магазина и его витрину.

Отключить магазин на время формирования

На время наполнения магазина его нужно отключить. Для этого войдите на вкладку «Настройки» и отключите магазин. Здесь можно вписать свой IP адрес и ваш вход не будет запрещен на время отключения магазина.

Смена фавикона магазина

Можно сразу заменить фавикон PrestoShop на фавикон вашего магазина. Это файл по адресу: var/…../prestashop/img/favicon.ico в каталоге вашего, магазина. Замену производите по FTP.

На этом все! Установка PrestaShop завершена.