Содержание
как пользоваться и выводить бизнес в онлайн
Редактор: Фади Кики
Когда появляется необходимость сделать сайт, возникают вопросы: с чего начать, нужно ли платить подрядчикам, как принимать онлайн-оплату, как вносить изменения. На проверку гипотез мало времени: обычно сайт нужен сейчас, а не через несколько месяцев
Анна Титова
Аналитик конструктора сайтов Тинькофф
Поделитесь статьей
Когда появляется необходимость сделать сайт, возникают вопросы: с чего начать, нужно ли платить подрядчикам, как принимать онлайн-оплату, как вносить изменения. На проверку гипотез мало времени: обычно сайт нужен сейчас, а не через несколько месяцев
Анна Титова
Аналитик конструктора сайтов Тинькофф
Поделитесь статьей
Чтобы помочь предпринимателям, в Тинькофф сделали бесплатный конструктор сайтов. Рассказываем, как им пользоваться и какие задачи можно решать.
В конструкторе Тинькофф вы можете сделать сайт любой сложности: визитку, лендинг, микролендинг для соцсетей, интернет-магазин с корзиной.
Все инструменты уже есть в конструкторе: вам не нужно привлекать сторонних специалистов или уметь программировать.
Как сделать интернет-магазин на конструкторе сайтов Тинькофф
Использовать готовые блоки. Сайт состоит из страниц, а каждая страница — из блоков. Для старта многим предпринимателям достаточно сделать сайт из одной страницы — лендинг. Чтобы сделать страницу, выбираете готовые блоки, наполняете их информацией и расставляете по странице.
Как сделать лендинг для одного продукта
Количество и порядок блоков может быть разным, это зависит от аудитории, специфики бизнеса, целей страницы. Например, для ремонтной мастерской могут подойти такие блоки: «Меню страницы», «Обложка», «Товары и услуги», «О компании», «Отзывы», «Контакты», «Форма оплаты».
Меню выбора блоков. Каждые блоки решают свою задачу — например, «Товары и услуги» помогают сделать витрину, показать товар крупным планом, вывести ассортимент с поиском
Настроить блок. Вы можете настраивать содержание и дизайн каждого элемента блока: текст, заголовок, изображения, видео, фон, шрифты, кнопки, ссылки, отступы, выравнивания.
Для этого нажмите на любой элемент блока — появится меню с настройками.
Как сделать сайт, который поможет повысить продажиПример работы с блоком «Обложка»: выбираем размер и положение заголовка, добавляем недостающее описание, изменяем цвет и текст кнопки
Использовать шаблон. В шаблоне блоки заранее расставлены: выбираете любой, наполняете информацией и добавляете недостающие блоки. Со временем вы можете изменять шаблон на основе аналитики и запросов клиентов, потому что, хотя он и помогает быстрее собрать страницу, но не учитывает специфику каждого бизнеса.
Меню с шаблонами в конструкторе сайтов Тинькофф. Чтобы сделать страницу по своей задумке, используйте «пустой шаблон»
Проверить, как выглядит страница. Чтобы клиенту было удобно, все страницы в конструкторе Тинькофф автоматически адаптируются под компьютеры, телефоны и планшеты. Пока работаете над страницей, можете сразу смотреть, как она выглядит на разных устройствах.
Режим редактирования страницы.
Пока собираете страницу, все изменения сохраняются — можно прервать работу в любой момент
«Мы хотели запустить интернет-магазин подарков. В этом нам помог конструктор сайтов Тинькофф: не пришлось тратить деньги на разработку, поддержку и обслуживание. В итоге получился красивый, удобный и адаптированный под все платформы сайт».
Дмитрий
Администратор сайта mybears.ru
Опубликовать страницу. Каждая страница сохраняется в черновике и невидима для клиентов. Чтобы сделать ее видимой, нажмите на «Опубликовать»: клиенты смогут заходить на нее, поисковики — индексировать, а вы — делиться ссылкой в соцсетях и мессенджерах. Вы также можете закрыть опубликованную страницу — она снова станет невидимой.
Уведомление, что страница опубликована. Вы можете изменять информацию на странице, даже когда она опубликована
В разделе «Товары» находится информация о товарах и услугах со всех ваших сайтов. Вы можете добавлять новые товары, группировать их в категории, присваивать артикулы, следить за остатками, проверять цены.
Раздел «Товары». Остатки обновляются автоматически после того, как клиенты оплачивают заказ или оставляют заявку
Добавить и редактировать товары. Когда вы добавляете товар, вся информация сохраняется в его карточке. Вы можете в любой момент открыть и обновить карточку: изменить цену, фотографии, описание, варианты товара. Изменения сохраняются на всех сайтах — вам не нужно перепроверять каждую страницу вручную.
Карточка товара. «Варианты товара» создаются автоматически, нужно только указать название варианта и признаки, например «Цвет: желтый, зеленый»
Разместить товары на странице. После того как создали карточки с товарами, вы можете размещать их на странице сайта. Для этого выбираете блок «Товары и услуги» и нажимаете на кнопку «Выбрать товары»: вся информация автоматически подгружается из карточек.
Как выглядит размещение товаров на странице
Добавить промокоды. В настройках сайта вы можете добавлять промокоды, чтобы мотивировать клиентов к покупке.
Если клиент укажет промокод, сумма автоматически пересчитается и он оформит заказ со скидкой.
Окно с настройкой промокодов
В конструкторе сайтов Тинькофф вы можете по-разному принимать оплату:
Наличными или картой после доставки или самовывоза.
Онлайн — с помощью банковских карт.
С помощью рассрочки или кредитования покупателей от банка.
Настроить онлайн-оплату. Чтобы принимать оплату на сайте, нужен любой интернет-эквайринг. Лучше всего подходит интернет-эквайринг Тинькофф: он интегрирован с конструктором сайтов, онлайн-кассой и расчетным счетом. Если появятся вопросы по подключению, менеджер поможет разобраться.
Интернет-эквайринг ТинькоффВы можете подключить интернет-эквайринг Тинькофф прямо из конструктора сайтов и начать принимать платежи через два дня
Помимо интернет-эквайринга нужна онлайн-касса, чтобы отправлять клиентам чеки. Можете подключить кассу у наших партнеров, она сразу интегрируется с интернет-эквайрингом Тинькофф.
А еще получите скидку на обслуживание.
Как подключить и настроить онлайн-кассу
Принимать оплату через корзину. Когда товаров много, клиенты оформляют заказ через корзину. Вы можете указывать в ней сопроводительную информацию: условия и способы доставки, пункты самовывоза. Клиент добавит товары, увидит условия, сможет ввести промокод и оформить заказ.
Корзина работает по умолчанию на всех ваших сайтах и с любыми способами оплаты. Если клиент оплачивает заказ на сайте, он получает чек на электронную почту
Принимать оплату через форму. Если продаете единичные товары или услуги, подойдет платежная форма. В ней можно настроить поля для заполнения, указать цену, добавить ссылку на политику конфиденциальности.
Как Puma увеличила средний чек на 79%После того как клиент заполнит форму, ему нужно ввести данные карты и подтвердить покупку СМС-кодом
Принимать оплату в кредит или рассрочку. К любому товару вы можете подключить оплату в кредит или рассрочку: если клиенту не хватит денег, он все равно сможет оформить заказ — на это уйдет пара минут.
Кредитование покупателейОформление заказа в кредит: клиент указывает и подтверждает данные, указывает ежемесячный доход и дожидается решения
В конструкторе сайтов Тинькофф вы можете сочетать разные способы принимать оплату. Например, на одной странице можно разместить платежную форму, на другой — витрину с товарами, чтобы клиент оформлял заказ через корзину. В обоих случаях можно разместить вторую кнопку с предложением оплатить заказ в кредит или рассрочку.
В конструкторе Тинькофф есть инструменты, которые помогают общаться с клиентами, получать уведомления о заказах и отслеживать заявки.
Отвечать на вопросы в чате. На каждом сайте есть отдельный чат — клиент может сразу написать вопрос. Вопросы со всех сайтов приходят в конструктор сайтов Тинькофф и мобильное приложение «Диалоги», поэтому вы можете быстро отвечать нескольких клиентам с компьютера или телефона. Чтобы за вас отвечали менеджеры, вы можете открыть им доступ к чату и контролировать переписку.
Пример переписки с клиентом на сайте
Получать уведомления на компьютер и телефон. После того как клиент оставляет заявку или оплачивает заказ, вы получаете уведомление. По умолчанию уведомления приходят в конструктор сайтов, но вы можете настроить дополнительные каналы: электронную почту, Телеграм и amoCRM. В каждом канале может быть несколько учетных записей, например две электронные почты и два чата в Телеграме.
Уведомление в Телеграме с информацией о заказе
Точечно настраивать уведомления. Уведомления приходят с корзины и всех форм на сайте. Вы можете дополнительно настраивать уведомления для конкретной формы — например, сделать так, чтобы запросы на прайс-лист получали только менеджеры.
Вы можете выбрать, на какие каналы и учетные записи будут приходить уведомления с конкретной формы
Отслеживать заявки. Чтобы контакты клиентов не потерялись, вся информация о заявках и оплаченных заказах сохраняется в разделе «Заявки» каждого сайта.
В этом разделе вы видите имена и контакты клиентов, дату, сумму и статус заказа. Чтобы быстро находить нужную заявку, вы можете пользоваться встроенным календарем или поиском.
Раздел «Заявки». Если удалите заявку, она переместится в «Удаленные» и будет там месяц, прежде чем удалится окончательно
Обрабатывать заявки. После того как получили заявку, останется собрать заказ и доставить его покупателю. Если нажмете на заявку, увидите дополнительные поля с подробной информацией. Вы можете добавлять свои поля в настройках корзины и платежных форм — в этом случае они тоже покажутся в заявке.
Подробная информация о заявке
В конструкторе Тинькофф вы можете создать микролендинг и указать любую информацию: ссылки на соцсети и мессенджеры, описание товаров и услуг, фотографии, проекты. Ссылки умные: если клиент захочет связаться через соцсети, у него откроется нужное приложение.
Пример продуктового микролендинга: помогает проводить акции и распродажи
Сайт нужно продвигать, чтобы клиенты его легче находили и чаще заказывали.
В конструкторе сайтов есть SEO-инструменты, которые помогут оптимизировать ваш сайт под поисковики и соцсети.
«43% посетителей пришли из поисковиков»
Настроить домен сайта. Домен — это адрес микролендинга, который увидят ваши клиенты. По умолчанию все сайты создаются на бесплатном домене Тинькофф: вы можете изменять его по своему вкусу или подключить свой домен. Вместе с доменом автоматически обновляются все ссылки на сайте.
Меню настройки домена. В конструкторе сайтов есть инструкция, как настроить домен для всех популярных регистраторов
Настроить страницу. Для каждой страницы вы можете настраивать ключевые слова и теги Title и Description. Эта информация помогает поисковикам понимать, о чем говорится на каждой странице, и показывать ее по запросам клиентов.
Меню с настройками страницы. Вы также можете закрыть страницу от индексации и запретить поисковикам переходить по ссылкам
Настроить обложку. Когда делитесь страницей в соцсетях и мессенджерах, подгружается ее обложка.
По умолчанию конструктор берет обложку из готовых блоков, но вы можете загрузить свою.
Пример обложки страницы. Домен, название и описание страницы подтягиваются из настроек конструктора сайтов
Загрузить фавикон. Фавикон — это маленький логотип, который показывается в браузере. Если у клиента открыто много вкладок, ему будет проще отыскать ваш сайт.
Желательно, чтобы фавикон весил не больше 1 Мб и был размером 120 × 120 пикселей
Добавить сопроводительную информацию. Вы можете указать страницы, на которых опубликованы пользовательское соглашение и оферта. Ссылки на эти страницы автоматически показываются в корзине и во всех формах на сайте.
Рекомендуем создать отдельные страницы для политики конфиденциальности и оферты
Настроить аналитику. Вы можете анализировать действия клиентов на сайте и смотреть отчеты по посещениям, аудиториям, переходам, кликам, конверсиям. Для этого добавьте счетчики Яндекс Метрики и Google Analytics — нажмите «Подключить» и выберите учетные записи.
Окно настройки аналитики. Чтобы ускорить появление сайта в поисковиках, вы также можете добавить его в Яндекс Вебмастер и Google Search Console
«К сайту легко подключили счетчики и метрики, запустили рекламу на регионы. Причем с рекламой Тинькофф тоже помог: как клиенты банка, воспользовались бонусом от Яндекса для рекламы в интернете.
Получили очень много заявок, и в какой-то момент даже пришлось поставить рекламу на паузу. Очень удобно, что уведомления о заявках и заказах быстро приходят в Телеграм и на почту».
Денис
Интернет-магазин среднерусских пчел perm-bees.ru
Настроить рекламу. Недавно мы добавили возможность подключить рекламную подписку от Яндекс Бизнеса — это инструмент для автоматического запуска рекламы на площадках Яндекса. Подписка автоматизирована: достаточно рассказать, чем занимается бизнес, и добавить фотографии, а Яндекс Бизнес сам создаст и запустит объявления, проследит за их эффективностью и отчитается о результатах.
Окно настройки Яндекс Бизнеса. Подключение занимает минуту: заполняете небольшую форму и выбираете бюджет на месяц. Используйте учетную запись Яндекс Метрики, чтобы анализировать эффективность кампаний и повысить эффективность продвижения
Чат поддержки Тинькофф работает круглосуточно: вы можете проконсультироваться по функциональности конструктора сайтов, подключить или отключить дополнительные услуги, оставить отзыв или предложение.
В Телеграме вы можете обмениваться идеями с другими предпринимателями и напрямую задать вопросы разработчикам.
Присоединиться к чату в Телеграме
«Когда создавали сайт, нам помогали сотрудники Тинькофф в телеграм-чате: объясняли, как что работает и как лучше сделать, даже помогали с дизайном. Плюс все необходимое находится в экосистеме банка, которая ежедневно используется для бизнеса».
Дмитрий
Администратор сайта mybears.ru
Еще мы регулярно отправляем новости о конструкторе сайтов: обновления, новые возможности, примеры работы.
Дайджест конструктора
Оставьте заявку: укажите имя, телефон и электронную почту — придет СМС с логином и паролем от личного кабинета Тинькофф. После этого вы попадете в интерфейс конструктора и сможете начать работу.
Минимум 0 ₽ Пробный период 0 Бесплатный тариф 0 Способ оплаты: По подписке 0 | Можно создать бесплатно 10 сайтов. |
После добавления блока пользователи могут видоизменять его, добавлять собственный текст, изображение и другие элементы. У сайта редактируется его основной стиль, изменяются цвета, шрифты и формы кнопок.
1 ФЗ «Об информации, информационных технологиях и о защите информации», с целью расширения использования российских программ, подтверждения их происхождения и поддержки правообладателей. 
Возможность подключить свой домен. На всех, абсолютно всех других конструкторах лендингов домен можно подключить только при покупке платного пакета
Викс стоит кстати 3800р минимум!
Если в магазине много товаров то не рекомендую. Поддержка это отдельная тема. Нанимал людей для того, чтобы сделали сайт. Дал им доступ к сайту, а забрать доступ не могу. Только через поддержку, а они уже вторуюTaiga UI и паттерн порталов в Angular
Опубликовано в
·
Чтение: 6 мин.
·
26 янв. анонсировала нашу новую библиотеку Angular UI kit Taiga UI .
Если вы выполните шаги по началу работы, вы увидите, что вам нужно обернуть свое приложение компонентом tui-root . Давайте посмотрим, что он делает, и узнаем, что такое порталы, как и почему мы их используем.
Автор Александр Инкин
921 Подписчики
·Редактор
Увлеченный разработчик Angular, музыкант и автор OSS 🌲 taiga-ui.dev ··· 🎹 jamigo.app
Еще от Александра Инкина и Тинькофф из IT 9 0018
Александр Инкин
in
Пользовательская полоса прокрутки в Angular
Полосы прокрутки CSS имеют ограничения и не работают в Firefox. Давайте посмотрим, как мы можем сделать пользовательскую полосу прокрутки с помощью JavaScript как Angular…
·4 мин. чтения·13 мая 2020 г.
Виталий Батраков
в
DI в iOS: Полное руководство
Привет всем, меня зовут Виталий, я iOS-разработчик в подразделении Messenger в Тинькофф. Сегодня мы поговорим о том, что такое Зависимость…
19 min read·14 марта 2021
Кирилл Розов
в
Пересмотр ограничений на фоновую работу с Android 5.
0 на 13
9 0004
Пересмотр фоновых ограничений на фон задача с Android 5.0 L на Android 13 T
15 минут чтения·29 ноября 2022 г.
Александр Инкин
в
«ВНИМАНИЕ: при очистке HTML был удален некоторый контент» и как правильно с этим бороться
9 0039 Узнайте, как безопасно привязать данные к innerHTML с помощью Angular
·5 минут чтения·2 сентября 2019 г.
Просмотреть все от Александра Инкина
Рекомендовано на Medium
Gourav Kajal
in
Использовать Angular Анимации для создания потрясающих вещей
Простое руководство по Angular Animations
· 9 минут чтения · 8 декабря 2022 г. ild и ссылки на шаблоны
В Angular мы пытаемся писать декларативный код. Мы не должны вручную запрашивать вещи. Давайте рассмотрим, что может предложить фреймворк.
·5 минут чтения·30 января
Списки
Выбор персонала
310 историй·78 сохранений
Истории, которые помогут вам повысить свой уровень на работе
19 историй·36 сохранений
Самосовершенствование 101
20 историй·79 сохранений
Продуктивность 101
20 историй·73 спасает
Альберто Гарсия Ибаньес
Угловые трюки, чтобы стать профессионалом.
Пакеты «все в одном»
В этом посте я собрал несколько пакетов кода, которые периодически использую в своих проектах Angular. Фундаментальные библиотеки для экономии времени и…
·чтение за 5 минут·Mar 20
Itzhak
4 минуты чтения · 17 февраля
in
Шаблон Builder в Angular — создавайте лучшие объекты с помощью TypeScript
Реализация шаблона Builder в Angular с TypeScript, изучите его преимущества с точки зрения производительности и кода чистота.
Чтение через 6 мин·13 мая
в
Angular — шаблон адаптера: упрощение интеграции данных (канбан-доска)
Упрощение интеграции и повышение гибкости 9
Просмотреть больше рекомендаций 1
Обзор
Страница «Обзор» является первой страницей этого документа API и содержит список всех пакетов со сводкой по каждому из них. Эта страница также может содержать общее описание набора пакетов.
Пакет
У каждого пакета есть страница, содержащая список его классов и интерфейсов со сводкой по каждому.
Эти страницы могут содержать шесть категорий:- Интерфейсы
- Классы
- перечисления
- Исключения
- Ошибки
- Типы аннотаций
Класс или интерфейс
Каждый класс, интерфейс, вложенный класс и вложенный интерфейс имеют свою отдельную страницу. Каждая из этих страниц имеет три раздела, состоящие из описания класса/интерфейса, сводных таблиц и подробных описаний элементов:
- Диаграмма наследования классов
- Прямые подклассы
- Все известные субинтерфейсы
- Все известные классы реализации
- Декларация класса или интерфейса
- Описание класса или интерфейса
- Сводка вложенного класса
- Сводка полей
- Обзор свойств
- Сводка конструктора
- Краткое изложение метода
- Деталь поля
- Деталь свойства
- Деталь конструктора
- Описание метода
Каждая сводная запись содержит первое предложение из подробного описания этого элемента.
Сводные записи расположены в алфавитном порядке, а подробные описания — в том порядке, в котором они появляются в исходном коде. Это сохраняет логические группировки, установленные программистом.Тип аннотации
Каждый тип аннотации имеет свою отдельную страницу со следующими разделами:
- Объявление типа аннотации
- Тип аннотации Описание
- Сводка обязательных элементов
- Сводка необязательных элементов
- Деталь элемента
Перечисление
Каждое перечисление имеет свою отдельную страницу со следующими разделами:
- Объявление перечисления
- Описание перечисления
- Сводка констант Enum
- Деталь константы Enum
Дерево (иерархия классов)
Для всех пакетов существует страница иерархии классов, а также иерархия для каждого пакета. Каждая страница иерархии содержит список классов и список интерфейсов.
Классы организованы по структуре наследования, начиная с java.lang.Object. Интерфейсы не наследуются отjava.lang.Object.- При просмотре страницы «Обзор» при нажатии «Дерево» отображается иерархия для всех пакетов.
- При просмотре определенного пакета, класса или страницы интерфейса нажатие на «Дерево» отображает иерархию только для этого пакета.
Устаревший API
На странице устаревших API перечислены все устаревшие API. Устаревший API не рекомендуется использовать, как правило, из-за улучшений, и обычно предоставляется API для замены. Устаревшие API могут быть удалены в будущих реализациях.
Индекс
Индекс содержит алфавитный указатель всех классов, интерфейсов, конструкторов, методов и полей, а также списки всех пакетов и всех классов.
Все классы
Ссылка «Все классы» показывает все классы и интерфейсы, кроме нестатических вложенных типов.
Эти страницы могут содержать шесть категорий:
Сводные записи расположены в алфавитном порядке, а подробные описания — в том порядке, в котором они появляются в исходном коде. Это сохраняет логические группировки, установленные программистом.
Классы организованы по структуре наследования, начиная с 