- Знайомство з html виджетом
- Додавання Google документа
- Додавання Google карти
- Додавання Twitter профілю
- Додавання інших корисних сервісів
Сьогодні ви дізнаєтеся про всі можливості і переваги HTML віджета, можливо раніше ви уникали його, через нерозуміння всієї його сили і потужності. HTML widget дозволить вам розмістити будь-який html код на вашому флеш сайті, керованим адмінкой MotoCMS. Для того, щоб спростити роботу з даними віджетом, в Панелі управління розміщені html-шаблони, їх опису та детальні інструкції по установці.
Тепер ви з легкістю можете розмістити на своєму сайті інформацію з різних популярних сервісів: Google додатки, Google інтернет спільноти, фотографії з Picasa, Twitter, Вконтакте, Facebook, коментарі з IntenseDebate і Disqus, файли з Dropbox, Box, Flickr Badge, Blogger, Meebo , Email Me From, Nabble Forum і Vimeo. Функціональність і інформативність вашого ресурсу зросте і ви відчуєте ці зміни на собі.
Давай на практиці, а не словах, розберемося з усіма можливостями html віджета. HTML widget є в будь-якому шаблоні MotoCMS з нашого магазину.
Знайомство з html виджетом
Створимо нову порожню сторінку, щоб там протестувати віджет.
Зліва в панелі налаштувань ви знайдете вкладку «віджет», в ній - HTML widget. 
Праворуч ви бачите панель налаштувань. Там ви можете відредагувати назву віджета, показати або приховати прелоадер (індикатор завантаження зовнішнього віджета), змінити розмір, прозорість і режим змішування віджета, додати різні ефекти його появи на сайті. 
Якщо контент більше, ніж область віджету, ви можете включити функцію сроллбаров. Тобто, з'явиться смуга прокрутки, що дозволяє бачити вміст модуля повністю. 
Натисніть на нього двічі, ви можете вставити віджет куди завгодно. Чарівна функція drag & drop дозволяє легко і просто це зробити. 
Потрібно створити Новов вміст, виберіть зі списку HTML контент. 
Ось як виглядає вікно налаштувань віджета. Зліва ви бачите список сервісів, з якими можна зробити інтеграцію.
Увага: в Панелі управління цей віджет НЕ буде видно в повноекранному режимі. Її видно тільки при перегляді сайту. Також, html віджет буде завжди поверх всіх інших візуальних об'єктів сайту, тому необхідно змінювати його Розташування на Content в налаштуваннях. Якщо HTML Widget неактивний, це означає в налаштуваннях активований параметр «Включити підтримку нелатинських символів».
Blank html - це чистий бланк, сюди ви можете вставити будь-який html код, наприклад, код додатка, форуму, форми коментарів та інші.
Додавання Google документа
Ви можете вставити на сайт документ з сервісу Google Docs. Для цього, виберете html віджет, виділіть область, в якій він буде відображатися на сайте.Нажміте на вкладу Google документ. Тепер дивіться на інструкцію. Потрібно відкрити Google документ за допомогою посилання «тут», ви можете бачити її в інструкції.
Далі відкрийте необхідний документ, натисніть Файл - Опублікувати в Інтернеті. 
Виділіть код в віконці, що з'явилося під назвою «Вбудовування коду». Вставте цей код в віджет в Панель управління замість слів «paste code here». 
Тепер збережіть зміни і натисніть Попередній перегляд, щоб побачити віджет з Google документом. Якщо документ досить великий, то з'являється скролл. 
Аналогічним чином можна вставити на сайт Google таблицю, календар, слайдшоу фотографій з сервісу Picasa і відео з YouTube.
Додавання Google карти
Карту Google Maps ви можете вставити за допомогою HTML віджета або ж завдяки окремому віджету карти . Виберете для себе найбільш підходящий варіант.
Розберемо детально, як вставити Google карту за допомогою html віджета. Як ви бачите, інструкція є скрізь.
Відкрийте посилання Карти в інструкції. Зліва ви побачите закладку «Посилання», натиснувши на неї з'явиться html-код, який вам потрібен. 
Знову збережіть зміни і натисніть попередній перегляд, щоб побачити html віджет на сайті. 
Таким же чином ви можете вставити Google інтернет спільноти, тобто дозволити людям створювати власні профілі на вашому сайті, запрошувати нових користувачів і обмінюватися інформацією. Ви можете створити соціальну панель і блок коментарів.
Додавання Twitter профілю
Давайте додамо Twitter профіль на сайт. Невелика складність полягає в тому, що вам потрібно налаштовувати візуальний образ цього віджета поза Панелі управління. Натисніть на посилання «Profile Widget» в інструкції, щоб перейти на свою Twitter сторінку.
Тут необхідно ввести своє ім'я, ви можете налаштувати смугу прокрутки, поновлення, кількість твітів, кольорове оформлення блоку на сайті і його розміри. Коли ви закінчили налаштовувати його, натисніть на кнопку «Завершити і отримати код», щоб висвітився потрібний html-код. 
Скопіюйте його та вставте на сайт. 
Додавання інших корисних сервісів
Ви також можете додати на сайт блоки з коментарями, завдяки сервісу IntenceDebate і Disqus.
Інтеграція з Facebook означає, що ви можете додати кнопку «Like», стрічку коментарів або новин, рекомендації та LikeBox, тобто все, що потрібно для роботи з користувачами. В html віджет ви знайдете докладну інструкцію. Все робиться за аналогією. У першому пункті є кнопка для переходу на сторінку кнопки Like. 
Файли з DropBox, Box, Flickr Badge, Meebo, Blogger і форму Email Me. 
Також можна вставити на сайт відео з сервісу Vimeo. 
Модуль «HTML віджет» вбудований в Панель управління, а це означає, що ви отримаєте його абсолютно безкоштовно при покупці ліцензійної версії системи або будь-який шаблон з нашого магазину . Ви можете вибрати будь-який шаблон, скористатися безкоштовною 30-ти денний демо-версією і протестувати можливість HTML віджета самостійно.
Залишайте свої коментарі та пропозиції щодо функціональності системи Moto CMS на нашому Форумі , В розділі «Пропозиції».
Ваша думка дуже важлива для нас!
