• 0k
  • 0
Веб-дизайн \ 10 Ноябрь 2014

Как вставить код на сайт одним махом мышки

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

Но как быть, если вам необходимо добавить на сайт функцию, не предусмотренную в редакторе Wix? Как раз для этого мы разработали на вид простой, но на деле — мега-функциональный виджет HTML, о котором и расскажем вам сегодня. С помощью приложения HTML на сайт можно добавить буквально все (разве что кроме ёжиков – прим. ред.), включая любой вид стороннего контента, виджетов и приложений.

Приступим к делу!

Что еще за приложение HTML?

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

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

Приложение HTML можно использовать двумя способами:

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

  • Для встраивания HTML-кода. Используется в тех случаях, когда вам хочется установить на сайт виджет, которого нет среди приложений в Wix App Market.

Виджет сообщества Вконтакте, встроенный с помощью внешнего кода.

Для лучшего понимания того, как это работает, предлагаем посмотреть короткий видеоурок по добавлению HTML-кода в редакторе Wix:

Классные применения HTML-кода на сайте

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

  • Встроенные посты из соцсетей. Да, теперь вы можете вставить на сайт любую публичную запись (свою или чужую) из Фейсбука или Контакта.

Так выглядит встроенный пост из Фейсбука

  • Аудио- и видеопроигрыватели и плейлисты. Практически все ресурсы с медиаконтентом позволяют встраивать его на другие сайты.
  • Мнения о ваших товарах и услугах, взятые на сайтах с отзывами.
  • Виджет сообщества или комментариев ВКонтакте.
  • Чаты или форумы сторонних платформ, которыми вы часто пользуетесь.
  • Презентации, сделанные в Prezi или SlideShare.

Встроенная презентация из SlideShare

  • Статьи о вашей компании, опубликованные на онлайн-ресурсах.
  • Конвертер валют, счетчик посещений, калькулятор и другие полезные программки.
  • Ленту твиттера с последними обновлениями.
  • Опросы, тесты или анкеты.
  • Документы из онлайн-хранилищ типа Dropbox или Google Docs.

Надеемся, что идея понятна, и пожалуй, остановимся здесь, так как этот список можно продолжать до бесконечности…

Обратите внимание:

  • Когда вы встраиваете внешний HTML-код, вы добавляете продукт, написанный и протестированный за пределами компании Wix. Это значит, что наша служба поддержки не всегда может ответить на вопросы, связанные с его работой, поэтому мы настойчиво советуем вам тестировать код самостоятельно. Для этого есть специальные сайты: w3schools.com или jsfiddle.net.
  • Видео, встроенное при помощи приложения HTML, не останавливается автоматически, когда вы переходите на другие страницы сайта. Если вам это мешает, нажмите на паузу, и только потом переходите в другие разделы.
  • Допустимое количество символов при встраивании кода — 8,192. Нам кажется, что этого достаточно для того, чтобы укомплектовать сайт всем, чем только можно.

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


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

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

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес