Битрикс как сделать Ютуб

10.04.18 ИТ / 1С-Битрикс 6108

У каждого владельца портала Битрикс 24 есть возможность легко организовать продажу товаров без создания интернет-магазина. Для этого достаточно создать CRM-форму и сделать некоторые настройки.

Процесс добавления формы прост, поэтому не будем на этом останавливаться. Также можно использовать одну из предустановленных форм. Управление формами доступно на странице: https://имя-вашего-портала.bitrix24.ru/crm/webform/. Далее в статье будут использоваться относительные адреса, предполагающие подстановку в начале адреса такой конструкции: https://имя-вашего-портала.bitrix24.ru/.

Добавьте товары на странице: /crm/product/. Далее задайте необходимые свойства для товаров по адресу: /crm/configs/productprops/. Когда всё будет готово, можно переходить к следующим шагам.

Как создать интернет магазин за 1 час на 1С Битрикс (всего 3 шага)

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

Размещение формы возможно различными способами, можно скопировать код для интеграции, предлагаемый на портале, можно добавить на сайт в виде блока Битрикс 24 сайта и т.д. Но чтобы полностью контролировать форму, включая вставку контента в форму, например через AJAX, нужно иметь возможность доступа к элементам формы через Javascript. Поэтому самым лучшим способом будет просто скопировать исходный код формы, внести небольшие изменения, удалив все лишнее (css, javascript файлы и т.д.). А именно будет создан и размещен на Битрикс 24 сайте пользовательский блок через REST API, содержимым которого будет верстка CRM-формы.

Для этого в блоке должен быть подключен js-файл, который будет отправлять через ajax post-запрос на Ваш сервер, и откуда будет возвращаться содержимое для элементов Вашей формы, например, option для select. Напишите обработчик события change для нужного поля select, как только изменится категория товара, к примеру, необходимо послать запрос к Вашему серверу с id выбранной категории, и он должен вернуть список товаров из выбранной категорий.

Как только сервер вернул данные, запишите их в нужное поле. Аналогично для всех других полей: пишете обработчик события для формы, отправляете информацию на сервер, там на основе этой информации, Вы можете на языке PHP осуществлять удаленные запросы к REST API, используя библиотеку CURL, далее возвращаете ответ и записываете ответ в нужное место на форме, с помощью javascript.

Сервером может быть любой Ваш сервер, на котором Вы, используя REST API Битрикса делаете запросы к Вашему порталу. Например, получаете список товаров и их свойства. Таким способом можно также сделать фильтрацию товаров в форме. Дополнительно можно подключить к блоку внешние файлы css-стилей для управления видом формы.

Уроки 1с-Битрикс: Как создать страницу с услугой

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

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

Источник: eqsash.com

ТОП-10 крутых секретов Битрикс24 для работы

Как сделать работу в Битрикс24 еще быстрее и удобнее? Для этого существуют маленькие фишечки, зная которые, вы сможете существенно облегчить свою работу.

Секрет 1. Смарт-процессы для собственных сценариев работы

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

Причем можно использовать готовые шаблоны в Битрикс24 или же создать свой смарт-процесс с чистого листа. Если брать готовые шаблоны Список и Всё включено, то в них уже есть сценарии работы со списком документов и CRM.

Секрет 2. Задачи из сообщений в чате или живой ленте

Для быстрой работы в Битрикс24 есть возможность мгновенного создания задач из сообщений. Чтобы создать задачу из сообщения в ленте новостей достаточно перейти в меню Еще и выбрать там Создать задачу. Похожий принцип у создания задачи из сообщения в чате.

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

Секрет 3. Не забудь самое важное из разговора с Резюме встречи

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

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

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

Секрет 4. Работа с фрилансерами и внешними исполнителями

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

Секрет 5. Полноценный редактор документов для совместной работы

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

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

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

Источник: domovoy.pro

Механизм «Показать еще» в 1С-Битрикс

Давайте посмотрим как быстро и просто реализовать эту возможность. В качестве примера я возьму статьи в своём блоге, а в итоге получится что-то такое: gif (3.17 Mb).

1. Создадим шаблон компонента постраничной навигации (bitrix:system.pagenavigation);
2. Адаптируем шаблон компонента списка новостей (bitrix:news.list);
3. Разместим на странице и настроим компонент (bitrix:news.list).

1. Создание шаблона постраничной навигации

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

Для начала создадим раздел «system.pagenavigation» в шаблоне сайта: /bitrix/templates/[ваш шаблон]/components/bitrix/ или /local/templates/[ваш шаблон]/components/bitrix/. Если раздел уже существует (как в моём случае), новый создавать не надо:)

В нем создадим подраздел с названием нашего шаблона. Назовем его «show_more» (я буду использовать phpStorm, но те же действия можно проделатьс помощью других редакторов или админки Битрикс).

Каждый шаблон компонента должен содержать файл template.php, в нем будет храниться оформление. Также для реализации динамической подгрузки нам потребуются файлы script.js и style.css, где мы пропишем соответственно скрипт и стили.

Первым делом возьмемся за template:

createFrame()->begin(«Загрузка навигации»); ?> <?if($arResult[«NavPageCount»] >1):?>

Показать еще Загружено все

На первые две строки не обращаем внимание, в рамках этой статьи мы их рассматривать не будем.

Дальше два условия: кнопка загрузки будет показываться когда страниц больше 1 и когда есть следующая страница (текущая + 1).

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

.load_more < margin: 10px; padding: 10px; border: 1px solid #ddd; cursor: pointer; text-align: center; >

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

Теперь самое главное — скрипт:

$(document).ready(function() < $(document).on(‘click’, ‘.load_more’, function()< var targetContainer = $(‘.news-list’), // Контейнер, в котором хранятся элементы url = $(‘.load_more’).attr(‘data-url’); // URL, из которого будем брать элементы if (url !== undefined) < $.ajax(< type: ‘GET’, url: url, dataType: ‘html’, success: function(data)< // Удаляем старую навигацию $(‘.load_more’).remove(); var elements = $(data).find(‘.news-item’), // Ищем элементы pagination = $(data).find(‘.load_more’);// Ищем навигацию targetContainer.append(elements); // Добавляем посты в конец контейнера targetContainer.append(pagination); // добавляем навигацию следом >>) > >); >);

Как это работает: после нажатия на кнопку (div) срабатывает событие, отсылающее ajax запрос к указанному в кнопке адресу (атрибут data-id). Мы удаляем старую навигацию (класс .load_more), чтоб она не дублировалась. В полученных данных ищем элементы (в нашем случае класс .news-item, о нем чуть ниже) и уже известную нам навигацию (.load_more).

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

2. Шаблон компонента списка новостей

Создадим папку шаблона компонента (/local/templates/[ваш шаблон]/components/bitrix/news.list/show_more_news/, либо /bitrix/templates/[ваш шаблон]/components/bitrix/news.list/show_more_news/).

Шаблон будет состоять всего из одного файла template.php:

<?if(!defined(«B_PROLOG_INCLUDED») || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); ?> <?foreach($arResult[«ITEMS»] as $arItem):?>AddEditAction($arItem[‘ID’], $arItem[‘EDIT_LINK’], CIBlock::GetArrayByID($arItem[«IBLOCK_ID»], «ELEMENT_EDIT»)); $this->AddDeleteAction($arItem[‘ID’], $arItem[‘DELETE_LINK’], CIBlock::GetArrayByID($arItem[«IBLOCK_ID»], «ELEMENT_DELETE»), array(«CONFIRM» => GetMessage(‘CT_BNL_ELEMENT_DELETE_CONFIRM’))); ?> «>

Вообще, оформление вы можете использовать какое угодно. Важная деталь: все элементы должны быть обёрнуты в блок с классомnews-list, а каждый элемент иметь классnews-item (как в скрипте из второго пункта).

3. Размещение на странице и настройка компонента

На нужной странице размещаем компонент bitrix:news.list и настраиваем на необходимый инфоблок.
В качестве шаблона компонента выбираем show_more_news (если вы все сделали правильно он должен появиться в списке), а в качестве шаблона постраничной навигации — show_more
И указываем нужное количество новостей на странице. Именно столько элементов будет подгружаться после нажатия на кнопку.

Еще раз пример того, что у меня получилось: gif (3.17 Mb).

Источник: ydmitry.ru