Как создать баннер для сайта самому: бесплатный онлайн-конструктор
Обновлено: Автор: Максим Ляшенко
Всем привет! Сегодня я расскажу о том, как создать баннер для сайта используя онлайн-конструктор BannerBoo.
Данный ресурс позволяет любому желающему самому создать баннер для сайта онлайн и к тому же совершенно бесплатно. Впрочем, для тех, кто планирует на этом зарабатывать есть куча платных, но очень дешевых фишек, которые помогут выделиться из толпы и получать за свою работу больше.
Содержание
- Регистрация
- Как сделать рекламный баннер для сайта
- Заключение
Регистрация
Регистрация на сервисе довольно простая и занимает буквально пару минут. Для начала перейдите на официальный сайт – BannerBoo и нажмите «Вход» или «Сделать баннер» в шапке:
А вот, как выглядит само окно регистрации:
Вводим почту, дважды пароль, ставим галочку подтверждения согласия с условиями конфиденциальности.
Нажимаем зарегистрироваться, после чего открываем нашу электронную почту и ищем письмо с ссылкой для подтверждения. Нажимаем по ней и все: регистрация окончена, можно приступать к работе.
С регистрацией закончили, пора приступать к работе. Для начала отключите Adblock, иначе ничего работать не будет. После чего в личном кабинете нажмите «Сделать баннер»:
Затем выбираем необходимые размеры и нажимаем «создать новый баннер».
Если пролистаете вниз, увидите примеры уже готовых шаблонов, которые так же можно использовать и персонализировать под себя.
Выбрав размеры перед нами откроется сам конструктор. Теперь вводим название, проверяем габариты и указываем ссылку на ресурс, на который пользователи будут переходить при нажатии по рекламе:
На этом с первичными настройками покончено. Теперь я создам тестовую картинку, а начну с выбора фона.
В качестве фонового изображения можно выбрать заливку определенным цветом, выбрать уже готовую картинку или подгрузить свою.
Я выбрал уже готовую:
В конструкторе представлены наборы из разнообразных кнопок, фигур, иконок и анимаций, каждую из которых так же можно персонализировать под себя:
Так-с, фон выбрали, теперь добавим текст. Поскольку я делаю эту инструкцию просто для наглядности, то и над содержанием особо не парюсь. Вам же придется пораскинуть мозгами, чтобы придумать цепляющий заголовок и текст. И да, его так же можно легко персонализировать изменив цвет, расположение, размер шрифта и кучу чего еще:
Баннер почти готов. Осталось подгрузить какую-нибудь картинку:
Отлично, теперь все готово. Осталось все сохранить и скопировать html-код.
Если кнопка сохранить недоступна, проверьте в меню «Настройки» название проекта. Если оно не указано дальше просто не пустит.
Чтобы получить необходимый html-код нажмите «Публиковать» и щелкните «Скопировать HTML5 код». Затем выбирайте «Тип баннера» (я делал статичную картинку, поэтому выбираю ее), как будет открываться рекламируемый ресурс (в новой вкладке или нет) и нужно ли картинку адаптировать под мобильные и планшеты.
Закончив с настройками нажмите скопировать код:
Все, теперь его можно добавить на свой сайт. К слову, если вы хоть немного шарите в html и можете сами все прописать, смело сохраняйте изображение в jpeg или PNG и дерзайте.
Заключение
Теперь и вы знаете, как создать рекламный баннер для сайта. Конечно, чтобы все выглядело красиво нужно будет постараться, но, поскольку от этого зависит дальнейший заработок — стимул появляется сам собой. У меня же на этом все. Удачи вам и до встречи в следующих статьях!
BannerBoo — обзор сервиса | Startpack
Есть бесплатный тариф
от Арт Депо
9 отзывовЗадать вопрос
Официальный сайт
ИспользуюОтметьте, если используете. Это улучшит ваши персональные рекомендации.
Онлайн-конструктор для быстрого создания HTML5/GIF баннеров, без навыков программирования.
Совместная работа и личная эффективность Веб-дизайн
Похожие на BannerBoo
Pixlr X
Figma
Canva
Crello
Logaster
Турболого
Snappa
Все аналоги BannerBoo
BannerBoo — это первый в рунете конструктор HTML5 баннеров.
Сервис полностью закрывает потребность неискушенного пользователя в изготовлении рекламных баннеров для веб-сайтов и рекламных площадок. Одними баннерами дело не ограничивается — сервис можно использовать также для создания динамичных шапок для сайтов, анимированных иллюстраций и иконок.
Сам конструктор очень простой в управлении. Достаточно несколько минут, чтобы во всем разобраться. Баннер можно создать «с нуля», используя библиотеку изображений и иконок, а можно выбрать из готовых шаблонов, которые можно отредактировать по своим потребностям.
Каждый шаблон сделан в 16 размерах, что покрывает все потребности для полноценной рекламной кампании. Всего шаблонов уже более 100 в разных категориях, дизайн и анимация сделаны профессиональными дизайнерами и выглядят очень привлекательно. Это матеpиал сайт а Startpack. Для тех, кто не любит мельтешение в кадре, предусмотрены статические шаблоны.
Готовые баннеры можно вставлять на интернет-ресурсы посредством кода или же скачивать в виде картинки или ZIP архива. Архив, кстати, подготовлен для размещения в рекламных сетях и без проблем принимается тем же Google Adwords. Кроме того, можно сгенерировать ссылку на баннер и показать его заказчику для утверждения или же выслать друзьям и коллегам для обсуждения.
Доступен полноценный таймлайн для анимации — знакомый всем, кто хоть раз пытался редактировать видео в программах Adobe Premiere или After Effects. Можно передвигать слои, добавлять эффекты и получать динамичную анимацию за минуты.
Контакты BannerBoo
Сайт: https://bannerboo. Email: [email protected] | Основан в 2017 г. Находится на Украине |
comЦены на BannerBoo
Минимум 0 $ Пробный период 0 Бесплатный тариф 0 Способ оплаты: По подписке | Бесплатный тариф позволяет создать до трех анимированных HTML5 баннеров с копирайтом BannerBoo. Можно использовать статические шаблоны, экспортировать баннер в PNG, загружать свой логотип и картинки. Премиум тариф снимает ограничения на количество баннеров и убирает копирайт, можно использовать анимированные готовые шаблоны HTML5 баннеров, группировать кампании по папкам, скачивать ZIP архив баннера с настройками для рекламных сетей, экспортировать баннер в GIF. |
Возможности BannerBoo
Платформы: Веб-приложение
24Развёртывание: Облако
12
Доступные языки: Русский, English
13
Соответствие федеральному закону № 152-ФЗ
Сбор данных, которые относятся к персональным, их последующая обработка и защита соответствуют федеральному закону от 27.
07.2006 г. № 152-ФЗ.
39
Уведомления
35Управление доступом
21
Поиск и фильтры
32
Комментарии
21
Безопасность и конфиденциальность
Персональные данные: Собираются
30
Доступ по протоколу HTTPS Данные между вами и сервисом передаются по шифрованному каналу (SSL/TLS), что исключает их перехват злоумышленниками.
86
Многофакторная авторизация Совместное использование нескольких факторов снижает риск утечки данных (помимо пароля, применяются карты, сканеры отпечатков пальцев и другое).
50
Резервное копирование в нескольких местах Резервное копирование данных в несколько независимых мест делает практически невозможным их потерю или повреждение.
65
Законодательство
Соответствие федеральному закону № 152-ФЗ Сбор данных, которые относятся к персональным, их последующая обработка и защита соответствуют федеральному закону от 27.07.2006 г. № 152-ФЗ.39
Соответствие федеральному закону № 242-ФЗ Запись, систематизация, накопление, хранение, уточнение (обновление, изменение), извлечение персональных данных граждан РФ осуществляется с использованием баз данных информации, расположенных на территории РФ, согласно федеральному закону от 21.
07.2014 г. № 242-ФЗ.
30
Входит в Единый реестр российских программ Сервис находится в реестре, который Минкомсвязь России создало в соответствии со статьёй 12.1 ФЗ «Об информации, информационных технологиях и о защите информации», с целью расширения использования российских программ, подтверждения их происхождения и поддержки правообладателей.
50
Совместная работа и личная эффективность
Уведомления
35
Управление доступом
21
Поиск и фильтры
32
Комментарии
21
Отзывы
5
9 отзывов
Оставить отзыв
BannerBoo
—
Я в восторге от сервиса и от поддержки!))
Рекомендую
Хорошо
Надёжность
Удобство
Внешний вид
Цена
Поддержка
Функциональность
Плюсы
Поддержка реагирует моментально.
Баннера получаются крутые и дёшево.
>
Делается легко. Баннер на поиске запустила за пару часов. Крутой инструмент для рекламы. А поддержа помогла сразу, потому что размеры не правильно указала, всё заменили. Круто 5+
BannerBoo
Евгения Чумакова
1
2
0
17758
Отзыв
25 ноября 2019
BannerBoo
—
Крутой сервис для создания баннеров!
Рекомендую
Хорошо
Надёжность
Удобство
Внешний вид
Цена
Поддержка
Функциональность
Плюсы
Много крутых шаблонов
Можно адаптировать шаблоны под любой необходимый размер
Небольшая аб.плата
Отзывчивая техподдержка с хорошей реакцией на вопрос)
Использую баннеры для рекламных сетей. Могу сказать, что по дизайну они убирают всех конкурентов в моей нише (промышленное оборудование) в связи с тем, что сервис предлагает очень много готовых шаблонов, некоторые из которых я адаптировал под свое направление.
Пока еще не добрался до баннеров-html-5, но скоро это сделаю! С ними будет просто бомба!
BannerBoo
Александр Ухин
1
2
0
22670
Отзыв
21 мая 2019
BannerBoo
—
Отличный сервис. Советую всем!
Рекомендую
Хорошо
Надёжность
Удобство
Внешний вид
Цена
Поддержка
Функциональность
Плюсы
Очень понравилось то, что сервис удобен в использовании и можно быстро создать нужный банер. Симпатичные шаблоны, которые подойдут для разных сфер бизнеса. Огромный плюс техподдержке. Мне очень помогли!
Минусы
Все понравылось!
Отлично!
BannerBoo
Анастасія Пляцок
1
2
0
14315
Отзыв
9 января 2019
BannerBoo
—
Великолепная техподдержка
Рекомендую
Хорошо
Надёжность
Удобство
Внешний вид
Поддержка
Плюсы
Удобство интерфейса.
Минусы
Недостаточность функционала под конкретную задачу, но сотрудники техподдержки мне помогли ее решить.
Огромное спасибо техподдержке за помощь! Не получался один эффект, сотрудники терпеливо переписывались со мной, предлагая разные варианты. В итоге все получилось, я сдала проект. Еще раз огромное спасибо!
BannerBoo
Екатерина Виноградова
1
2
0
16173
Отзыв
2 ноября 2018
BannerBoo
—
Отличный сервис
Рекомендую
Хорошо
Надёжность
Удобство
Внешний вид
Цена
Поддержка
Функциональность
Плюсы
Очень легко создать анимированный баннер в формате HTML5 и разместить его на сайт, вставив один код. При этом его можно сделать адаптивным под разные устройства.
В целом доволен сервисом и оперативной тех поддержке, создаю баннеры для одного из своих ресурсов.
Создал за 2 месяца больше 15 баннеров. Очень нравится, что можно создать за 20-30 минут отличный анимированный баннер, скопировать ссылку HTML5 и разместить его на сайт, вставив один код. При этом есть возможность его адаптировать для разных устройство. Рекомендую
BannerBoo
Павел Цыбко
1
2
0
15601
Отзыв
6 июня 2018
Все отзывы о BannerBoo
Видеообзоры BannerBoo
Как сделать HTML5 баннер онлайн бесплатно — BannerBoo.com
дизайнов, тем, шаблонов и графических элементов Web Banner Maker, загружаемых на Dribbble
Посмотреть иллюстрацию героя кинопроизводства
Иллюстрация героя кинопроизводства
Просмотр баннера JBL Earphone в социальных сетях
Наушники JBL Баннер для социальных сетей
Дизайн шапки веб-сайта кофейни
Посмотреть Adope — панель управления видеоредактором
Adope — панель управления видеоредактором
Просмотр веб-страницы создания Creatme-Cv
Создание веб-страницы Creatme-Cv
Посмотреть Peeps: Создатель 3D-аватарки
Peeps: 3D Avatar Maker
Просмотр веб-сайта GRADO — Создатель градиента
GRADO — Веб-сайт Gradient Maker
Посмотреть веб-стили, приложение для создания веб-сайтов
Веб-стили, приложение для создания веб-сайтов
View Animockup 2.
0 — Создавайте потрясающие тизеры продуктовAnimockup 2.0 — создавайте потрясающие тизеры продуктов
Посмотреть дизайн социальных сетей | Сообщение в Instagram | Социальные сети | Рекламный баннер
Дизайн социальных сетей | Сообщение в Instagram | Социальные сети | Баннерная реклама
Посмотреть Bangunly — целевую страницу конструктора
Bangunly — целевая страница конструктора
Посмотреть современный дизайн логотипа / логотип фолио 2
Современный дизайн логотипа / Logo folio 2
Просмотр веб-стилей, целевая страница конструктора веб-сайтов
Веб-стили, Целевая страница Конструктора веб-сайтов
Посмотреть дизайн логотипа йоги
Дизайн логотипа йоги
Посмотреть современный дизайн логотипа буквы J
Современный дизайн логотипа буквы J
Посмотреть дизайн логотипа Crabmo Branding
Дизайн логотипа бренда Crabmo
Посмотреть дизайн логотипа бренда UDEL
Дизайн фирменного логотипа UDEL
Посмотреть дизайн эскизов Youtube | Дизайн миниатюр спортзала
Дизайн миниатюр для YouTube | Дизайн миниатюр спортзала
Просмотр InstaMotion — редактор анимированной графики.
Веб-приложениеInstaMotion — редактор анимированной графики. Веб-приложение
Посмотреть дизайн логотипа Urnova
Дизайн логотипа Urnova
Просмотреть Pitche — Целевая страница Pitch Deck Builder
Pitch — Целевая страница Pitch Deck Builder
Посмотреть Веге.
— Отзывчивый конструктор сайтовВеге. — Конструктор сайтов Отзывчивый
Посмотреть дизайн логотипа Fibble Branding
Дизайн логотипа Fibble Branding
Посмотреть дизайн логотипа Abrito Branding
Дизайн логотипа Abrito Branding
0 — Создавайте потрясающие тизеры продуктов
Веб-приложение
— Отзывчивый конструктор сайтовЗарегистрируйтесь, чтобы продолжить или войдите в систему
Идет загрузка еще…
Бесплатный онлайн-конструктор баннеров — PhotoADKing
Banner Creator
Великолепный дизайн баннера поможет вам выделиться из огромной толпы на любой деловой выставке или мероприятии.
Затем вы можете свернуть его и использовать в любое время и в любом месте. Вам не нужно нанимать дизайнера, чтобы сделать его. С помощью конструктора баннеров PhotoADKing можно всего за несколько кликов создать рекламный баннер за считанные минуты. Выберите шаблон по вашему выбору, добавьте в него свой логотип, изображения, добавьте привлекательные шрифты и загрузите его, чтобы легко распечатать.
Шаблон баннера
Эффективно используйте шаблоны оформления баннеров. У нас есть дизайн баннера для каждой категории, включая недвижимость, образование, фитнес, спорт, технологии и многое другое. Убедитесь, что вы отдаете приоритет важной информации в верхней части дизайна баннера, а менее важной — в нижней. Осветите продвижение продукта, включив адреса социальных сетей и контактные данные. Так чего же ты ждешь? Выберите наш шаблон дизайна баннера и начните создавать его прямо сейчас!
Основные характеристики: Средство создания баннеров
Используйте его как средство создания баннеров, чтобы продемонстрировать свои продукты для маркетинга в социальных сетях.
Фильтры, эффекты, фон и шаблоны баннеров, которые когда-то было сложно создать, теперь легко редактируются с помощью конструктора баннеров PhotoADKing.
Найдите свой дизайн баннера
Найдите свою бизнес-категорию с помощью панели быстрого поиска и создайте баннер с помощью простого в использовании конструктора баннеров.
Создайте свой собственный баннерПросто выберите шаблон баннера и настройте
Выберите и настройте один из наших шаблонов баннеров, чтобы приступить к работе. Навыки дизайна баннеров не требуются.
Создайте свой собственный баннерУсовершенствованные инструменты для создания баннеров
PhotoADKing предоставляет простые инструменты редактирования фотографий с помощью перетаскивания для создания баннеров. Если вы хотите удалить фон или обрезать изображения, вы можете сделать все это.
Создайте свой собственный баннерКак сделать баннер
Зарегистрируйтесь в PhotoADKing
1
Зарегистрируйтесь бесплатно или войдите в систему после открытия PhotoADKing и найдите «Дизайн баннера» с помощью инструмента поиска.
Поиск шаблонов баннеров
2
Найдите шаблон дизайна баннера для ваших нужд. Попробуйте 10 шаблонов бесплатно.
Настройте дизайн своего баннера
3
Добавляйте/редактируйте текст, изображения, значки с указанием места проведения, чтобы ваш дизайн был готов за считанные минуты. Используйте параметры форматирования, стили и формы творчески, чтобы использовать элементы управления.
Подробнее о функциях
4
Персонализируйте баннер, добавив дополнительные элементы дизайна. Просмотрите наши бесплатные и премиальные изображения, наклейки, значки и видео.
Загрузить и поделиться
5
После настройки и создания индивидуального дизайна баннера пришло время загрузить и поделиться.
Часто задаваемые вопросы
Каков стандартный размер баннера в дюймах?
Стандартный размер баннера составляет 850 мм x 2000 мм, однако мы включили стандартный размер баннера в виде (350 x 670) пикселей в PhotoADKing.