Создание сайтов на 1с битрикс: 1С-Битрикс: Управление сайтом — CMS для создание сайтов, интернет-магазинов и лендингов

В Сиднейском обновлении Битрикс24 появилась новая функция : сайты и магазины Битрикс24.

С этим новым обновлением вы можете создавать целевые страницы, многостраничные веб-сайты и даже интернет-магазины — с корзиной, службами доставки и оплаты, привязанными к CRM. Функция доступна на ВСЕХ тарифах Битрикс24.

Но как он соотносится с другими конструкторами веб-сайтов, такими как Shopify или Woo-commerce, с точки зрения возможностей?

Мы создали интернет-магазин и провели рекламную кампанию для клиента и хотели бы поделиться с вами своим опытом. Мы настроили магазин за 21 рабочий час.

Ниже мы покажем вам процесс создания магазина, но начнем с заключения и оценки.

По нашему опыту, интернет-магазин с небольшим ассортиментом.
Магазины Битрикс24 — идеальный вариант, когда вы работаете с небольшим бюджетом и большим количеством времени.

Как это работает?

С небольшим разнообразием продуктов и довольно неизменным каталогом, да! это работает отлично.

При огромном разнообразии товаров, постоянно меняющемся инвентаре это тоже работает, но потребует много ручного труда.

Плюсы .

1. Это бесплатно. На наш взгляд, это компенсирует любой недостаток.

2. Магазин работает нормально

3. Магазин связан с вашей CRM.

4. Можно подключить услуги оплаты и доставки.

5. Возможна интеграция с 1С (Об этом мы поговорим в другой статье).

6. Коробочную версию магазина можно модифицировать.

Минусы

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

2. Нет ни инструкции, ни документации.

3. Заказы не конвертируются автоматически в сделки CRM! Как это так?

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

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

1. главную страницу,
2. страницу каталога,
3. страницу сведений о каждом продукте,
4. корзину,
5. страницу оформления заказа.
6. По возможности оплата и доставка,
7. Статусы заказа — для информирования покупателя об изменении статуса заказа.
   

В облачных версиях Битрикс24 вы можете управлять адресом портала. При создании Битрикс24 генерируется случайный URL. Этот адрес можно изменить ТОЛЬКО ОДИН РАЗ!

Мы назвали сайт «Ori.bitrix24.ru». На портале это имя отображается правильно. Но магазину автоматически был присвоен адрес «b24-8ltqx6.bitrix24.site».
Этот случайно назначенный URL можно изменить, и к нему можно подключить купленный домен или получить бесплатный домен от Битрикс24, перейдя на платный план.

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

Мы решили работать на чистом холсте.

Настройки и управление блоками в основном осуществляются на «фронтенде» или «лице» сайта, при этом портал выполняет роль «административной панели».

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

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

После настройки главной и «о нас» страниц, следующее – наполнение каталога продукцией.

Решили использовать демо — удалили ненужные пункты/разделы и добавили свои

Где можно найти каталог?
интернет-магазин -> выберите магазин, в который вы хотите добавить каталог  -> коммерческий каталог.

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

При создании второго (и третьего, и пятого) магазина на этом же портале ранее созданный каталог копируется без объявления предупреждения. Если некоторые продукты были созданы путем редактирования демонстрационных продуктов, они будут «сброшены» в исходное состояние: все сделанные вами изменения будут стерты.
Также нельзя редактировать и использовать демонстрационные свойства — типы, названия и т.д. Все это «сбрасывается по умолчанию» при создании нового магазина.

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

Важным преимуществом Магазинов Битрикс24 является поддержка торговых предложений, SKU. Управление свойствами и редактирование товаров аналогично версии «Управление сайтом».

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

Вы также можете выбрать внешний вид продуктов

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

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

Есть готовый блок «Каталог товаров», но мы решили построить его с нуля.
Товары отображаются нормально

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

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

В готовом шаблоне «одежда» товары имеют подробные страницы, а при добавлении элемента в инфоблок автоматически создается новая подробная страница.

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

Итак, мы сделали это вручную. процесс аналогичен созданию страницы каталога — берем блок «каталог товаров», добавляем шапку и футер. Это сработало!

Пункт меню каталога на главной странице ведет на главную страницу. Ссылки с элемента на странице каталога на страницу сведений о продукте ведут к основному каталогу. Пункты меню не ведут автоматически на правильные страницы. Вам нужно сделать это вручную.

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

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

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

Настройки аналогичны использованию версии «Менеджер сайтов». Отличие в том, что при использовании «Менеджера сайтов» можно расширить список доставок и платежей, а в облачной версии список услуг ограничен.

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

Интернет-магазины Битрикс24 поддерживают несколько самых популярных способов оплаты.

Можно настроить статус заказа, ставки НДС, категории плательщиков, создать пользовательские поля и другое.

Коды купонов тоже работают.

На данный момент нет возможности настроить Скидки (вероятно потому, что магазины Битрикс еще в разработке)

Все готово. Все настроено, делаем заказ.

Работает!

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

Заказ попал в раздел «интернет-магазин» портала.

Заказ, который мы разместили, не создал «сделку». Это было немного странно. Мы надеемся, что это также находится в разработке.

Покупатель был сохранен в CRM как контакт:

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

Это хорошо!

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

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

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

Обмен между платежными системами, системами доставки и CRM. Нам нужно сделать реальную оплату, доставку, следить за статусами возврата, которые возвращает система (они должны обновляться на портале).

P.S Сами статусы присутствуют. Что нам нужно проверить, так это обмен между системами.

1. Настройка аналитики

2. Встроенная статистика

3. Метатеги должны быть настроены на каждой отдельной странице. Общей настройки для всего сайта нет.

4. В конструкторе нет редактора оформления шрифтов. Вы можете встроить свой собственный CSS, но не можете изменить кнопку шрифта Arial на Times New Roman.

5. Интегрировать можно только с CRM Битрикс24 — Что не странно.

6. Готовых шаблонов очень мало.

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

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

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

Чтобы настроить правильный магазин, нужно хорошо разбираться в структуре Битрикс и Битрикс24, что выходит далеко за рамки знаний контент-менеджера. Менеджер аккаунта Instagram не может справиться с этой задачей

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

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

ИНТЕРВОЛГА – это команда узкоспециализированных специалистов, обладающих широким спектром компетенций Битрикс.
Мы будем рады помочь вам реализовать ваши проекты.

Руководство по Битрикс24.Сайты

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

Битрикс24 — это не только CRM или средство управления компанией, но и простой и удобный инструмент для создания сайтов.

Главное преимущество создания сайта с помощью Битрикс24 — прямая привязка к CRM. Вставьте CRM-форму, используйте готовый онлайн-чат и форму обратного звонка, и вы не потеряете ни одного клиента.

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

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

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

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

Выберите дизайн обложки, выбрав Добавить блок → Обложка. На этом этапе вы можете заметить, что система предлагает вам два варианта: «Редактировать» и «Дизайн». Используя опцию «Редактировать», вы можете изменить внутреннее содержимое блока и назначить ему определенные настройки, а с помощью опции «Дизайн» вы можете изменить внешний вид уже настроенных блоков.

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

Обратите внимание, что изменить сам текст и его расположение можно с помощью вкладки «Правка» (как показано на скриншоте ниже) или просто нажав на текстовое поле прямо на странице сайта.

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

Помните, что вы можете изменить почти все элементы, входящие в состав блоков, даже значки с изображения выше:

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

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

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

Во время редактирования вы всегда можете проверить, как выглядит сайт не только на экране ПК или ноутбука, но и на планшете или смартфоне. Чтобы увидеть, как сайт будет выглядеть после публикации, нажмите Предварительный просмотр.

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

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

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

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

Если по каким-либо причинам сайт потерял свою актуальность, вы можете оставить его и отменить публикацию неактуальной страницы (или всего сайта целиком). В этом случае вы можете восстановить его в любой момент.

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