E-commerce, интернет-магазины
Retail
Маркетинг и экономика торговли
18 октября 2019, 15:29 215 просмотров

Инструкция: как встроить виджет с Instagram Stories на сайт

Frisbuy.ru

Виджет с кодом Instagram Stories легко встраивается на любую CMS или на любой самописный движок. Для того, чтобы разместить Stories из вашего инстаграм-аккаунта на сайте, нужно вставить html-код (код вы получите после регистрации). Разберём процесс внедрения виджета на сайт на примере нескольких CMS:

Tilda

WordPress

1C-Битрикс

InSales

Wix

Самописные админки (с помощью олдскульного FTP)

Tilda

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

2. В поиске блоков введите "html".

3. В созданном блоке необходимо вставить несколько строчек кода. За кодом виджета обращайтесь к нашей команде.

4. Готовый блок сможете скопировать. 

Нажмите "копировать", после этого в буфере обмена будет ваш блок. Можете вставить его в любую страницу.

Видите как все просто! Для того, чтобы Stories появились на страницах, не забудьте нажать "Опубликовать" на каждый из страниц, куда вы поставили код виджета.

WordPress

1. В админке WordPress перейдите во "Внешний вид" - "Виджеты". 

2. Добавьте новый виджет html-код:

3. В созданном блоке необходимо вставить лишь несколько строчек кода. За кодом виджета обращайтесь к нашей команде. Поставьте заголовок.

1C-Битрикс

1. С главной переходите в раздел "Администрирование".

2. Необходимо перейти в "Настройки" - "Настройки продукта" - "Сайты" -  "Шаблоны сайтов".

3. В открывшемся меню выберите свою страницу шаблона, кликнув по его названию.

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

Готово:

InSales

1. Заходим в редактор и открываем папку «Сниппеты», находим в этой папке сниппет head:

2. Внутри сниппета — код нужной нам секции <head>. Ставим курсор в самый конец документа, задаем новую пустую строку клавишей Enter и вставляем наш код в это место, а в конце сохраняем изменения.

Wix

1. Зайдите в панель управления сайтов WIX и в меню слева выберите пункт Добавить, откройте расширенное меню нажатием кнопки Ещё. В блоке HTML выберите пункт HTML-код.

2. Откроется новый блок на сайте. Выделите его и нажмите кнопку Изменить код и в появившемся окне вставьте код InstaStories. Сохраните изменения.3. Опубликуйте изменения на сайте.

Самописные админки (с помощью олдскульного FTP)

Допустим, у нас есть сайт, для управления которым мы используем другой движок. Чтобы вставить код, нам нужно найти файл header.php или другой файл с названием header или head.

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

Все страницы делятся на две секции – The head (заголовки) и the body (тело). Заголовки обозначаются кодом HTML <head> и </head>. Тело – <body> и </body>.

Большая часть штук, которые заставляют сайт работать и отображать текст, находятся между этими двумя секциями. Чтобы найти эти теги HTML, можно воспользоваться поиском по странице (Cntrl+F). В большинстве случаев вставить код можно прямо перед закрывающим тегом.

После того, как вы вставили код или сниппет, сохраните файл и загрузите его на сервер. Готово.

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

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

Аналогично можно разместить Instagram Stories и на  любой другой платформе. Мы с удовольствием вам поможем.

Поделиться публикацией:
Источник: Frisbuy.ru
Подписывайтесь на наш канал в Telegram и Яндекс.Дзен , чтобы первым быть в курсе главных новостей Retail.ru.
Результаты нейромаркетингового исследования ролико...
1196
Актуальные тренды в упаковке и выкладке.
1075
Что сделать, чтобы региональный бизнес развивался?...
93
Как успешно конкурировать с федералами, сократить ...
2796
Прямая мотивация продавца магазина от производител...
340
Как перенести преимущества онлайн-торговли в офлай...
3227

Виджет с кодом Instagram Stories легко встраивается на любую CMS или на любой самописный движок. Для того, чтобы разместить Stories из вашего инстаграм-аккаунта на сайте, нужно вставить html-код (код вы получите после регистрации). Разберём процесс внедрения виджета на сайт на примере нескольких CMS:

Tilda

WordPress

1C-Битрикс

InSales

Wix

Самописные админки (с помощью олдскульного FTP)

Tilda

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

2. В поиске блоков введите "html".

3. В созданном блоке необходимо вставить несколько строчек кода. За кодом виджета обращайтесь к нашей команде.

4. Готовый блок сможете скопировать. 

Нажмите "копировать", после этого в буфере обмена будет ваш блок. Можете вставить его в любую страницу.

Видите как все просто! Для того, чтобы Stories появились на страницах, не забудьте нажать "Опубликовать" на каждый из страниц, куда вы поставили код виджета.

WordPress

1. В админке WordPress перейдите во "Внешний вид" - "Виджеты". 

2. Добавьте новый виджет html-код:

3. В созданном блоке необходимо вставить лишь несколько строчек кода. За кодом виджета обращайтесь к нашей команде. Поставьте заголовок.

1C-Битрикс

1. С главной переходите в раздел "Администрирование".

2. Необходимо перейти в "Настройки" - "Настройки продукта" - "Сайты" -  "Шаблоны сайтов".

3. В открывшемся меню выберите свою страницу шаблона, кликнув по его названию.

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

Готово:

InSales

1. Заходим в редактор и открываем папку «Сниппеты», находим в этой папке сниппет head:

2. Внутри сниппета — код нужной нам секции <head>. Ставим курсор в самый конец документа, задаем новую пустую строку клавишей Enter и вставляем наш код в это место, а в конце сохраняем изменения.

Wix

1. Зайдите в панель управления сайтов WIX и в меню слева выберите пункт Добавить, откройте расширенное меню нажатием кнопки Ещё. В блоке HTML выберите пункт HTML-код.

2. Откроется новый блок на сайте. Выделите его и нажмите кнопку Изменить код и в появившемся окне вставьте код InstaStories. Сохраните изменения.3. Опубликуйте изменения на сайте.

Самописные админки (с помощью олдскульного FTP)

Допустим, у нас есть сайт, для управления которым мы используем другой движок. Чтобы вставить код, нам нужно найти файл header.php или другой файл с названием header или head.

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

Все страницы делятся на две секции – The head (заголовки) и the body (тело). Заголовки обозначаются кодом HTML <head> и </head>. Тело – <body> и </body>.

Большая часть штук, которые заставляют сайт работать и отображать текст, находятся между этими двумя секциями. Чтобы найти эти теги HTML, можно воспользоваться поиском по странице (Cntrl+F). В большинстве случаев вставить код можно прямо перед закрывающим тегом.

После того, как вы вставили код или сниппет, сохраните файл и загрузите его на сервер. Готово.

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

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

Аналогично можно разместить Instagram Stories и на  любой другой платформе. Мы с удовольствием вам поможем.

Инструкция: как встроить виджет с Instagram Stories на сайтинстаграм, маркетинг, коммерция, инструкция
https://www.retail.ru/local/templates/retail/images/logo/login-retail-big.png 243 67
Инструкция: как встроить виджет с Instagram Stories на сайт
https://www.retail.ru/local/templates/retail/images/logo/login-retail-big.png 243 67
SITE_NAME https://www.retail.ru
https://www.retail.ru/rbc/pressreleases/frisbuy-ru-instruktsiya-kak-vstroit-vidzhet-s-instagram-stories-na-sayt/2019-11-19


public-4028a98f6b2d809a016b646957040052