Как сделать красивый таплинк пошаговая инструкция

Taplink.ru — это сервис для создания мультиссылки.

С помощью таплинк в инстаграм можно создать собственный мини-лендинг и поместить его в соц.сети (в графе ссылка) без специальных знаний CMS, HTML-верстки, скриптов и прочего. Сервис решает множество задач:

  1. Объединяет несколько активных ссылок в одну;
  2. Избавляет от громоздкого описания профиля;
  3. Позволяет создать страницу-визитку или лендинг;
  4. Оптимизирует трафик перехода в социальные сети.

taplink для инстаграм

Активная ссылка в профиле

Название складывается из константной части taplink.cc/ и логина Вашего профиля в Инстаграмм.

Бонус любимчикам. По промокоду “INSCALE7» дарим 7 дней полного функционала совершенно бесплатно —> TapLink.ru.

Возможности НА ПРИМЕРАХ

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

1. Текст

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

как сделать таплинк в инстаграм

Текст

2. Внешние ссылки

Главное предназначение Таплинк в Инстаграм- вставка ссылок. Сервис позволяет размещать их неограниченное количество на внешние веб-ресурсы, например на сайт или отдельные его разделы.

оформление таплинк

Внешние адреса

3. Вопрос/ответ

Если пользователи часто задают Вам однотипные вопросы, например “Как сделать заказ?”, “Сколько стоит доставка?” и т.п. – разместите их вместе с ответами.

как настроить таплинк

Вопросы и ответ

4. Ссылки на мессенджеры/соцсети

Если Вы ведете аккаунты не только в Инстаграм, но и в других социальных сетях, укажите в Taplink адреса на них.

таплинк пример

Мессенджеры

5. Изображение

В Taplink также можно загрузить какое-либо изображение и выбрать его размер. То есть разместить на весь экран или гармонично использовать в какой-то его части. Это может быть личное фото, фото сотрудников магазина, изображение офиса, продукции в наличии, акционный баннер и пр.

Также возможно разместить картинку в формате png и зашивать в них ссылки, что позволяет сделать свои уникальные кнопки.

примеры таплинк оформление

Изображение

6. Карусель

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

создать таплинк

Карусель

Лайфхак. Оптимизируйте общение с клиентами в инстаграм с помощью MyBotan. Чат-бот автоматически ответит на сообщения, сохранит данные о клиенте и его заявках. А еще Вы сможете не только выбрать готовый шаблон ответов, но и создать свой. Согласитесь это облегчит работу в соцсети? Кликайте и тестируйте 3 дня бесплатно -> MyBotan

7. Видео

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

оформление таплинк

Видео

8. Карта

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

таплинк для инстаграм как настроить

Карта

Продвигаешь свой бренд/ товар/ услугу в соцсетях? Тогда без помощи тебе не обойтись! Babama — это безопасная накрутка, живые исполнители и легкое использование. Тестируй сервис с промокодом «15NATEST», который дает скидку 15%

9. Вставка HTML-кода

Функция позволяет прикрепить множество разнообразных сторонних виджетов. Например, салоны красоты часто вставляют калькулятор расчета стоимости своих услуг, или автоматическую запись к нужному мастеру. Или турфирмы вставляют HTML-коды, которые отображают виджеты для бронирования тура.

примеры таплинк оформление

Вставка кода

10. Дизайн

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

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

как оформить таплинк

Дизайн

11. Таймер обратного отсчета

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

как настроить taplink для инстаграм

Таймер

12. Форма заявки

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

Форма захвата

13. Подписка на рассылку

С помощью Инстаграм и Taplink Вы можете расширять базу для отправки писем email-рассылки. Для этих целей на сервисе создается блок с формой оформления подписки.

таплинк для инстаграм рассылка

Подписка на рассылку

14. Витрина товаров

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

taplink примеры для интернет магазина

Витрина

15. Корзина

Каждый интернет-магазин включает функцию добавления товаров в корзину. Витрина на Taplink не исключение.

примеры оформления taplink

Корзина

Важно. Повышайте качество охватов и работайте только с живой аудиторией. В этом Вам поможет Spam Guard. Сервис автоматически отчистит профиль от ботов, фейков и коммерческих аккаунтов. А ещё, по промокоду «inscale» скидка 20%. Кликайте и тестируйте бесплатно -> SpamGuard

КАК НАСТРОИТЬ ТАПЛИНК: пошаговая инструкция

Итак, самое интересное. Расскажу, как сделать таплинк в Инстаграм. Для этого не нужны никакие специальные знания. Просто воспользуйтесь нашей пошаговой инструкцией.

Шаг 1. Регистрация / Авторизация

Перед настройкой таплинк для инстаграм, зарегистрируйтесь на сервисе. Для этого войдите на официальный сайт Taplink и нажмите “Попробовать сейчас” (не забудьте ввести промокод Taplink“INSCALE7″). Далее авторизуйтесь с помощью электронной почты.

как сделать taplink

После регистрации перед Вами появится главная страница сервиса. Справа будет синяя кнопка “Установить”. Нажмите на нее, чтобы подключить Instagram профиль к странице.

как создать таплинк в инстаграм

Привязка профиля

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

  1. Страница — для добавления и редактирования блоков;
  2. Статистика — для отслеживания количества посещений и кликов;
  3. Заявки — для просмотра оставленных клиентами заявок;
  4. Товары — для создания и редактирования витрины продуктов;
  5. Модули — для подключения CRM или платежных систем, интеграции с соцсетями;
  6. Настройки — для редактирования визуального оформления страницы.

Шаг 2. Настройка бесплатных функций

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

2.1 Аватар

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

таплинк для инстаграм как настроить

Установка аватара

2.2 Текстовой блок

Чтобы добавить на страницу текст, нажмите на кнопку “Добавить новый блок”. На открывшейся панели выберите “Текстовый блок”.

В поле “Текст” введите необходимую информацию, отредактируйте размер и выберите сторону выравнивания. В этом же окне есть вкладка “Настройки”. При нажатии на нее можно настроить расписание отображения текста (доступно в PRO-тарифе).

таплинк настройка

Раздел «Секции» доступен также на про тарифе. С его помощью можно визуально объединять несколько блоков вместе.

2.3 Ссылки

Для добавления кликаем “Добавить новый блок” -> “Ссылка”. В первой строке введите заголовок, который будет отображаться на кнопке крупным шрифтом. Во второй — подзаголовок (уточнение, призыв, лид-магнит). Ниже вставьте адрес на сайт.

таплинк как сделать ссылки

Добавление

На главной странице Taplink ссылка будет выглядеть следующим образом:

таплинк для инстаграма

Как выглядит на главной странице

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

таплинк настройка

Разделы в блоке «Ссылка»

В “Модулях” подключаются различные помощники: уведомления в социальные сети, CRM-системы, Яндекс.Метрика и другие. Они доступны только в платных тарифах.

Как добавить taplink в инстаграм

Подключение модулей

2.4 Добавление блока вопросы/ответы

Нажмите “Добавить новый блок” — “Вопросы и ответы”. В строке “Заголовок” введите вопрос, в строке “Текст” — ответ.

как установить таплинк в инстаграм

Чтобы добавить ещё один вопрос, кликните по голубой активной надписи “Добавить новый пункт”.

Так можно добавить неограниченное количество пунктов. На главной странице рубрика вопрос/ответ будет выглядеть так.

таплинк для чего нужен

2.5 Визуальное разделение блоков

Когда все необходимые элементы установлены, добавьте отступы между блоками. Для этого нажмите “Добавить новый блок” — “Разделитель”.

Отступ можно сделать маленьким, средним или большим. Также можно выбрать тип разделителя, опции “Линия на всю ширину” и/или “Линия с полупрозрачными краями”.

как сделать ссылку таплинк в инстаграм

Разделение блоков

2.6 Расположение блоков

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

как подключить таплинк в инстаграм

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

Шаг 3. Настройка платных функций

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

3.1 Добавление кнопок мессенджеров

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

как пользоваться таплинк

Добавляем мессенджеры и соц.сети

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

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

Как добавить таплинк в инстаграм на ватсап

Пишем текст

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

таплинк для инстаграм как выглядят мессенджеры

Примеры отображения мессенджеров

Важно. Не успеваете отвечать в директ и теряете потенциальных клиентов? Данную проблему можно решить с помощью Boss.direct. Чат-бот автоматически ответит клиентам и предложит подходящий товар или услугу. Для этого Вам нужно настроить личный кабинет и создать варианты ответа для диалога с пользователем. Кликайте и тестируйте -> boss.direct

3.2 Добавление видео

Нажмите “Добавить новый блок” — “Видео”. Вставьте ссылку на видеозапись. Откорректируйте настройки: автовоспроизведение ролика, скрытие элементов управления (стоп, пауза, перемотка).

Как сделать ссылку на видео в таплинк

Видео

В разделе “Настройки” можно задать расписание отображения видео и отредактировать приватность.

3.3 Вставка карусели картинок

Нажмите “Добавить новый блок” — “Карусель картинок”. Кликните “Загрузить картинку”.

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

таплинк для инстаграм карусель

Карусель

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

таплинк для инстаграм описание к карусели

Описание

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

Таплинк примеры оформления магазина

Как выглядит карусель

3.4 Вставка формы заявок

Нажмите “Добавить новый блок” — “Форма и платежи”. По умолчанию форма включает два обязательных поля “Имя” и “Email”.

таплинк для инстаграм форма заявки

Форма заявки

Если Вам нужны другие данные клиента, выберите их вручную в строке “Добавить поле”.

Настройка формы заявки для taplink

Форма

На вкладке “Настройки” можно изменить название кнопки, а также задать действие после заполнения формы, например, отправить ответное сообщение. Здесь же задаются расписание показа формы на странице и параметры приватности.

Таплинк примеры текста

Меняем название

На вкладке “Прием оплаты” разрешается или нет прием денежных средств, а также указывается цена товара, валюта и назначение платежа.

Как настроить оплату в таплинк для инстаграм

Прием оплаты

3.5 Подключение платежных систем

Перейдите на вкладку “Настройки” в шапке главной страницы сервиса. Выберите пункт “Платежи”. Кликните “Добавить платежную систему”.

таплинк для инстаграм добавить платежную систему

Добавляем платежную систему

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

Интеграция таплинк с платежной системой

Платежные системы

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

таплинк для инстаграм онлайн кассы

Онлайн-кассы

3.6 Добавление товаров

Перейдите на вкладку “Товары” в шапке главной страницы сервиса. Кликните “Добавить новый”. Заполните его карточку: введите наименование и описание, стоимость, возможность доставки, загрузите изображения.

Здесь же можно продемонстрировать скидку, заполнив поле “Старая цена”, а также отнести товар к определенной категории/коллекции.

таплинк для инстаграм для продажи товаров

Добавляем товар

На вкладке “Варианты” задаются различные вариации товаров. Например, если он имеет разные размеры, цвета или другие отличающиеся характеристики, укажите эти комбинации в данном разделе.

таплинк для инстаграм параметры товара

Вариации товара

На вкладке “Опции” создается список сопутствующих товаров. Например, если Вы продаете мобильные телефоны дополнительно предложите чехлы, защитные стекла, наушники и пр. Создавать опции легко — просто укажите название продукта и его стоимость.

таплинк для инстаграм до продажи

Допродажи

На основе карточек товаров и настройки платежных систем в несколько кликов появляется полноценный интернет-магазин.

Шаг 4. Как оформить таплинк

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

4.1. Стандартные темы

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

оформление таплинк

Выбор дизайна

4.2. Свой дизайн

Если же среди готовых решений Вам ничего не пришлось по душе, то можно создать собственный дизайн сайта. Но только на PRO-тарифе. Для этого перейдите на вкладку «Мои дизайны» и нажмите на плюс с подписью «Новый дизайн».

создать таплинк для инстаграмма

Шаг 5. Как установить таплинк в Инстаграм

Когда Вы закончили с настройками, нужно установить ссылку на Taplink в Инстаграм. Для этого скопируйте свою на главной странице сервиса.

как сделать таплинк в инстаграмме

Копирование ссылки для Инстаграм

Войдите в аккаунт, нажмите кнопку “Редактировать профиль” на странице. Вставьте скопированный адрес в поле “Веб-сайт” и нажмите «Отправить».

как сделать таплинк в инстаграме пошагово

Как выглядит в профиле

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

Ссылку можно поменять на тарифе «Бизнес» во вкладке «Настройки» -> «Общие”. Здесь Вы можете подключить свой домен к странице.

таплинк для инстаграм настройки профиля

Подключение домена

Лайфхак. Хотите настроить таргетированную рекламу для нескольких соцсетей сразу? Рекомендуем Вам для этого использовать Getunig. Сервис оптимизирует распределение бюджета между рекламными компаниями и Вы сможете управлять различными рекламными площадками в одной системе. Кликайте и тестируйте бесплатно -> Getuniq.

Коротко о главном

Таплинк для Инстаграм — это не просто сервис, объединяющий несколько активных ссылок в одну. Это мощный инструмент, который дает возможность создавать лендинги и мини-сайты с получением целевого трафика. При этом Вам не нужно нанимать web-разработчиков и дизайнеров, платить за доменное имя и хостинг. На платформе все делается просто и быстро.

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

Нашли ошибку в тексте? Выделите фрагмент и нажмите ctrl+enter

Давайте заполним страницу ссылками и приветственным текстом. Если в описании профиля была ссылка, то и она появится на вашей странице.

Кликните на аватар, чтобы отредактировать его. Можно изменить размер, скрыть ваш ник или вовсе удалить этот блок. Если вы изменили свой аватар в Instagram, то в сервисе TapLink он обновится автоматически в течение 24 часов.

Добавьте на вашу страницу приветственный текст. Кликните «Добавить новый блок», выберите «Текстовый блок». Напишите текст. Вы можете изменить размер текста, сделать выравнивание, вставить любой смайлик (эмодзи). Нажмите кнопку «Сохранить».

Вы можете добавить на вашу страницу ссылку, а лучше — несколько. Нажмите «Добавить новый блок», выберите «Ссылка». Затем укажите заголовок ссылки и введите адрес сайта. Повторите действие столько раз, сколько ссылок вы хотите добавить.

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

Если у вас подключен Business-тариф, то вы можете создавать мини-сайты из нескольких страниц. Чтобы сделать ссылку на другую страницу, выберите действие «Открыть страницу».

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

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

Если вы работаете в SMM или самостоятельно продвигаете свой бренд в Инстаграм*, то сталкивались с проблемой: в шапке профиля можно разместить всего одну ссылку. А как быть, если нужно разместить несколько ссылок, например, на каталог товаров, действующее спецпредложение и другие соцсети, где тоже много полезной информации?

В статье мы расскажем о решении этой проблемы – сервисе для создания мультиссылки Taplink. Разберем, чем полезен для бизнеса сервис, и дадим пошаговую инструкцию как его настроить. А в конце ответим на ключевой вопрос – как Инстаграм*. реагирует на Таплинк и как не попасть в бан из-за размещения в профиле мультиссылки?

ГИФ 1.gif

Активная ссылка в профиле

Название складывается из константной части taplink.cc/ и логина Вашего профиля в Инстаграмм.

Бонус любимчикам. По промокоду “INSCALE7» дарим 7 дней полного функционала совершенно бесплатно —> TapLink.ru.

Возможности НА ПРИМЕРАХ

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

1. Текст

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

как сделать таплинк в инстаграм

Текст

2. Внешние ссылки

Главное предназначение Таплинк в Инстаграм- вставка ссылок. Сервис позволяет размещать их неограниченное количество на внешние веб-ресурсы, например на сайт или отдельные его разделы.

оформление таплинк

Внешние адреса

3. Вопрос/ответ

Если пользователи часто задают Вам однотипные вопросы, например “Как сделать заказ?”, “Сколько стоит доставка?” и т.п. – разместите их вместе с ответами.

как настроить таплинк

Вопросы и ответ

4. Ссылки на мессенджеры/соцсети

Если Вы ведете аккаунты не только в Инстаграм, но и в других социальных сетях, укажите в Taplink адреса на них.

таплинк пример

Мессенджеры

5. Изображение

В Taplink также можно загрузить какое-либо изображение и выбрать его размер. То есть разместить на весь экран или гармонично использовать в какой-то его части. Это может быть личное фото, фото сотрудников магазина, изображение офиса, продукции в наличии, акционный баннер и пр.

Также возможно разместить картинку в формате png и зашивать в них ссылки, что позволяет сделать свои уникальные кнопки.

примеры таплинк оформление

Изображение

6. Карусель

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

создать таплинк

Карусель

Лайфхак. Оптимизируйте общение с клиентами в инстаграм с помощью MyBotan. Чат-бот автоматически ответит на сообщения, сохранит данные о клиенте и его заявках. А еще Вы сможете не только выбрать готовый шаблон ответов, но и создать свой. Согласитесь это облегчит работу в соцсети? Кликайте и тестируйте 3 дня бесплатно -> MyBotan

7. Видео

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

оформление таплинк

Видео

8. Карта

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

таплинк для инстаграм как настроить

Карта

Продвигаешь свой бренд/ товар/ услугу в соцсетях? Тогда без помощи тебе не обойтись! Babama — это безопасная накрутка, живые исполнители и легкое использование. Тестируй сервис с промокодом «15NATEST», который дает скидку 15%

9. Вставка HTML-кода

Функция позволяет прикрепить множество разнообразных сторонних виджетов. Например, салоны красоты часто вставляют калькулятор расчета стоимости своих услуг, или автоматическую запись к нужному мастеру. Или турфирмы вставляют HTML-коды, которые отображают виджеты для бронирования тура.

примеры таплинк оформление

Вставка кода

10. Дизайн

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

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

как оформить таплинк

Дизайн

11. Таймер обратного отсчета

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

как настроить taplink для инстаграм

Таймер

12. Форма заявки

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

Форма захвата

13. Подписка на рассылку

С помощью Инстаграм и Taplink Вы можете расширять базу для отправки писем email-рассылки. Для этих целей на сервисе создается блок с формой оформления подписки.

таплинк для инстаграм рассылка

Подписка на рассылку

14. Витрина товаров

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

taplink примеры для интернет магазина

Витрина

15. Корзина

Каждый интернет-магазин включает функцию добавления товаров в корзину. Витрина на Taplink не исключение.

примеры оформления taplink

Корзина

Важно. Повышайте качество охватов и работайте только с живой аудиторией. В этом Вам поможет Spam Guard. Сервис автоматически отчистит профиль от ботов, фейков и коммерческих аккаунтов. А ещё, по промокоду «inscale» скидка 20%. Кликайте и тестируйте бесплатно -> SpamGuard

КАК НАСТРОИТЬ ТАПЛИНК: пошаговая инструкция

Итак, самое интересное. Расскажу, как сделать таплинк в Инстаграм. Для этого не нужны никакие специальные знания. Просто воспользуйтесь нашей пошаговой инструкцией.

Шаг 1. Регистрация / Авторизация

Перед настройкой таплинк для инстаграм, зарегистрируйтесь на сервисе. Для этого войдите на официальный сайт Taplink и нажмите “Попробовать сейчас” (не забудьте ввести промокод Taplink“INSCALE7″). Далее авторизуйтесь с помощью электронной почты.

как сделать taplink

После регистрации перед Вами появится главная страница сервиса. Справа будет синяя кнопка “Установить”. Нажмите на нее, чтобы подключить Instagram профиль к странице.

как создать таплинк в инстаграм

Привязка профиля

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

  1. Страница — для добавления и редактирования блоков;
  2. Статистика — для отслеживания количества посещений и кликов;
  3. Заявки — для просмотра оставленных клиентами заявок;
  4. Товары — для создания и редактирования витрины продуктов;
  5. Модули — для подключения CRM или платежных систем, интеграции с соцсетями;
  6. Настройки — для редактирования визуального оформления страницы.

Шаг 2. Настройка бесплатных функций

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

2.1 Аватар

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

таплинк для инстаграм как настроить

Установка аватара

2.2 Текстовой блок

Чтобы добавить на страницу текст, нажмите на кнопку “Добавить новый блок”. На открывшейся панели выберите “Текстовый блок”.

В поле “Текст” введите необходимую информацию, отредактируйте размер и выберите сторону выравнивания. В этом же окне есть вкладка “Настройки”. При нажатии на нее можно настроить расписание отображения текста (доступно в PRO-тарифе).

таплинк настройка

Раздел «Секции» доступен также на про тарифе. С его помощью можно визуально объединять несколько блоков вместе.

2.3 Ссылки

Для добавления кликаем “Добавить новый блок” -> “Ссылка”. В первой строке введите заголовок, который будет отображаться на кнопке крупным шрифтом. Во второй — подзаголовок (уточнение, призыв, лид-магнит). Ниже вставьте адрес на сайт.

таплинк как сделать ссылки

Добавление

На главной странице Taplink ссылка будет выглядеть следующим образом:

таплинк для инстаграма

Как выглядит на главной странице

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

таплинк настройка

Разделы в блоке «Ссылка»

В “Модулях” подключаются различные помощники: уведомления в социальные сети, CRM-системы, Яндекс.Метрика и другие. Они доступны только в платных тарифах.

Как добавить taplink в инстаграм

Подключение модулей

2.4 Добавление блока вопросы/ответы

Нажмите “Добавить новый блок” — “Вопросы и ответы”. В строке “Заголовок” введите вопрос, в строке “Текст” — ответ.

как установить таплинк в инстаграм

Чтобы добавить ещё один вопрос, кликните по голубой активной надписи “Добавить новый пункт”.

Так можно добавить неограниченное количество пунктов. На главной странице рубрика вопрос/ответ будет выглядеть так.

таплинк для чего нужен

2.5 Визуальное разделение блоков

Когда все необходимые элементы установлены, добавьте отступы между блоками. Для этого нажмите “Добавить новый блок” — “Разделитель”.

Отступ можно сделать маленьким, средним или большим. Также можно выбрать тип разделителя, опции “Линия на всю ширину” и/или “Линия с полупрозрачными краями”.

как сделать ссылку таплинк в инстаграм

Разделение блоков

2.6 Расположение блоков

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

как подключить таплинк в инстаграм

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

Шаг 3. Настройка платных функций

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

3.1 Добавление кнопок мессенджеров

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

как пользоваться таплинк

Добавляем мессенджеры и соц.сети

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

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

Как добавить таплинк в инстаграм на ватсап

Пишем текст

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

таплинк для инстаграм как выглядят мессенджеры

Примеры отображения мессенджеров

Важно. Не успеваете отвечать в директ и теряете потенциальных клиентов? Данную проблему можно решить с помощью Boss.direct. Чат-бот автоматически ответит клиентам и предложит подходящий товар или услугу. Для этого Вам нужно настроить личный кабинет и создать варианты ответа для диалога с пользователем. Кликайте и тестируйте -> boss.direct

3.2 Добавление видео

Нажмите “Добавить новый блок” — “Видео”. Вставьте ссылку на видеозапись. Откорректируйте настройки: автовоспроизведение ролика, скрытие элементов управления (стоп, пауза, перемотка).

Как сделать ссылку на видео в таплинк

Видео

В разделе “Настройки” можно задать расписание отображения видео и отредактировать приватность.

3.3 Вставка карусели картинок

Нажмите “Добавить новый блок” — “Карусель картинок”. Кликните “Загрузить картинку”.

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

таплинк для инстаграм карусель

Карусель

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

таплинк для инстаграм описание к карусели

Описание

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

Таплинк примеры оформления магазина

Как выглядит карусель

3.4 Вставка формы заявок

Нажмите “Добавить новый блок” — “Форма и платежи”. По умолчанию форма включает два обязательных поля “Имя” и “Email”.

таплинк для инстаграм форма заявки

Форма заявки

Если Вам нужны другие данные клиента, выберите их вручную в строке “Добавить поле”.

Настройка формы заявки для taplink

Форма

На вкладке “Настройки” можно изменить название кнопки, а также задать действие после заполнения формы, например, отправить ответное сообщение. Здесь же задаются расписание показа формы на странице и параметры приватности.

Таплинк примеры текста

Меняем название

На вкладке “Прием оплаты” разрешается или нет прием денежных средств, а также указывается цена товара, валюта и назначение платежа.

Как настроить оплату в таплинк для инстаграм

Прием оплаты

3.5 Подключение платежных систем

Перейдите на вкладку “Настройки” в шапке главной страницы сервиса. Выберите пункт “Платежи”. Кликните “Добавить платежную систему”.

таплинк для инстаграм добавить платежную систему

Добавляем платежную систему

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

Интеграция таплинк с платежной системой

Платежные системы

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

таплинк для инстаграм онлайн кассы

Онлайн-кассы

3.6 Добавление товаров

Перейдите на вкладку “Товары” в шапке главной страницы сервиса. Кликните “Добавить новый”. Заполните его карточку: введите наименование и описание, стоимость, возможность доставки, загрузите изображения.

Здесь же можно продемонстрировать скидку, заполнив поле “Старая цена”, а также отнести товар к определенной категории/коллекции.

таплинк для инстаграм для продажи товаров

Добавляем товар

На вкладке “Варианты” задаются различные вариации товаров. Например, если он имеет разные размеры, цвета или другие отличающиеся характеристики, укажите эти комбинации в данном разделе.

таплинк для инстаграм параметры товара

Вариации товара

На вкладке “Опции” создается список сопутствующих товаров. Например, если Вы продаете мобильные телефоны дополнительно предложите чехлы, защитные стекла, наушники и пр. Создавать опции легко — просто укажите название продукта и его стоимость.

таплинк для инстаграм до продажи

Допродажи

На основе карточек товаров и настройки платежных систем в несколько кликов появляется полноценный интернет-магазин.

Шаг 4. Как оформить таплинк

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

4.1. Стандартные темы

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

оформление таплинк

Выбор дизайна

4.2. Свой дизайн

Если же среди готовых решений Вам ничего не пришлось по душе, то можно создать собственный дизайн сайта. Но только на PRO-тарифе. Для этого перейдите на вкладку «Мои дизайны» и нажмите на плюс с подписью «Новый дизайн».

создать таплинк для инстаграмма

Шаг 5. Как установить таплинк в Инстаграм

Когда Вы закончили с настройками, нужно установить ссылку на Taplink в Инстаграм. Для этого скопируйте свою на главной странице сервиса.

как сделать таплинк в инстаграмме

Копирование ссылки для Инстаграм

Войдите в аккаунт, нажмите кнопку “Редактировать профиль” на странице. Вставьте скопированный адрес в поле “Веб-сайт” и нажмите «Отправить».

как сделать таплинк в инстаграме пошагово

Как выглядит в профиле

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

Ссылку можно поменять на тарифе «Бизнес» во вкладке «Настройки» -> «Общие”. Здесь Вы можете подключить свой домен к странице.

таплинк для инстаграм настройки профиля

Подключение домена

Лайфхак. Хотите настроить таргетированную рекламу для нескольких соцсетей сразу? Рекомендуем Вам для этого использовать Getunig. Сервис оптимизирует распределение бюджета между рекламными компаниями и Вы сможете управлять различными рекламными площадками в одной системе. Кликайте и тестируйте бесплатно -> Getuniq.

Коротко о главном

Таплинк для Инстаграм — это не просто сервис, объединяющий несколько активных ссылок в одну. Это мощный инструмент, который дает возможность создавать лендинги и мини-сайты с получением целевого трафика. При этом Вам не нужно нанимать web-разработчиков и дизайнеров, платить за доменное имя и хостинг. На платформе все делается просто и быстро.

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

Нашли ошибку в тексте? Выделите фрагмент и нажмите ctrl+enter

Давайте заполним страницу ссылками и приветственным текстом. Если в описании профиля была ссылка, то и она появится на вашей странице.

Кликните на аватар, чтобы отредактировать его. Можно изменить размер, скрыть ваш ник или вовсе удалить этот блок. Если вы изменили свой аватар в Instagram, то в сервисе TapLink он обновится автоматически в течение 24 часов.

Добавьте на вашу страницу приветственный текст. Кликните «Добавить новый блок», выберите «Текстовый блок». Напишите текст. Вы можете изменить размер текста, сделать выравнивание, вставить любой смайлик (эмодзи). Нажмите кнопку «Сохранить».

Вы можете добавить на вашу страницу ссылку, а лучше — несколько. Нажмите «Добавить новый блок», выберите «Ссылка». Затем укажите заголовок ссылки и введите адрес сайта. Повторите действие столько раз, сколько ссылок вы хотите добавить.

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

Если у вас подключен Business-тариф, то вы можете создавать мини-сайты из нескольких страниц. Чтобы сделать ссылку на другую страницу, выберите действие «Открыть страницу».

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

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

Если вы работаете в SMM или самостоятельно продвигаете свой бренд в Инстаграм*, то сталкивались с проблемой: в шапке профиля можно разместить всего одну ссылку. А как быть, если нужно разместить несколько ссылок, например, на каталог товаров, действующее спецпредложение и другие соцсети, где тоже много полезной информации?

В статье мы расскажем о решении этой проблемы – сервисе для создания мультиссылки Taplink. Разберем, чем полезен для бизнеса сервис, и дадим пошаговую инструкцию как его настроить. А в конце ответим на ключевой вопрос – как Инстаграм*. реагирует на Таплинк и как не попасть в бан из-за размещения в профиле мультиссылки?

ГИФ 1.gif

Содержание

Для чего нужен Таплинк

Возможности сервиса

Альтернатива Taplink: сервис мультиссылок Аспро.Link

Инструкция: как настроить Таплинк

    Регистрация и авторизация

    Подключение профиля Инстаграм*.

    Настройка функций бесплатного тарифа

    Настройка функций платных тарифов

    Визуальное оформление Таплинк

Аналитика в Taplink

Как Инстаграм*. реагирует на Таплинк

Для чего нужен Таплинк

Таплинк – это один из самых популярных сервисов создания мультиссылок. Его часто называют мини-лендингом или сайтом-визиткой.

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

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

Как использовать Таплинк: 6 примеров

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

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

1-Fotopelenka-at-Taplink.jpg

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

ГИФ 5.gif

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

2-I_kosmetolog-at-Taplink.jpg

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

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

3G_chentsova-at-Taplink.jpg

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

Возможности сервиса

Taplink подойдет компаниям, которые активно взаимодействуют со своей аудиторией в Инстаграм*. Функционал сервиса зависит от того, платной или бесплатной версией вы пользуетесь.

В бесплатной версии:

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

Расскажите больше информации о вас.
Описание профиля в Инстаграм*. ограничивается 150 символами. В Таплинке таких ограничений нет, а значит можно детально познакомить аудиторию с вашим проектом. Доступны текстовые блоки и заголовки.

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

Принимайте заказы и оплату онлайн.
Таплинк позволяет создавать любые формы и принимать оплату онлайн через популярные платежные системы. Получать уведомления о заказах можно в мессенджерах или на email.

Ответьте на самые частые вопросы.
Оформите на странице сервиса FAQ с помощью специальных блоков.

Анализируйте статистику.
Сервис отслеживает по дням, неделям и месяцам, сколько человек посмотрело страницу.

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

Picture

В платных версиях:

  • Все, что есть в бесплатном тарифе.
  • Настройка показа блоков по расписанию.
  • Аналитика кликов по ссылкам.
  • Дополнительные готовые шаблоны оформления страницы и возможность создать свой дизайн.
  • Кнопки социальных сетей и связи в мессенджерах.
  • Блоки с картинками, видео, картой и обратным отсчетом.
  • Создание многостраничного сайта.
  • Возможность скрыть лого Taplink на странице, подключить свой домен и получить SSL-сертификат.
  • Настройка страницы с помощью HTML.
  • Формы для приема заявок.
  • Уведомления о заявках в мессенджеры.
  • Подключение платежных систем и онлайн-касс.

Актуальную стоимость платных тарифов смотрите на сайте Taplink.

Альтернатива Taplink: сервис мультиссылок Аспро.Link

Taplink — далеко не единственный сервис для создания мультиссылок. Существует множество аналогов. Один из них — Аспро.Link.

Главное достоинство Аспро.Link — это широкие настройки дизайна. Сервис предлагает набор готовых шаблонов и цветовых тем для вашей мультиссылки. При этом ничто не мешает вам вручную настроить внешний вид страницы и всех ее элементов.

Рисунок1 1.png

Функционал бесплатного тарифа Аспро.Link значительно превышает состав бесплатного тарифа на Taplink. В Аспро.Link вам изначально доступны:

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

В платном тарифе вам также будут доступы:

  • добавление видео;
  • размещение своего кода в html, css и javascript;
  • блоки для товаров;
  • отображение блоков по расписанию;
  • внутренние страницы для вашего сайта-мультиссылки;
  • интеграция с сайтами на 1С-Битрикс.

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

Регистрируйтесь в Аспро.Link, создавайте мультиссылки и решайте с их помощью свои задачи.

Инструкция: как настроить Таплинк

Перейдем от слов к делу. Держите пошаговую инструкцию настройки и оформления Таплинк.

1. Регистрация и авторизация

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

4-Taplink-—-Официальный-сайт-Мультиссылка-в-Instagram.jpg

В окне регистрации подтвердите свой email, придумайте пароль и нажмите кнопку «Продолжить». Готово, вы зарегистрированы :)

2. Подключение профиля Инстаграм*. к сервису

Чтобы подключить свой профиль Инстаграм*. к Таплинк, на главной странице сервиса справа вверху нажмите кнопку «Установить».

5.jpg

Нажмите «Подключить через Instagram» → введите имя вашего профиля или ссылку на Инстаграм*. → нажмите «Ок».

6-photoeditorsdk-export.jpg
7-photoeditorsdk-export.jpg

Вы получите готовую ссылку, которую нужно вставить в шапку профиля Инстаграм*. – она и будет вести аудиторию на ваш Таплинк.

3. Настройка функций бесплатного тарифа

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

Аватар

Чтобы установить аватар на страницу Таплинк, выберете один из двух способов: загрузить картинку или импортировать аватар из Инстаграм*.

8.jpg

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

Текст

Для добавления текстового блока нажмите на раздел «Добавить блок».

9.jpg

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

10.jpg

Не забудьте нажать кнопку «Сохранить».

Ссылки

Чтобы добавить ссылку, проделайте похожий путь: «Добавить блок» → «Ссылки». В первой строчке открывшегося окна введите заголовок: название раздела сайта, название статьи, название видео на Ютуб и т.д. Во второй строчке – подзаголовок, например, призыв к действию или лид-магнит. Далее вставьте саму ссылку и выберите действие для открытия ссылки.

11.jpg

Результат:

12.jpg

Как бесплатно добавить в Таплинк ссылку на WhatsApp, Viber, Telegram, диалог ВКонтакте, директ Инстаграм*.

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

  • WhatsApp:
    https://wa.me/79000000000
  • Telegram:
    tmgo.me/username
  • Диалог ВКонтакте:
    vk.me/id000001
  • Директ Инстаграм*.
    www.Instagram*username
  • Viber:
    viber://chat?number=79000000000

Часть ссылки, выделенную жирным шрифтом, замените на ваши данные.

13.jpg

Результат:

14.jpg

Разделитель

Сервис также дает возможность настроить межблочные отступы. Нажмите «Добавить новый блок» → «Разделитель». В открывшемся окне выберите размер разделителя и его тип. Также есть опции «Линия на всю ширину» и «Линия с полупрозрачными краями».

15.jpg

Результат:

16.jpg

Вопросы и ответы

Чтобы сделать FAQ в Таплинке, перейдите «Добавить блок» → «Вопросы и ответы». В строке «Заголовок» введите вопрос, а в строке «Текст» – ответ.

17.jpg

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

Результат:

18.jpg

Расположение блоков

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

ГИФ 2 (1).gif

Если вы не планируете приобретать один из платных тарифов, то переходите к визуальному оформлению Таплинк. Сейчас посмотрим на платный функционал тарифов PRO или BUSINESS.

4. Настройка функций платных тарифов

Платные тарифы предполагают все то, что есть в базовом тарифе + дополнительные фишки.

Иконка и текст

Вариант расстановки акцентов в тексте и интересного визуального оформления. Чтобы настроить, выберите блок «Иконка и текст», заполните поля «Заголовок» и «Текст».

19.jpg

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

20.jpg

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

Результат:

21.jpg

Мессенджеры

«Добавить блок» → «Мессенджеры». Выберите мессенджер, который вы хотите разместить на странице. В окне настроек укажите заголовок, например, «Написать нам в Viber», и ваш номер либо логин.

22.jpg

Кстати, для WhatsApp сервис предоставляет интересную возможность – написать текст-шаблон сообщения. По клику у пользователя откроется мессенджер с готовым текстом, например, «Добрый день! Интересуют услуги интернет-маркетинга».

23.jpg

Чтобы добавить еще один мессенджер нажмите кнопку «Добавить новый пункт» внизу окна с настройками.

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

24.jpg

Не забывайте сохранить изменения.

Результат:

25.jpg

Видео

Конечно, можно через ссылку перенаправить пользователя, например, на Ютуб. А можно не заставлять его делать лишние движения и показать ролик прямо на странице Таплинк. Для этого добавьте блок «Видео» и вставьте ссылку на ролик YouTube или Vimeo. Настройте автовоспроизведение ролика и отображение элементов управления: пауза, стоп, прокрутка.

26.jpg

27.jpg

Карусель картинок

Функция позволяет загружать на страницу фото и картинки. Изображения загружаются по одному.

Для добавления карусели кликните «Добавить блок» → «Карусель картинок». Для загрузки картинки перетащите ее на страницу или используйте кнопку «Загрузить картинку».

28.jpg

Чтобы добавить еще одну картинку, нажмите «Новый слайд». В одну карусель можно добавить до 15 слайдов.

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

29.jpg

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

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

30.jpg

На страницу Таплинк нашей компании в качестве карусели мы разместили отзывы наших клиентов:

ГИФ 3 (1).gif

Социальные сети

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

31.jpg

HTML-код

Управление разделом требует знаний программирования. Здесь мы можете добавить в ваш Таплинк дополнительные объекты вроде таблиц или сверстать с нуля страницу компании. Работать с кодом страницы Таплинка необязательно, с остальными разделами вы и так круто наполните свою страницу ;)

Карта

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

32.jpg

33.jpg

Баннер

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

34.jpg

Результат:

35.jpg

Прайс-лист

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

36.jpg

Таймер

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

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

37.jpg

Результат:

ГИФ 4 (1).gif

Форма и платежи

Нажмите «Добавить блок» → «Форма и платежи». По умолчанию форма включает два обязательных поля «Имя» и «Email». Если Вам нужны другие данные клиента, выберите их вручную в строке «Добавить поле».

38.jpg

Каждое поле можете отметить как обязательное – так форма не отправится, если покупатель не заполнит его.

Обратите внимание на раздел настроек. Здесь измените текст на кнопке отправки формы. По умолчанию стоит надпись «Отправить».

Настройте действие после отправки формы: показать сообщение или открыть любой сайт.

39.jpg

Результат:

40.jpg

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

41.jpg

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

42.jpg

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

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

Страница

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

Выберите «Добавить блок» → «Страница». В поле «Название страницы» введите ее название и нажмите «Сохранить». Вы попадете на новую страницу – наполните ее блоками как обычно.

43.jpg

Визуальное оформление Таплинк

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

44.jpg

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

45-photoeditorsdk-export.jpg

На тарифах PRO и BUSINESS можно создать собственный дизайн. Для этого перейдите на вкладку «Мои дизайны»:

46.jpg

И нажмите на плюс с подписью «Новый дизайн»:

47.jpg

При создании собственного дизайна вы можете:

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

48.jpg

Смотрите как мы оформили Таплинк Веб-Центра: https://taplink.cc/webcentr

Аналитика в Таплинк

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

Для этого перейдите в раздел, выберите нужный период (день, неделя или месяц) и проанализируйте ваши данные.

49.jpg

Как Инстаграм*. реагирует на Таплинк

Если вы хоть раз в жизни интересовались продвижением в Инстаграм*, то знаете, насколько это «привередливая» соцсеть. Дайте ей только повод для блокировки, и она не заставит себя долго ждать. И на сегодняшний день вполне реально встретить мнение, что Таплинк – это один из способов «серого» продвижения.

Но, по сути, ставя ссылку на сервис в описании Инстаграм*, вы ставите обычную ссылку на сайт. Плюс ко всему, Таплинк использует официальный API, который одобрен Инстаграм*.

Поэтому у сервиса нет ничего такого, что противоречит политике соцсети. Можно смело вставлять ссылку в шапку своего профиля :)

Заключение

Надеемся, что этой статьей нам удалось показать, что Таплинк – это не просто сервис объединения нескольких ссылок, но и классный работающий инструмент продвижения для бизнеса. С его помощью вы можете рассказать аудитории о себе, дать ей возможность связаться с вами удобным способом, оповестить об акциях, интересных предложениях и в удобном формате оставить заявку, не выходя из Инстаграм*. И при этом вам не придется вникать в программирование или нанимать специалистов!

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

Подписывайтесь на наш блог и профиль в Инстаграм*., чтобы узнавать о других инструментах для онлайн-продвижения бизнеса.

Picture

Рассказываем, что такое таплинк (мультиссылка) в Инстаграме, покажем примеры и дадим пошаговое руковоство, как его создать самостоятельно.

  • Что такое Таплинк

  • Преимущества настройки таплинка для бизнеса

  • Создать таплинк для интернет-магазина

  • Стоимость таплинка

  • Как бесплатно настроить Таплинк

  • Безопасно ли использовать TapLink?

  • Как создать классный таплинк

  • Заключение

Наверняка в коммерческих аккаунтах Инстаграма вы не раз замечали ссылки, начинающиеся с taplink.cc/

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

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

Читайте также:

  • 22 лучших курса по продвижению и рекламе в Инстаграм
  • Лучшие сервисы продвижения в Инстаграм в 2022
  • Как провести конкурс в Инстаграме: пошаговая инструкция

Что такое Таплинк

Таплинк (мультиссылка) –  приложение к Instagram от внешних разработчиков. Это официальное API, которое не нарушает политику соцсети. Сервис создает сайт-прокладку, на котором размещается важная информация – ссылки на другие аккаунты, мессенджеры, сайт и пр.

Таплинк формирует ссылку формата taplink.cc/название_аккаунта, которая вставляется в шапку профиля. Перейдя по ней, вы увидите примерно такое:

Оформление страницы может быть любым – в зависимости от выбранных настроек и личных предпочтений.

Преимущества настройки таплинка для бизнеса

Instagram позволяет разместить лишь одну ссылку в профиле. А что делать, если вашим клиентам удобнее общаться в вайбере или хочется подробнее рассказать об услуге/товаре? Для этого и создан сервис Taplink. 

Чтобы сделать таплинк в Инстаграме, потребуется 5–20 минут. Вы создадите мини-сайт, куда сможете добавить следующую информацию:

Ссылки на сайт, соцсети и мессенджеры

Сервис предоставляет 4 вида оформления кнопок на мессенджеры. Они подписываются на личное усмотрение.

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

Текстовые блоки

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

Картинки/карусель изображений

На страницу можно добавить ваше фото или изображение кабинета, баннер с рекламной акцией или прайсом – любую важную графическую информацию. 

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

Вам интересны интернет-маркетинг и продвижение бизнеса в интернете? Подписывайтесь на наш Telegram-канал!

Видео

Сервис позволяет добавить и видео: обзор продукции, запись вебинара, рассказ о себе и пр.

Вопросы/ответы

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

Карта

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

HTML-код

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

Форма заявки

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

Таймер обратного отсчета

С ним вы сможете настроить таймер действия акции с отсрочкой в несколько дней.

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

Создать таплинк для интернет-магазина

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

Для создания ИМ в таплинк есть следующие инструменты:

Блок «Товары»

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

К товару можно добавить варианты (цвет, размер и др.) и назначить для каждого стоимость. Если есть сопутствующие, их следует привязать к основному ассортименту.

Подпишитесь на авторский телеграм-канал про предпринимательство в России.

Настройка стоимости доставки

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

Подключение платежных систем и онлайн-кассы

Таплинк позволяет настроить прием платежей через онлайн-кассы: Яндекс.Деньги, Яндекс.Касса, Робокасса, PayPal и другие платежные сервисы. Конечно, клиент может оплатить товар и наличными курьеру – уведомление об этом так же легко настраивается.

Онлайн-кассу также можно добавить в TapLink.

CRM

Вы сможете обрабатывать входящие заявки и вести отчетность. Таплинк интегрируются с 1С:CRM, Битрикс24, СДЭК, RetailCRM и др. популярными системами.

Статистика кликов по ссылкам

С ее помощью вы сможете отследить наиболее и наименее популярные ссылки и редактировать лендинг.

Facebook pixel

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

Стоимость таплинка

У сервиса три тарифных плана. В бесплатном немного вариантов для оформления: имеется возможность вставить несколько ссылок на сайт или на номер телефона, а также добавить текстовые блоки, разделители и аватар. Ссылки на другие сети, мессенджеры и др. опции – в платном тарифе. Что в них входит – смотрите ниже:

Как бесплатно настроить Таплинк

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

Перед вами откроется такое поле:

В бесплатном тарифе будут доступны 5 блоков.

Итак, для начала установим аватар, нажав на пустой кружок. Загрузить фото можно с ПК или из профиля Инстаграма. Доступны 4 размера фото.

Нажав на «Добавить блок», вы увидите следующее:

Красным выделены блоки бесплатного тарифа

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

Если у вас часто спрашивают об одном и том же, вынесите вопросы на сайте.

Информацию можно разделять 8 видами разделителей. Блоки могут перетаскиваться с помощью ползунков слева.

Когда все готово, нажимайте на кнопку «Установить» – ссылка автоматически появится в вашем профиле.

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

Безопасно ли использовать TapLink?

Таплинк – это официальное API, за использование которого Инстаграм не блокирует аккаунты. Сама соцсеть позволят установить одну ссылку в профиль – какая разница, будете вы ссылаться на свой сайт или таплинк.

Сервис не получит доступ к вашему паролю от Instagram. Он лишь получает «официальное подтверждение» от Инстаграм, что такой-то пользователь (вы) имеется и он только что вошел в свой аккаунт.

Как создать классный таплинк

Шаг 1: продумайте, что вы хотите написать

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

Шаг 2: найдите примеры оформления в вашей нише

Для этого в строке поиска Яндекса введите taplink.cc/ и слово (на английском), которое является ключевым для вашей области. Например, введем taplink.cc/lash. Внизу появятся примеры таплинков из этой сферы.

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

Шаг 3: выберите тариф и создайте таплинк из предложенных блоков

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

Самую важную информацию размещайте в начале страницы. Если доступна статистика, следите за ней, чтобы удалить ненужные блоки или переделать их.

Заключение

Установить таплинк (мультиссылку) самостоятельно не составляет труда. Платный тариф стоит недорого, при этом сильно облегчает пользователям путь до сделки. В более серьезных вариантах Taplink заменит собой интернет-магазин и позволит вести полноценный бизнес в пределах одной сети. Попробуйте сервис с бесплатного тарифа – поменять его на платный можно в любой момент.

Автор:

Контент-менеджер в блоге FireSEO, пишу про интернет-маркетинг и разработку сайтов.

Как же сделать таплинк красивым, ведь с таким примитивным, простым редактором не сильно-то разбежишься. Просто баннер, просто текст, вопрос-ответ открывающимся плюсиком. Как же тогда можно создать такой дизайн, как на фото выше?

То ли дело в конструкторе Тильда: 550+ готовых блоков, в которых столько вариантов расположения текста с изображениями, да плюс zero блок. В любом из блоков есть возможность анимировать элемент.

А здесь блоков всего 18 и анимировать можно только ссылку. Сделать красивым таплинк кажется невозможным.

Это возможно, убедитесь сами!

СОДЕРЖАНИЕ

5 этапов, из которых состоит работа

Внимательно изучаем все блоки сервиса таплинк

Уникальные блоки, которые ломают примитивный редактор

Составляем структуру будущего таплинка

Разбираем на мелкие смысловые части

Как создаются нестандартные блоки в Canva и с HTML-кодом

  1. Изучить внимательно все блоки сервиса
  2. Составить структуру будущего таплинка
  3. Разобрать на мелкие смысловые части
  4. Создать каждый блок
  5. Разместить их в редакторе таплинка

И теперь можно приступать к работе, начиная с первого этапа.

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

3 тарифных плана: basic, pro и business — почитайте самостоятельно информацию о том, что входит в каждый тариф — ссылка на тарифы. Чем они отличаются и какие дополнительные возможности дает каждый следующий. Выбрать для себя вы вправе любой, как бесплатный, так и самый дорогой.

Самый популярный тариф, который отвечает большинству задач в онлайн работе — это средний PRO

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

Изучаем внимательно все блоки сервиса таплинк

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

nabor-standartnyh-blokov-taplink

Автор:

Контент-менеджер в блоге FireSEO, пишу про интернет-маркетинг и разработку сайтов.

Как же сделать таплинк красивым, ведь с таким примитивным, простым редактором не сильно-то разбежишься. Просто баннер, просто текст, вопрос-ответ открывающимся плюсиком. Как же тогда можно создать такой дизайн, как на фото выше?

То ли дело в конструкторе Тильда: 550+ готовых блоков, в которых столько вариантов расположения текста с изображениями, да плюс zero блок. В любом из блоков есть возможность анимировать элемент.

А здесь блоков всего 18 и анимировать можно только ссылку. Сделать красивым таплинк кажется невозможным.

Это возможно, убедитесь сами!

СОДЕРЖАНИЕ

5 этапов, из которых состоит работа

Внимательно изучаем все блоки сервиса таплинк

Уникальные блоки, которые ломают примитивный редактор

Составляем структуру будущего таплинка

Разбираем на мелкие смысловые части

Как создаются нестандартные блоки в Canva и с HTML-кодом

  1. Изучить внимательно все блоки сервиса
  2. Составить структуру будущего таплинка
  3. Разобрать на мелкие смысловые части
  4. Создать каждый блок
  5. Разместить их в редакторе таплинка

И теперь можно приступать к работе, начиная с первого этапа.

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

3 тарифных плана: basic, pro и business — почитайте самостоятельно информацию о том, что входит в каждый тариф — ссылка на тарифы. Чем они отличаются и какие дополнительные возможности дает каждый следующий. Выбрать для себя вы вправе любой, как бесплатный, так и самый дорогой.

Самый популярный тариф, который отвечает большинству задач в онлайн работе — это средний PRO

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

Изучаем внимательно все блоки сервиса таплинк

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

nabor-standartnyh-blokov-taplink

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

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

С этим, я думаю, понятно. (Более подробно о стандартных блоках читайте в статье по ссылке). А вот ниже мы поговорим о тех самых блоках, благодаря которым реально таплинк сделать шедевром!

  • Баннер
  • Карусель картинок
  • HTML код

Чем же так интересны отдельные три блока?

Баннер позволяет разместить в себе любое изображение. Размер изображения по длине и ширине ничем не ограничен. Ширина, понятно, будет равна ширине сайта, а вот высоту вы выбираете сами.

Может это всего одна строка и вы загрузите картинкой ЗАГОЛОВОК своим фирменным шрифтом. А может это размер целого экрана телефона, в котором вы заранее разместите готовое дизайнерское решение:

  • картинка и текст
  • две картинки рядом
  • иконка и текст
  • текст поверх изображения
  • любой перечень в красивой рамочке или с тенью
  • и т.д.

Чтобы изготовить баннер для загрузки в платформу, обычно пользуются сторонними графическими редакторами. Это может быть Photoshop, Canva, Figma. Более подробно о создании Таплинк сайта с использованием редактора Canva — читайте ниже в статье.

Карусель картинок допускает загрузку нескольких изображений. Сюда удобно поместить портфолио, сертификаты, отзывы. Но можно точно так же сделать картинку с текстом, например, прайс-лист на разные услуги. И загрузить несколько таких изображений в карусель.

HTML код — уникальный блок, в который можно загрузить различные коды, чтобы, например:

  • сделать сверху таплинка кликабельное меню
  • раскрывающийся баннер, чтобы подробное описание можно было скрыть, а при нажатии на баннер — текст раскрывается
  • раскрывающееся меню
  • парящая кнопка для мессенджера
  • Gif-изображение, например анимированная стрелка
  • и пр.

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

Составляем структуру будущего таплинка

Составить план сайта — значит сделать понятный и последовательный рассказ о вас и ваших услугах (продуктах).

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

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

Разбираем на мелкие смысловые части

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

  1. Кто вы, ваше имя
  2. Что вы делаете, кто по профессии
  3. Чем вы можете быть полезны, какую проблему решить
  4. Как проходит работа с вами
  5. Сколько стоят услуги
  6. Отзывы о работе с вами, результаты, кейсы
  7. Подробнее о вас или вашей услуге
  8. Есть ли вам чем поделиться с подписчиками, чтобы они скачали полезное
  9. Сертификаты о пройденном обучении
  10. Вопросы и ответы, которые вам задают клиенты или могут задавать
  11. Контакты, как связаться, куда писать, куда записаться

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

Можно переходить к практической части, после того как текст готов. Так сказать, зарисовать, набросать схему будущего таплинка. Спланируйте, как можно визуально отобразить эти записи, чтобы поместить в таплинк.

Другими словами: составьте прототип сайта (ссылка на статью).

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

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

Как создаются нестандартные блоки

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

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

Но, как быть, если нужно сделать баннер с фотографией, на котором написаны тексты? Например, название тарифа или указать какую-то цитату. Для этого заранее готовят картинку в других редакторах. Например, в фотошопе или онлайн редактор Canva (работает с VPN). Даже в программе PowerPoint можно сделать такой баннер, если вы не владеете графическими редакторами.

Если у вас есть VPN, то можно освоить Canva

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

Canva — бесплатный онлайн фоторедактор. Работает с VPN, установленным на вашем ПК

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

В чем заключается работа в Канве: два варианта

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

С чего начать

Пройдите простую регистрацию в сервисе. Можно войти с помощью аккаунтов Google, Facebook или Apple или придумать имя и пароль для входа.
Теперь можно создавать дизайн. В первую очередь необходимо выбрать размер создаваемого изображения. Программа фоторедактора предложит вам использовать шаблон известных ей размеров, например, для обложек к различным соцсетям. (рис)

shablon-v-canva

Для начала — потренируйтесь. Выберите любой размер, к примеру, квадратный. Внимание: пример, который показываю, создан на ПК, так как Таплинк вы будете делать в компьютере, не в телефоне.

Работа в редакторе

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

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

Создать свой блок для сайта

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

Размер прямоугольный, расположен горизонтально. Я выбрала настраиваемый размер 1200*800. Фиолетовая кнопка — создать дизайн. (рис)

banner-v-canva

Когда вы получили чистую страницу, готовую для создания дизайна баннера, можете приступать. Что здесь можно сделать: добавить элемент (их огромное количество — фигуры, стикеры, градиенты). Взять и добавить фото из предложенных канвой, либо загрузить свое. Затем применить вставку текста: заголовок, подзаголовок, основной текст — выбрать размер, шрифт цвет (рис 1).

dobavit-element

Залить фон всей страницы.

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

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

Ваш дизайн баннера готов? Тогда пора его скачать себе на компьютер, чтобы потом загрузить в таплинк. В правом верхнем углу найдите кнопку со словом СКАЧАТЬ (рис 2). При нажатии — откроется окно, в котором выберите: тип файла, нужную страницу, если их несколько.

skachat-banner

рис 2

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

Как использовать блок HTML код в таплинке

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

Например

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

* раскрывающийся баннер: когда при нажатии на картинку — раскроется текст/картинка с описанием. Таким образом можно сократить длину таплинка, не делая его слишком длинным визуально (рис):

raskryvaushiysya-banner

примеры раскрывающегося баннера

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

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

Ответ — кто ищет, тот находит. Их можно купить в сообществах таплинкеров, в аккаунтах у дизайнеров, занимающихся созданием мини-сайтов в сервисе таплинк. А потом применять, загрузив баннер на хостинг изображений и получив ссылку, которую нужно вставить в HTML-код и загрузить в нужный блок.

Купить код для раскрывающегося баннера вместе с описанием, как это сделать: ссылка (в разработке)

Купить код навигационное меню с описанием ссылка (в разработке)

Заключение

Теперь для вас одной загадкой стало меньше и вы понимаете, как сделать таплинк красивым. Несмотря на то, что редактор сервиса довольно примитивный, но благодаря блокам Баннер и HTML-код вы можете сделать его интересным, уникальным и запоминающимся.

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

Пишите мне в мессенджеры — контакты
И, конечно, не забывайте про Полезные материалы

Понравилась статья? Поделить с друзьями:
  • Как сделать лебедя из атласных лент своими руками пошаговая инструкция
  • Как сделать красивый дом в майнкрафте пошаговая инструкция
  • Как сделать лассо из веревки своими руками пошаговая инструкция
  • Как сделать красивый бант из атласной ленты на подарок пошаговая инструкция
  • Как сделать ламборгини урус из лего инструкция