Настроить taplink примеры оформления

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

Выберите понравившуюся тему на странице Дизайн — Animation — CHRISTMAS.

Настройки оформления страницы находятся на странице «Дизайн» личного кабинета Taplink.

На базовом (бесплатном BASIC) тарифе можно выбрать одну из стандартных тем оформления страницы.

Выбор темы оформления осуществляется на странице «Дизайн«.

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

Настройки оформления выполняют на странице «Дизайн» личного кабинета.

Стандартные варианты темы оформления сгруппированы на вкладках Simple (простые), Advanced (расширенные), Animation (анимированные). Персонализированные вами варианты тем оформления доступны на странице «Мои дизайны«.

Для предварительного просмотра темы оформления (ее примерки на свою страницу) служит кнопка «Просмотр«. Если тема оформления имеет несколько вариантов их можно листать с помощью кнопок стрелочек по бокам экрана.

Для выбора понравившегося варианта темы оформления нажимают кнопку «Выбрать«.

Для настройки персонализированного оформления страницы Taplink необходимо наличие платного тарифа (PRO или BUSINESS). Настройки оформления выполняют на странице «Дизайн» личного кабинета.

В качестве исходной темы оформления можно выбрать любую стандартную тему оформления, размещенную на вкладках Simple (простые), Advanced (расширенные), Animation (анимированные). Чтобы внести в нее правки нажимают кнопку «Редактировать«. Персонализированные вами варианты тем оформления доступны на странице «Мои дизайны«. Вы можете создать несколько вариантов своего дизайна и вносить изменения в них в любое время.

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

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

Для настройки оформления кнопок переходят в режим редактирования темы оформления (страница «Дизайн«, где нажимают кнопку «Редактировать» для нужной темы оформления) и указывают нужные параметры в секции «Ссылка«. Можно задать шрифты и цвета надписей на кнопках, степень прозрачности кнопки (0 — непрозрачная, 100% — полностью прозрачная, только контур отображается), закругление (0px — прямоугольная, 50px — максимальное закругление) и стиль ссылки (текст по центру или выравнивать влево с отображением стрелки). После внесения всех правок нажимают «Сохранить«.

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

Прозрачность кнопки задаётся в % (0 — непрозрачная, 100% полностью прозрачная).

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

Для применения изменений нажимают кнопку «Сохранить«.

Для создания кнопки в цветах отличающихся от заданных в теме оформления необходимо на вкладке «Настройки» этого блока включить «Свои настройки дизайна» и задать цвета фона /надписи.

Для создания прозрачных кнопок необходимо:

1. Включить прозрачность для кнопок в настройках темы оформления (прозрачные кнопки создаются только так).

2. Для кнопок, которые должны получить фоновую заливку, активировать «Свои настройки дизайна» в настройках этих кнопок.

Необходимо выбрать стиль оформления отличный от «Иконки приложений».

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

Для настройки закругления блоков переходят в режим редактирования темы оформления и задают нужные параметры в разделе «Блоки«. Закругление задается в px, 0 — блоки прямоугольные, 50px — максимальное закругление. Для применения изменений нажимают кнопку «Сохранить«.

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

Для задания своего кода цвета в окне выбора цвета переходят на вкладку «Свой цвет«, где выбирают его из палитры или вводят вручную. При вводе своего кода цвета используется код вида #******, с # в начале, 6 знаков. Прозрачность (альфа-канал) задается в настройках параметров в секции «Ссылка«, а не коде цвета.

Для настройки цвета фона и фоновой картинки переходят в режим редактирования темы оформления и задают нужные параметры в разделе «Фон«.

Для фоновой заливки можно выбрать заливку одним цветом или двухцветный градиент.

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

Формат фоновой картинки должен соответствовать длине вашего Taplink. Чем больше информации на странице, тем она должна быть длиннее. Мы не рекомендуем использовать большие фоновые картинки, это ухудшает время загрузки вашей страницы при медленном интернет-подключении и на слабых устройствах. Лучше ориентироваться на возможность бесшовного «сращивания» изображений по высоте. По ширине — рекомендуем ориентироваться на 540 или 1080 точек. Цвет фоновой заливки рекомендуется выбрать соответствующим цвету фона выбранного изображения.

Для применения изменений нажимают кнопку «Сохранить«.

Формат фоновой картинки должен соответствовать длине вашего Taplink.

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

Лучше ориентироваться на возможность бесшовного «сращивания» изображений по высоте. По ширине — рекомендуем ориентироваться на 540 или 1080 точек.

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

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

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

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

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

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

Источник

Сервис Таплинк в Инстаграм: обзор и 50 лучших примеров

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

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

Taplink.cc — что это?

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

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

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

taplink cc + имяпрофиля – это сокращённый уникальный идентификатор, который выдаётся при регистрации в системе.

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

Хотите просто сделать несколько внешних ссылок в своей инсте? Таплинк так умеет бесплатно.

Как настроить Таплинк для Инстаграм бесплатно?

Для установки понадобится пройти короткую авторизацию на сайте, дав разрешение сервису на авторизацию через ваш профиль.

Станет доступен конструктор блоков.

Если в поле «активная ссылка» вашего аккаунта что-то есть, то это подтянется первым.

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

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

80-90% используют бесплатку без расширений. И она решает простую задачу навигации, отправляя пользователя куда-то ещё.

Классическое содержание бесплатных таплинков примерно такое:

«Написать в вотсап»
«Перейти на сайт или в раздел A,B,C»
«Вопрос-ответ»
«Наша группа Вконтакте, Одноклассники и т.д»
«3 строчки текста»
«Важная ссылка»
«Пост»

Ключевые моменты!

Коротко давайте информацию, если нужно уточнение к блоку.
Быстрые ссылки для связи.
Переход на сайт часто менее важен, чем, например, заявка или обращение в мессенджер, будьте аккуратны при использовании.
Имеете посты с которых идут обращения? Можно дать ссылку на них.

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

Максимальный тариф — без денег

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

Авторизуйте профиль инсты на Taplink.cc

Скопируйте промокод Dekrass1
Активируйте его на странице «тарифы»
Он сразу заработает без оплаты, а вы сможете работать со всем функционалом

Активируйте код dekrass1 и получите 7 дней

Обзор функций: как пользоваться?

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

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

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

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

Формы для приема заявок

Фактически, это даёт возможность делать мини-лэндинг с получением целевого действия без домена и хостинга, что автоматом экономит

3000 р. за год без учета создания самого сайта.

Сделать быструю форму записи на услугу? Пожалуйста.

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

— Донесите пользу;
— Сделайте обзор товара
— Познакомьтесь
— Вставьте видео с ютуба.

Видео – это здорово, когда снято хорошо и относится к продвигаемому бизнесу.

Интернет магазин в Instagram

Настоящий e-commerce на автопилоте без покидания социальной сети. Самый сок.

Поддержка Shoppable Tags (скоро)

Тегаем историю или фотографию нашей ссылкой в интернет-магазин. Человек переходит в наш магазин и сразу покупает, здорово?

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

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

Facebook pixel

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

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

Работаете легально? Важность этого пункта для многих определяющая.

CRM-система

Используете ЦРМ для постановки задач менеджерам? Интегрируйте с Инстаграмным Таплинком и не придётся бегать за заявками. Поддерживает все популярные платформы.

Вставка карты

Особенно важно для локального бизнеса и мероприятий. Не дайте людям потеряться.

У них же реализована крутая фишка

Вставлен html-код и есть всплывающий поп-ап с предложением + онлайн-консультант прямо внутри короткой ссылки.

Вставка таймера обратного отсчета

Акция с дедлайном и формой заявки на горячий товар, услугу, курс.

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

Факт 1. Немного знаний и наличие вкуса будут большим преимуществом при настройке дизайна блоков.

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

Как сделать крутой Таплинк за 5 простых шагов

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

То есть, задаём изначальную логику, спрашивая себя:

А. Что полезного юзер должен найти здесь?

Б. Как это поможет нам продавать?

В. Какие блоки конструктора резонно использовать для результата?

2. Ищем хорошие примеры визуализации

— в этом материале
— в специальном разделе подвала сервиса
— попросите саппорта сервиса дать совет и проекты по вашей нише

И есть секретный приём.

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

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

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

3. Настраиваем блоки.

4. Встраиваем в описание профиля.

5. Вы великолепны!

Что делать не надо

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

Всё должно быть просто, логично и решать связанные друг с другом задачи. Не надо впихивать невпихуемое лишь бы было.
Сосредоточьтесь на главном.

Лучшие примеры Таплинка

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

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

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

Таплинк-лэндинги у большинства проектов слишком длинные, чтобы материал мог вместить скриншоты, поэтому вопрос с удобством просмотра пока остаётся открытым.

Пока дам сотню хороших примеров, которые были обнаружены мною.
Копируйте в адресную строку и смотрите.

Если есть совет для меня по улучшению навигации в этой статье, напишите комментарий.

Товары и магазины

Открывайте сразу несколько в новых вкладках.

Максимальный тариф + внутренний интернет-магазин

taplink.cc/cristall_arte — дизайнерское освещение и декор
taplink.cc/mebel.status — пуфы
taplink.cc/superskin.su — бьюти-боксы
taplink.cc/prostoruchki — крафтовые ручки
taplink.cc/lavka.vkusnostei — вкусняшки
taplink.cc/baikaldar — дары байкала
taplink.cc/elenamex.info — сеть магазинов меховой фабрики
taplink.cc/fiorebags — бренд авторских сумок

taplink.cc/stilnye_textilnye — модный текстиль
taplink.cc/tkani_fashion_fabric — ткани
taplink.cc/sherwool24 — пряжа и вязание
taplink.cc/pampurinoshop — скрапбукинг
taplink.cc/nika_nagel — гель лаки
taplink.cc/emberens — шоурум
taplink.cc/fillinhome — вязаные пледы на выписку
taplink.cc/homeservice_kz — живой магазин оборудования для ремонта
taplink.cc/i_dollmaker — всё для кукол
taplink.cc/ibeauty_ru — материалы для наращивания ресниц
taplink.cc/oksvostrova — украшения
taplink.cc/starlyly — чековая книжка
taplink.cc/mangal4u — мангалы
taplink.cc/ura_eva — шоурум

taplink.cc/vulpis.ru — магазин хэндмейд
taplink.cc/fotopelenka — фотопелёнки

Услуги

taplink.cc/brow_bar_tmn — студия бровей и маникюра
taplink.cc/j_gurbanova — персональные программы питания
taplink.cc/elstile — свадебные прически и макияж
taplink.cc/vetklinika_z — ветеринарная клиника

taplink.cc/dmitrii.chuga — трейдер, ментор
taplink.cc/dr.usungvan — доктор в клинике
taplink.cc/f.form_meal — сервис здорового питания
taplink.cc/g_keti — авторские туры
taplink.cc/home_design44 — дизайн интерьера
taplink.cc/juli.minina — психолог, астролог

Сетевики

taplink.cc/g_chentsova
taplink.cc/bryantseva_lubov
taplink.cc/family_brovchenko

Онлайн-образование / Инфобизнес

taplink.cc/kamikoza_emotion — эзотерика
taplink.cc/lana.kandinskaya — таролог

taplink.cc/dimmano — заработок в Инстаграм
taplink.cc/beautybook_z — бьюти-марафон
taplink.cc/ale_x.men — бизнес-клуб
taplink.cc/e_hodchenkov — предпринимательство, инвестиции
taplink.cc/f.community — фитнес, питание
taplink.cc/feya_brokkoli — нутрициолог
taplink.cc/lettering.school — курсы дизайнеров по леттерингу
taplink.cc/n_metelitsa — лайфстайл коуч, биохакинг, фитнес
taplink.cc/natiksidorova — школа удаленной работы
taplink.cc/olga_tovpeko — детский психолог-коуч для родителей
taplink.cc/you.russia — школа творческих направлений хэндмэйд

taplink.cc/i_kosmetolog — информационный проект, красиво сделан.

Итоги

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

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

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

Автор этого сайта. Основатель и руководитель LJT target. Интернет-маркетёр и стратег в 100+ клиентских проектах с 2011 г.

Откручиваю 2 000 000 + руб. в месяц через таргетированную рекламу VK, FB, INST.

Источник