Добавьте виджет Snapwidget Instagram на свой сайт

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


Чтобы добавить Snapwidget, выполните следующие действия:

  • Запишитесь на Snapвиджет. После того, как вы войдете в систему, вы увидите экран, на котором вас попросят выбрать услугу.
  • Нажмите на Выберите услугу (1) кнопка.
  • Это покажет вам три варианта (2) на выбор — Instagram, Facebook и Twitter.


  • Нажмите на Instagram и прокрутите вниз до раздела, где вы должны выбрать предпочтительный макет.
  • Выберите макет, который вы предпочитаете отображать на своем веб-сайте. Теперь вы увидите возможность настроить виджет. Нажать на Настроить виджет .
  • Это приведет вас к экрану, где вы можете отредактировать описание и внешний вид виджета.

  1. Имя пользователя – Нажмите здесь, чтобы добавить свое имя пользователя в Instagram. Вы увидите всплывающее окно с просьбой войти в Instagram (если вы еще не вошли в систему). Нажать на Авторизоваться через Instagram .
    Затем вы увидите всплывающее окно с запросом разрешения на авторизацию. Нажать на санкционировать .
  2. Описание – Введите здесь описание своей ленты Instagram.
  3. Миниатюра Размер – Укажите здесь размер миниатюр изображений.
  4. Планировка – Укажите количество столбцов и строк, которые вы хотите отобразить.
  5. Получить виджет - Нажать на Получить виджет кнопку, чтобы получить код для встраивания. Затем вы увидите всплывающее окно с кодом. Нажать на Скопируйте в буфер обмена кнопку, чтобы скопировать весь код для встраивания.
  6. Предварительный просмотр обновления – Нажмите здесь, чтобы обновить ваши изменения.

Вставьте скопированный код в Pixpa Studio

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

Добавить на страницах

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

Добавить в запись блога

  • Перейдите в Редактировать сообщение в блоге страница чтобы отредактировать сообщение, в которое вы хотите добавить код для встраивания.
  • Затем щелкните значок «<>» над текстовым редактором.
  • Это покажет вам код контента в сообщении блога.
  • Вы можете вставить свой код для встраивания туда, где вы хотите отобразить ленту Instagram. В этом примере я добавил код для встраивания под записью.
  • Сохраните изменения.

Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.