Как сделать виджет для сайта одноклассники


Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Лучшие новости сайта


При создании сайта вручную править код нет необходимости, абсолютно все операции в uKit вы можете делать в визуальном редакторе. Если все-таки вам необходимо вставить специфический HTML-код — такая возможность предусмотрена в тарифе «Про».

Вы можете разместить виджет Html-код в любом месте вашего сайта и разместить в нем нужный код:

Или использовать виджет «Свой код» в панели управления uKit:

В настройках виджета «Свой код» вы сможете указать место расположения кода и выбрать страницы, на которых он будет размещен:

Да, мы предлагаем партнёрскую программу, которая позволит вам зарабатывать 30% от трат пользователей. Подробнее с нашим предложением вы можете ознакомиться .

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

Это окно необходимо для процесса отладки и, в основном, фиксирует мелкие ошибки. Нам важно собирать данные обо всех возникающих ошибках.

Сообщите об ошибке в или напишите нам на . В своем сообщении укажите устройство с которого работаете, операционную систему, браузер и его версию. Обязательно сделайте скриншот ошибки с открытой консолью браузера (открыть панель разработчика в большинстве браузеров возможно сочетанием клавиш Ctrl + Shift + I, после чего перейдите во вкладку консоль, ).

У вас возникает одна или несколько из описанных ниже ситуаций?

  • В режиме конструктор не можете добавить материал на страницу типа “Новости”?
  • Сайт в режиме предпросмотра отображается некорректно?
  • Видите сообщение о запрете загрузки системных скриптов, необходимых для работы конструктора?

Некоторые расширения браузеров могут мешать корректной работе конструктора, поэтому мы рекомендуем отключать все активные расширения для вашего браузера, в частности блокировщики рекламы (например: AdBlock, Adblock Plus, AdGuard и прочие).

Если вы не хотите отключать блокировщики рекламы, вы можете добавить сайт ukit.com в список исключений в настройках расширения.

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

SSL сертификат позволяет:

  • подтвердить подлинность сайта и его владельца
  • организовать шифрование передаваемой информации
  • защитить данные от подмены во время передачи по сети

HTTPS — это защищенный протокол, который позволяет шифровать передаваемую информацию поверх протокола SSL.

С января 2017 года браузеры Firefox и Chrome помечают как надежные только сайты, работающие по протоколу HTTPS.

Вы можете бесплатно .

В разделе «Домены» панели управления uKit вы можете , а также  или  доменов вида site.ru.

После обновления настроек ваш сайт заработает по адресу прикрепленного домена, а вам станет доступен новый функционал: вы сможете и настроить .

Зарегистрировать личный домен вы можете в панели управления вашего сайта. Для этого перейдите в раздел «Домены».

Нажмите кнопку «Купить домен».

Введите имя домена, например test-ukit.

Система подберет свободные домены в различных доменных зонах. Нажмите кнопку «Купить» справа от домена в нужной доменной зоне, вы будете перенаправлены на страницу оплаты.

Если у вас нет своего домена, вы можете . В этом случае домен будет прикреплен автоматически и никаких дополнительных действий не потребуется.

Если у вас уже есть домен:
  1. Зайдите в панель управления сайтом
  2. Откройте раздел «Домены»

  3. Введите имя вашего домена

  4. Подтвердите, что это ваш домен

  5. Пропишите у регистратора вашего домена наши NS серверы:
    • ns1.ukit.com
    • ns2.ukit.com

    По завершению нажмите на кнопку «Я указал NS серверы у регистратора»

  6. Теперь нужно просто подождать. Сайт по прикрепленному домену будет доступен в промежуток времени от 6 до 72-х часов. Чаще всего, хватает суток.

Технический домен (вида mysite.ulcraft.com) для уже созданного сайта изменить невозможно. Для выбора нового технического домена вам необходимо создать новый сайт.

Однако вы можете с желаемым названием в панели управления вашего сайта в разделе «Домены» во вкладке «Мои домены», а также , приобретённый у стороннего регистратора, во вкладке «Прикрепленные к сайту».

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

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

2. Вы можете сделать основным любой прикрепленный домен.

В панели управления uKit перейдите в раздел «Домены».

Откройте настройки почты.

Введите имя почтового ящика и пароль, затем нажмите «Создать почтовый ящик».

Авторизуйтесь в своем аккаунте mail.ru или зарегистрируйте новый.

И разрешите приложению uKit управление почтовыми ящиками на вашем домене:

Почтовый ящик создан, его регистрация занимает около 15 минут.

После окончания регистрации вы сможете войти в созданный почтовый ящик и создать новый.


 

Управлять настройками домена вы можете в панели управления вашего сайта в разделе «Домены». Напротив вашего домена нажмите на шестерёнку. В открывшемся окне на вкладке «Редактирование записей» вы можете разместить CNAME, MX, TXT и A записи.

 Если вам необходимо указать другие записи, напишите в .

Для создания почты на домене вы можете воспользоваться любым сервисом, который предоставляет такую услугу. Как пример: . Это очень простая процедура, просто следуйте указаниям на сайте сервиса. При этом, для прикрепления почтового сервиса к вашему домену, вам необходимо выбрать подтверждение при помощи . Если останутся вопросы, , обязательно поможем.

У системы uKit следующие DNS:

  • ns1.ukit.com
  • ns2.ukit.com

Если вы получили такое сообщение, то вам необходимо перейти на страницу  и авторизоваться в своём аккаунте. Теперь, выберите свой сайт и перейдите во вкладку «Настройка индексирования» — «Переезд сайта».

На открывшейся странице активируйте галочку на пункте «Убрать WWW» и нажмите «Сохранить».

Обратите внимание, что в uKit сайты доступны без WWW. В случае обращения к домену с WWW установлен автоматический 301 редирект на домен без WWW.

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

Как только изменение будет применено (это можно будет увидеть ) — вы сможете добавить свой сайт в Яндекс.Вебмастер через интерфейс uKit.

Способ 1

В Панели управления сайтом нажмите на кнопку «Опубликовать».

Способ 2

В конструкторе в левом нижнем углу страницы нажмите на кнопку «Опубликовать».

В панели управления uKit откройте раздел «Настройки»:

На открывшейся странице выберете режим «В разработке»:

Для того чтобы вновь открыть сайт для посетителей отключите режим «В разработке» или повторно опубликуйте сайт.

Браузер сохраняет в кэше информацию о сайте, чтобы не загружать его при каждом открытии. Обновите страницу сочетанием клавиш Ctrl+F5 или очистите кэш браузера. по очистке кэша браузера.

Резервные копии мы часто называем англоязычным термином бэкап (англ. backup - резервное копирование). В uKit существует два вида бекапов: ручные и автоматические.

  • Автоматические бекапы создаются системой через заданные промежутки времени.
    Каждую неделю создается недельный бекап. Если изменений на сайте нет — недельный бэкап не создается. Каждый месяц недельный бэкап четырехнедельной давности (если такой есть) превращается в месячный. Если между самым новым месячным бэкапом и самым старым недельным разница во времени меньше месяца, недельный бэкап удаляется. Через год (если вы каждый месяц изменяете свой сайт, у вас накопится 11 бекапов) месячный бекап годовой давности становится квартальным или удаляется. Квартальным становится в том случае, если дата его создания больше года и между ним и самым новым квартальным бекапом разница во времени больше 3 месяцев.
  • Ручные бекапы вы создаёте сами, в нужный вам момент.
    Для создания ручного бекапа перейдите в «Конструктор» и нажмите на иконку часов в левом нижнем углу.

После чего выберите пункт «+ Создать бекап».

Возможно создать 10 ручных бекапов. Ненужные бекапы вы можете удалить в любой момент.

В панели управления uKit перейдите в раздел «Настройки»:

И нажмите кнопку «Заменить»:

После изменения иконки повторно опубликуйте сайт и , после чего откройте сайт повторно.

Выберите ваш браузер и следуйте дальнейшим инструкциям.

Google Chrome

1. Нажмите сочетание клавиш Ctrl + Shift + Del;

2. В появившемся окне «Очистить историю» оставьте только опцию «Изображения и другие файлы, сохраненные в кэше». Затем, выберите период, которым браузер должен ограничиться при удалении данных;

3. Нажмите кнопку «Очистить историю».

Mozilla Firefox

1. Нажмите сочетание клавиш Ctrl + Shift + Del;

2. В появившемся окне «Удаление недавней истории» раскройте список «Удалить» и выберите период, которым браузер должен ограничиться при удалении данных;

3. Раскройте список «Подробности» и проверьте, что включена только опция «Кэш»;

4. Нажмите кнопку «Удалить сейчас».

Яндекс.Браузер

1. Нажмите → Дополнительно → Очистить историю.

2. В списке Удалить следующие элементы выберите период, за который необходимо удалить кэш.

3. Включите опцию файлы, сохранённые в кэше.

4. Отключите все остальные опции (если вы хотите очистить только кэш браузера).

5. Нажмите кнопку Очистить историю.

Opera

1. Нажмите сочетание клавиш Ctrl + Shift + Del;

2. В окне «Очистить историю посещений" выберите период, которым браузер должен ограничиться при удалении данных;

3. Проверьте, что включена только опция «Очистить кэш» и нажмите кнопку «Очистить историю посещений».

Internet Explorer

1. Нажмите сочетание клавиш Ctrl + Shift + Del;

2. В окне «Удаление истории обзора» выберите опцию «Временные файлы Интернета и веб-сайтов». Убедитесь, что остальные опции отключены;

3. Нажмите кнопку «Удалить».

Safari

1. Выберите операционную систему вашего компьютера: Apple MacOS XMS Windows;

2. В меню браузера выберите пункт Safari → Сбросить Safari;

3. В открывшемся меню проверьте, что включена только опция «Удалить все данные веб-сайтов», затем нажмите кнопку «Сбросить».

Edge

1. Нажмите значок троеточия, затем перейдите в Параметры.

2. В блоке Очистить данные браузера нажмите кнопку Выберите, что нужно очистить.

3. Включите опцию Кэшированные данные и файлы. Убедитесь, что остальные опции отключены.

4. Нажмите кнопку Очистить.

В виджете «Соцсети» можно добавить ссылки на: Фейсбук, ВКонтакте, Твиттер, Одноклассники, Google+, mail.ru, Linkedin, Мой круг и YouTube, Инстаграм.

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

Основное внимание рекомендуем уделить следующим факторам.

 

Контент

 

Он должен быть уникален и тематически связан с ключевыми словами. Уникальный контент — это оригинальные авторские статьи, фотографии, аудио и видео материалы, не имеющие копий в поисковых системах. Этот фактор оказывает большое влияние на продвижение вашего сайта, рекомендуем уделить ему особое внимание.

 

Внутренняя оптимизация

 

Ваш сайт, созданный в uKit, на уровне системы уже оптимизирован для продвижения. Вам остается только продумать его структуру и дизайн, правильно заполнить мета-теги, настроить ссылки между страницами сайта, прикрепить собственный домен вида site.ru.

Мета-тег Title должен коротко и понятно описывать вашу деятельность (например: uKit — Конструктор сайтов для бизнеса). Содержимое этого мета-тега отображается в поисковой системе

и адресной строке браузера:

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

Мета-тег Keywords стоит заполнять ключевыми словами, которые описывают содержание страницы сайта. Это могут быть отдельные слова или словосочетания, но они обязательно должны встречаться на странице.

вы можете в режиме конструктора в настройках страницы - вкладка SEO.

 

Внешнее продвижение

 

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

Оценить готовность вашего сайта к публикации вы можете в обновленном разделе Продвижение. Ваш сайт уже в Зеленой зоне? Сообщите о нем поисковикам и приступайте к продвижению.

Для вашего удобства мы автоматизировали добавление сайта в поисковые системы Google и Яндекс. В разделе Продвижение добавьте ваш сайт в Яндекс.Вебмастер и Google Webmaster Tools для оптимизации работы с поисковым роботом. На вкладке Карты добавьте информацию о вашей компании в Яндекс.Справочник и Google карты, пользователи из вашего региона будут чаще видеть ваш сайт в результатах выдачи по региональному запросу.

Больше информации о посетителях вашего сайта вам расскажут Яндекс.Метрика и Google Analytics, подключите эти сервисы в разделе Статистика панели управления uKit.

Также рекомендуем ознакомиться с советами для вебмастеров от  и .

Мы делаем конструктор максимально гибким для поисковой оптимизации. В нашем конструкторе предусмотрены следующие SEO-настройки:

  1. — это позволит поисковым роботам Яндекса и Google быстрее найти ваш сайт и проиндексировать его. Эти инструменты доступны в панели управления вашего сайта в разделе «Продвижение» во вкладке «Вебмастер».
  2. — это позволит вам проводить анализ пользователей, пришедших на ваш сайт. Вы сможете улучшать страницы своего сайта и подстраивать их под нужные вам поисковые запросы. Эти инструменты доступны в панели управления вашего сайта в разделе «Статистика».
  3. Добавление информации о компании в Яндекс.Справочник и Google Карты — это позволит пользователям из вашего региона (если вы осуществляете деятельность на определённой территории) чаще видеть вас в результатах поисковой выдачи в случае, если запрос был определён как региональный. Эти инструменты доступны в панели управления вашего сайта в разделе «Продвижение» во вкладке «Вебмастер».
  4. При добавлении страниц, вам предлагается использовать ряд SEO-настроек: адрес страницы, , . На этой вкладке вы также можете закрыть от индексации эту страницу сайта.

  1. Убедитесь, что сайт .

  2. В панели управления перейдите в раздел «Продвижение» и откройте вкладку «Добавить в поисковики».
  3. Последовательно добавьте сайт в Google Search Console и Яндекс.Вебмастер.

Как правило, сайт появится в результатах поиска через 3-4 недели. Иногда это может занимать месяц и даже более. Не забудьте сообщить о своем сайте поисковикам, добавив его в 

Вы можете подключить и в панели управления вашего сайта в разделе «Статистика».

Перейдите в панели управления вашего сайта в раздел «Статистика» во вкладку «Яндекс.Метрика». Авторизуйтесь в вашем профиле Яндекс (достаточно авторизоваться в почте Яндекс) и нажмите кнопку «Подключить».

Через некоторое время отобразится статистика.

Поздравляем! Статистика подключена.

Для подключения Google Analytics для вашего сайта в uKit вам нужно осуществить следующие действия:

1. Перейдите в панели управления вашего сайта в раздел «Статистика» во вкладку «Google Analytics». Авторизуйтесь в вашем профиле Google (достаточно авторизоваться в почте Gmail) и нажмите кнопку «Подключить».

2. Примите условия использования и разрешите Google доступ к вашему сайту.

3. После подключения аккаунта Google нажмите кнопку «Создать аккаунт».

4. На открывшейся странице заполните все необходимые поля.

5. Прокрутите страницу в самый низ и нажмите кнопку «Получить идентификатор отслеживания».

6. Теперь необходимо принять условия использования Google.

7. Далее вы будете перенаправлены на страницу с кодом статистики, который необходимо разместить на сайте. Просто пропустите данный пункт, счётчик уже установлен на вашем сайте.

8. Вернитесь в панель управления вашего сайта, в раздел «Статистика». Обновите страницу Google Analytics сочетанием клавиш Ctrl + F5 и нажмите кнопку «Уже есть аккаунт».

Поздравляем! Статистика подключена.

Вы можете подключить цели к Яндекс.Метрике и Google Analytics. Перед настройкой целей убедитесь, что у вас подключены счетчики и в разделе «Статистика».

Цели можно задать на следующих элементах сайта:

  • виджет «Кнопка» (в том числе кнопки на страницах «Оформление заказа» и «Успешный заказ»)
  • виджет «Заказать звонок»
  • виджет «Товар магазина»
  • кнопка «Оформить» в корзине
  • форма обратной связи
  • всплывающие окна

 

Настройка целей в Яндекс.Метрике

Для установки цели на виджет необходимо кликнуть по нему, затем в левой панели раскрыть пункт «Сбор статистики», активировать интерфейс создания целей в Яндекс.Метрике и создать цель.

Далее вы сможете отредактировать цель, задав ей новое название и идентификатор, а также посмотреть статистику по целям в личном кабинете Яндекс.Метрики, кликнув на ссылку «Посмотреть»

Цель для всплывающего окна задается при его редактировании.

Настройка целей в Google Analytics

Для установки цели на виджет необходимо кликнуть по нему, затем в левой панели раскрыть пункт «Сбор статистики», активировать интерфейс создания целей в Google Analytics и получить ярлык.

Далее необходимо авторизоваться в аккаунте Google Analytics создать цель и добавить полученный ранее ярлык. Подробная инструкция по работе с целями в Google Analitics представлена на этой странице:

Примечание: Подключение целей для счётчиков статистики доступно в тарифах «Премиум+» и «Про»

Перейдите в панели управления вашего сайта в раздел «Продвижение» во вкладку «Карты». Откройте раздел «Google Карты» и на открывшейся странице заполните все необходимые данные и нажмите кнопку «Добавить»

После этого ваш сайт будет отправлен на модерацию вам нужно ожидать, пока ваша организация её пройдёт. После этого ваш сайт будет успешно добавлен в Google Карты.

1. Перейдите в панели управления вашего сайта в раздел «Продвижение» во вкладку «Карты». Откройте раздел «Яндекс.Справочник» и на открывшейся странице нажмите кнопку «Добавить»

2. На открывшейся странице Яндекс.Справочника, заполните все реквизиты. Часть из них будет автоматически подтянута с вашего сайта с тех контактов, что вы установили ранее. После заполнения данных, переходите к следующему шагу.

3. Теперь, выберите из рубрикатора те виды деятельности, которые наиболее подходят к вашей организации. На следующем шаге выберите подходящий для вас способ размещения и подтвердите внесённые данные.

Всё, ваш сайт был успешно добавлен в Яндекс.Справочник!

Meтa-теги можно указать в настройках каждой страницы. Для этого в режиме конструктор на вкладке «Страницы» откройте настройки интересующей вас страницы, как показано на скриншоте:

На вкладке SEO заполните мета-теги Title, Description и Keywords. Чтобы внесенные изменения применились, нужно нажать в любом свободном месте конструктора и опубликовать ваш сайт.

В режиме конструктора откройте раздел «Страницы» и напротив нужного пункта меню нажмите на шестерёнку. В открывшемся окошке перейдите во вкладку «SEO» и заполните поле «Заголовок» желаемым текстом.

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

Чтобы закрыть от индексации определённую страницу вашего сайта, перейдите во вкладку «Страницы сайта» и напротив нужной страницы нажмите на шестерёнку. Перейдите во вкладку «SEO» и в самом низу активируйте настройку «Запретить индексирование страницы».

Файл sitemap.xml генерируется автоматически на всех опубликованных сайтах и доступен по адресу: http://адрес-сайта.ru/sitemap.xml — в него попадают все ранее созданные страницы сайта.

Примечание: В Google Search Console при добавлении карты сайта нужно указывать просто sitemap.xml без дополнительных слешей и адреса сайта. В Яндекс.Вебмастер нужно указывать полный адрес файла.

Файл robots.txt генерируется системой автоматически и располагается в корневой папке вашего сайта. Найти его можно по следующему адресу: . Поисковые системы находят robots.txt автоматически.

Этот файл содержит следующие записи:

  • Директива User-Agent: . Означает, что описанные ниже настройки действуют для всех поисковых роботов.
  • Директивы Allow и Disallow. По умолчанию все страницы вашего сайта индексируются поисковыми системами, но вы можете .
  • Директива Sitemap. Показывает поисковым системам, по какому адресу можно найти карту сайта. .
  • Директива Host. Если вы приобрели и прикрепили к сайту домен, то появится эта директива, которая показывает основной домен вашего сайта (то есть тот домен, который ).
    Примечание: Если в Яндекс.Вебмастере отображается информация о том, что у вас не указана директива Host, хотя домен прикреплён — нужно подождать некоторое время, пока информация в поисковой системе обновится. Никаких дополнительных действий не требуется.

В uKit есть следующие тарифы:

  • «Премиум» — в этот тариф входит использование конструктора uKit, большой выбор тематических шаблонов, надежный хостинг для вашего сайта и отсутствие рекламы. Ежемесячная стоимость — 5 у.е./месяц, но если оплатить сразу на год, месяц обслуживания обойдется в 4 у.е.
  • «Премиум+» — в этом тарифе еще больше полезных опций. К возможностям «Премиум» добавятся цели в статистике, онлайн чат со службой поддержки, а также премиум шаблоны. Ежемесячная стоимость — 10 у.е./месяц, но если оплатить сразу на год, месяц обслуживания обойдется в 8 у.е.
  • «Интернет-магазин» — тариф для тех, кто хочет открыть свой интернет-магазин. В рамках этого тарифа доступны все возможности «Премиум+», а также возможность пользоваться встроенным . Ежемесячная стоимость — 12 у.е./месяц, но если оплатить сразу на год, месяц обслуживания обойдется в 9.60 у.е.
  • «Про» — тариф для продвинутых пользователей. Все то, что есть в «Интернет-магазин» плюс дополнительные возможности: редактор HTML-кода и инструмент для тонкой настройки цветовой схемы. Ежемесячная стоимость — 15 у.е./месяц, но если оплатить сразу на год, месяц обслуживания обойдется в 12 у.е.

После истечения пробного периода в 14 дней вы можете пользоваться конструктором uKit абсолютно бесплатно, но на вашем сайте будет размещен рекламный баннер uKit (). Убрать рекламу вы можете в любой момент, перейдя на один из тарифов: Премиум, Премиум+, Интернет-магазин или Про.

Мы принимаем карты «Visa» и «MasterCard». Также вы можете оплатить виртуальными картами и или через платежную систему PayPal. Вы также можете оплатить тариф со счёта организации с помощью безналичного расчёта.

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

Стоимость тарифа указана в у.е. — условные единицы, приравнены к доллару США. Если карта долларовая, списание будет произведено в долларах США. В остальных случаях ваш банк произведёт конвертацию по внутреннему курсу.
В случае возникновения проблем с оплатой, обратитесь в службу поддержки в панели управления сайтом в разделе «Помощь».

Мы предлагаем фиксированные скидки на , которые зависят от срока оплачиваемых услуг — чем больше срок оплаты, тем выше размер скидки:

  • при оплате на три месяца вы получаете скидку в размере 5%;
  • при оплате на шесть месяцев вы получаете скидку в размере 10%;
  • при оплате на двенадцать месяцев вы получаете скидку в размере 20%.
  • при оплате на два года вы получаете скидку в размере 30%.

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

Кроме того мы, время от времени, проводим различные акции и предоставляем дополнительные скидки. Рекомендуем вам следить за новостями в , чтобы быть в курсе проводимых акций.

Перейдите на Яндекс.Деньги и нажмите на кнопку «Открыть кошелек».

Система перенаправит вас на страницу регистрации, где надо ввести логин, пароль, e-mail и телефон. После ввода данных, нажмите «Продолжить».

Вы открыли кошелек в сервисе Яндекс.Деньги.

Теперь, кликните на стрелку в верхнем правом углу, справа от значка вашего профиля и слева от вашего счета. Появится выпадающее меню, в нем выберите «Активация виртуальной карты».

На открывшейся странице нажмите кнопку «Выпустить карту», после чего подтвердите действие.

Теперь у вас есть виртуальная карта Яндекс.

Вы можете узнать больше о своей новой карте, кликнув на «Узнать данные карты».

Для начала, войдите в  QIWI и введите в поле свой номер телефона. Нажмите на кнопку «Создать кошелек».

У вас появится поле регистрации и входа, где вы сможете продолжить регистрацию, введя цифры с картинки и согласившись с условиями Оферты. Вы также можете войти через социальные сети, если вы ранее зарегистрировались в системе QIWI.

Продолжая регистрацию, придумайте пароль и введите его повторно. Выберите срок действия пароля, а потом введите код из SMS, которое придет на ваш телефон. Нажмите «Подтвердить». Теперь вы зарегистрированы!

Перейдите в раздел «Банковские карты». Здесь вы сможете создать виртуальную карту QIWI Visa Virtual или QIWI Visa Card. Для постоянных онлайн-платежей больше подходит QIWI Visa Card.

Кликаем на плюсик и карта будет создана.

В uKit есть 2 режима, в которых происходит вся работа с вашим сайтом: «Панель управления» и режим «Конструктора».

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

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

В режиме Конструктора ваш сайт приобретает индивидуальность. В панели слева вы можете перейти в тот или иной раздел конструктора. Здесь вы найдете все доступные и блоки, настройки страниц и дизайна, а также посмотреть .

Также в этой панели вы можете отменить последние действия, создать и сайт, вернуться в панель управления uKit. 

Чтобы изменить шаблон для вашего сайта, в режиме конструктора откройте вкладку «Дизайн» и в разделе «Шаблон» нажмите «Сменить шаблон»:

Выберите понравившийся вам шаблон и нажмите «Сменить на этот шаблон»:

Дизайн вашего сайта изменится, а содержание останется прежним.

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

На открывшейся странице в левом верхнем углу вы сможете выбрать варианты устройств и ориентацию экрана:

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

Сделать вложенный пункт меню можно двумя способами. Кликните на меню, чтобы открыть редактор.

  1. Перетащите мышью выбранный пункт меню и разместите его под корневым.
  2. Перейдите в настройки нужного пункта и укажите корневой пункт меню в строке «Вложенность».

Для применения изменений необходимо .

1. Создайте необходимую вам страницу.

2. Укажите имя в настройках страницы.

3. Наведите курсор на меню и щёлкните по нему. В появившейся панели редактирования удалите пункт меню, автоматически созданный для вашей новой страницы.

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

Чтобы закрепить меню в верхней части сайта, в режиме конструктора нажмите на него, после чего активируйте настройку «Закрепить при прокрутке».

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

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

  1. Включить/отключить отображение заголовка;
  2. Настроить поля формы;
  3. Указать сообщение, которое увидит клиент после отправки формы;
  4. Настроить email, на который будут отправляться заявки;
  5. Активировать ;
  6. Отредактировать текст в поле формы.

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

  • Слайдер
  • Кнопка
  • Карточка
  • Прайс-лист

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

На тарифе «Премиум+» и выше вы можете .

Настройка полей

Вы можете создавать несколько типов полей:

  • Товар или услуга. Сюда автоматически подставляется название товара/услуги из виджетов «Карточка» или «Прайс».
  • Маленькое поле. Обычное текстовое поле для вставки любой информации.
  • Большое поле. Увеличенный размер поля позволяет вставлять большее количество текста. Например, клиенты могут вписать в это поле дополнительные вопросы или указать полный почтовый адрес. В настройках такого типа полей доступен выбор его высоты.
  • E-mail. Используется для получения электронной почты вашего клиента, по которой вы сможете с ним связаться. При заполнении производится проверка на правильность вводимой электронной почты.
  • Телефон. Используется для получения телефонного номера, по которому вы можете позвонить клиенту. При заполнении производится проверка на правильность вводимых данных.
  • Файл. С помощью этого поля клиенты могут отправлять вам на почту файлы размером до 5 мегабайт в следующих форматах: txt, docx, pdf, jpeg, png, gif, bmp, zip.

Для полей вы можете активировать заголовок, подпись и плейсхолдер. Отредактировать заголовок и подпись вы можете непосредственно в самом всплывающем окне.

В редакторе вы можете настроить часть текста, которая будет отображаться в списке новостей:
1. Установите курсор на месте, в котором хотите разделить материал;
2. Нажмите на кнопку «Читать далее».

В списке новостей будет отображаться выбранная вами часть новости, при нажатии на кнопку «Читать далее» посетитель сайта попадет на страницу с полным материалом.

Чтобы изменить ширину элемента, добавьте рядом с ним элемент «Пробел» или любой другой элемент.

Затем вы сможете настроить ширину виджета вручную, растягивая его границы курсором.

Чтобы изменить высоту элемента, откройте его настройки и перетащите нижнюю границу.

Якорную ссылку обычно используют «одностраничные» сайты, чтобы каждый пункт меню прокручивал страницу до определенного раздела.

Якорь можно установить у любого виджета «Заголовок» на вашем сайте:

 

Все нужные заголовки разместите на странице сайта.

 

После этого откройте настройки ссылки:

В разделе «На страницу» у названия вашей страницы нажмите на символ «+» (плюс), чтобы увидеть список якорей:

Теперь ваша кнопка будет прокручивать страницу к якорю

Вы можете создать таблицу двумя способами:

  • с помощью виджета «Таблица»
  • используя виджет «Прайс» (для этого виджета доступна кнопка в последнем столбце)

Виджет «Таблица»

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

Чтобы добавить новый столбец, нажмите на зелёную кнопку в правом верхнем (или левом нижнем для добавления строки) углу таблицы:

Виджет «Прайс»

Перетащите элемент на страницу сайта и нажмите на него чтобы открыть настройки. Вы можете изменить дизайн, и настроить отображение отдельных элементов:

Вам остается только заполнить таблицу.

Вы можете настроить отображение отдельных элементов шапки и подвала в настройках блока, для этого наведите курсор на шапку или подвал и нажмите шестеренку.

Настроить отображение пунктов вы можете кликнув ползунок:

В дальнейшем мы планируем расширить возможности редактирования шапки и подвала.

Нажмите на любой элемент сайта или выделите часть текста. Щелкните по кнопке «Ссылка», которая появляется над элементом или текстом.

В открывшемся окне укажите на какую внешнюю ссылку или страницу вашего сайта будет осуществлен переход и вариант открытия ссылки в текущем/новом окне:

В случае, если кнопка «Ссылка»; не появляется, значит сделать элемент или текст кликабельным невозможно.

Кликните по картинке, которую хотите изменить и нажмите значок:

Выделите нужную область картинки рамкой и нажмите галочку: 

В режиме конструктора перейдите на вкладку «Дизайн» и измените цветовую схему:

В тарифе «Про» вы сможете создать цветовую схему самостоятельно:

  

Активировать версию для слабовидящих можно в режиме конструктора на вкладке «Дизайн»:

Активация версии для слабовидящих в uKit

Теперь вам доступны тонкие настройки, вы можете выбрать цвет полоски и выравнивание иконки:

Настройка версии для слабовидящих в uKit

В режиме конструктора откройте вкладку «Социальные», разместите виджет «Соцсети» в нужной части сайта.

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

Для изменения шрифта перейдите во вкладку «Дизайн». Откройте раздел «Шрифты» и выберите нужную вам шрифтовую пару:

Также вы можете создать свою собственную пару и настроить её:

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

  • Шрифт
  • Начертание
  • Размер
  • Межстрочный интервал

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

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

  • Основные
  • Структура
  • Контент
  • Интернет-магазин
  • Медиа
  • Контакты
  • Социальные

 

Основные

 

Это основные элементы для оформления вашего сайта. Среди них есть обычные текстовые элементы («Заголовок» и «Текст» и «Цитата»), мультимедийные элементы («Картинка», «Иконка», «Галерея» и «Слайдер») и элемент «Кнопка», на который можно привязать какое-либо действие.

 

Структура

 

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

 

Контент

 

Во вкладке «Контент» вы найдете ряд виджетов, которые позволяют размещать на страницах вашего сайта контент определённого типа. Например, , позволят показать посетителям вашего сайта товар визуально и рассказать о его характеристиках — вы также можете . Другие виджеты предлагают различные функциональные возможности: с их помощью вы можете использовать таймер обратного отсчёта, поставить калькулятор расчёта стоимости ваших услуг, показывать погоду в вашем регионе, демонстрировать последние новости на сайте, делиться цитатами и разместить виджеты поиска по вашему сайту. В тарифе «Про» доступен виджет HTML-код.

 

Интернет-магазин

 

С помощью виджетов из этого раздела вы можете создать свой собственный интернет-магазин. Вы можете воспользоваться сторонним , либо использовать наш .

 

Медиа

 

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

 

Контакты

 

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

 

Социальные

 

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

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

Контакты

Чтобы перейти в редактирование контакта, вам нужно нажать на карандаш напротив нужного пункта. Справа откроется окно, где вы сможете указать ваши контактные данные. Если у вас есть несколько отделений, то вы можете добавить новый контакт, нажав на кнопку «Добавить контакт».

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

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

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

Соцсети

Виджет «Соцсети» позволяет разместить на вашем сайте ссылки на ваши сообщества в социальных сетях. Это может быть как персональная страница, так и группа или паблик. В настройках виджета вам нужно активировать необходимые социальные сети и прописать ссылки на ваши сообщества:

Вы можете менять порядок социальных сетей, перемещая блоки соцсетей в левой панели.

Карты

Виджет «Карты» может помочь потенциальным клиентам найти вас, узнать время работы и понять, как до вас добраться.

Тип карты

При размещении виджета вам доступно для выбора несколько картографических сервисов: Google, Яндекс и Bing. В редких случаях возникают ситуации, когда здание, в котором находится ваша организация, отсутствует на карте — тогда вы можете выбрать карту другого сервиса.

Метки на карте

Если вы ранее заполнили виджет «Контакты» на вашем сайте с указанием адреса вашей организации, то это расположение будет использовано для метки на карте. Чтобы на карте была установлена метка, вам нужно указать адрес или координаты вашего местоположения. При необходимости добавьте название и описание метки, которое будет появляться при нажатии на неё. Если у вас есть несколько офисов или представительств, вы создать несколько меток, нажав на кнопку «Добавить метку».

Виджеты социальных сетей

Вы можете разместить на сайте виджеты популярных социальных сетей, которыми вы пользуетесь: ВКонтакте, Одноклассники, Facebook, Instagram, Twitter, Pinterest. Чтобы их подключить, вам достаточно указать ссылку на ваше сообщество или подключить аккаунт к конструктору — после чего вы сможете настроить внешний вид виджета.

Видео

Виджет «Видео» позволяет размещать видеоролики на страницах вашего сайта. Вы можете использовать видео, загруженное на один из трёх популярных видеохостингов: YouTube, RuTube и Vimeo. После того как вы разместили виджет на сайте, в настройках виджета укажите ссылку на видео, которое вы хотите добавить на сайт.

Примечание: При добавлении видеоролика на сайт, убедитесь в том, что для видео, которое вы хотите добавить, в настройках разрешено встраивание на сторонние сайты.

В нашем конструкторе на данный момент представлено три варианта онлайн-чата с посетителями вашего сайта. Все они доступны в режиме конструктора во вкладке «Контакты». 

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

Для создания интернет-магазина в uKit вы можете воспользоваться встроенным виджетом «Товар магазина». После размещения этого виджета на вашем сайте активируются настройки магазина.

В настройках виджета «Товар» вы можете:

  • добавить картинку товара;
  • указать цену;
  • заполнить описание;
  • настроить сбор статистики по аналогии с виджетом «Карточка».

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

Здесь вам доступны следующие вкладки:

  • Настройки — здесь вы можете выбрать валюту магазина и действие, осуществляемое после добавления товара в корзину.
  • Форма заказа — тут вы можете редактировать адрес для получения уведомлений о заказах, текст для покупателей и поля в форме заказа.
  • Доставка — на этой вкладке вы можете управлять способами доставки. Стоимость доставки может быть бесплатной или фиксированной.
  • Оплата — здесь вам доступно изменение способов оплаты, доступные для клиента. На текущий момент вы можете подключить возможность онлайн-оплаты посредством PayPal. В ближайших обновлениях будет доступна оплата через Wallet One.

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

Перейдите в настройки магазина и откройте вкладку «Оплата». В разделе «Подключите способы оплаты» найдите PayPal и нажмите «Подключить»:

В открывшемся окне введите адрес нужного PayPal аккаунта, а также заполните название и описание способа оплаты, после чего нажмите «Подключить».

Если вы не регистрировали аккаунт в этой платежной системе, .
 

«Единая касса Wallete One» — это более 100 способов оплаты, среди которых банковские карты (VISA, MasterCard и МИР), онлайн-банкинг, sms, терминалы, отделения банков и другие.

Перейдите в настройки магазина и откройте вкладку «Оплата», найдите Wallet One и нажмите «Подключить».

или авторизуйтесь, если вы уже зарегистрированы в Wallet One. Далее следуя подсказкам системы создайте проект и активируйте аккаунт.

Для подключения онлайн оплаты вам потребуется:

  • 1. Идентификатор магазина;
  • 2. Ключ MD5;
  • 3. URL скрипта.
  • 1. Идентификатор магазина

    Расположен в правом верхнем углу личного кабинета Wallet One.

    2. Где получить ключ MD5?

    В разделе “Настройки” перейдите на вкладку «Интеграция» и выберите метод шифрования ЭЦП «MD5».

    Скопируйте полученный ключ и вставьте его в форму подключение кассы.

    3. URL скрипта на сайте Wallet One

    В интерфейсе uKit скопируйте url скрипта и добавьте его на вкладку «Интеграци» личного кабинета Wallete One и сохраните настройки.

    Название способа оплаты и описание оставьте стандартным, либо изменить на собственное. После заполнения данных, нажмите кнопку «Подключить».

    Настройка кассы Wallete One завершена!

В режиме конструктора найдите виджет «Товар магазина» и перейдите в его редактирование. В левой панели доступен раздел «Опции товара». Кликните на «Добавить опцию»:

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

Задать наценку можно как в числовом значении, так и в процентном. Указав отрицательное значение, стоимость товара будет уменьшена на него. Если оставить поле пустым — наценка на товар не будет добавлена.

1. В режиме конструктора перейдите на вкладку Контент и выберите Ecwid Shop. Перетащите виджет интернет-магазина в желаемое место вашего сайта.

2. Кликните на блок магазина и, в появившейся слева панели, нажмите кнопку «Создать аккаунт». В случае, если у вас уже есть аккаунт в Ecwid, нажмите «Уже есть аккаунт».

3. Введите данные для регистрации: e-mail и пароль и нажмите кнопку «Создать».

4. Теперь вам доступна кнопка «Настроить в Ecwid». Нажмите её.

5. Вы будете перенаправлены на главную страницу ecwid, авторизуйтесь с данными, указанными в пункте 3. После авторизации вам станет доступна панель управления Ecwid, откуда возможно управлять категориями и товарами на сайте, а также совершать другие операции.

Способ 1

В режиме конструктора откройте вкладку «Контент» и выберите элемент «Карточка». Перенесите его в нужную часть сайта.

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


Способ 2

В режиме конструктора откройте вкладку «Контент» и выберите элемент «Прайс». Перенесите его в нужное место на сайте.

Все товары находятся в настройках элемента «Прайс». Вы также можете назначить на кнопку в прайс-листе на всплывающее окно с возможностью заказа товара или услуги.

Для размещения формы онлайн расчета стоимости товаров или услуг, разместите на сайте виджет «Калькулятор».

После размещения виджета вам нужно создать или привязать уже существующий аккаунт в uCalc.

После успешной привязки аккаунта, в настройках виджета вы сможете выбрать один из ранее созданных калькуляторов:

В виджете «Слайдер» вы можете разместить до 10 слайдов.

Если вы хотите использовать слайдер без текста и кнопки, то вы можете разместить виджет «Галерея» и выбрать для него дизайн «Слайдшоу». В таком случае количество фотографий не ограничено.

Гости вашего сайта могут оставлять комментарии при помощи встроенной системы Disqus. Во вкладке «Страницы» активируйте страницу, которая имеет тип «Новости». Напротив таких страниц размещена иконка с изображением листа и карандаша.

1. Перейдите в режим конструктора и опубликуйте первую запись. Наведите курсор на запись и щёлкните по ней, активировав для редактирования. В появившейся панели слева включите «Комментарии».

2. Ниже новости появится блок «Привяжите аккаунт Disqus для активации комментариев».

3. Создайте новый аккаунт Disqus или привяжите существующий.

Поздравляем, вы успешно подключили комментарии для записей на вашем сайте.

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

Для загрузки файлов на ваш сайт используйте виджет «Файл», вы можете найти его в режиме конструктора на вкладке «Медиа».

Максимальный размер загружаемого файла - 30 Мб.

Можно добавить виджеты следующих социальных сетей: ВКонтакте, Facebook, Twitter, Одноклассники, Instagram и Pinterest. Найти виджеты можно в режиме конструктора во вкладке «Социальные»:


Источник: http://faq-ru.ukit.com/questions/


Лучшие новости сайта


Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Как сделать виджет для сайта одноклассники

Похожие новости:













Загрузили сегодня
Что случилось с романовыми почему их расстреляли
Самодельный доводчик для калитки своими руками
Как сделать чехол для телефона из силикона и крахмала
Почему туч пишется без мягкого знака
Почему не слышен звук на ноутбуке
Видео как сделать беседку своими руками на даче
Led противотуманки своими руками
Как сделать новогоднюю открытку своими руками картинки
Своими руками поделка в подарок
Поделки новогодние своими руками видео
Идеи украшения дома к новому году своими руками 2017
Почему в крыму зеленые человечки
Бутылка шампанского на новый год из конфет своими руками