5 min read88 прочтений

До и после в Linkin1: покажите результат одним движением

Добавьте на страницу Linkin1 сравнение «до и после»: два фото в одной рамке и линия, которую двигает посетитель. До 12 пар, кадрирование для точного совмещения, подписи на любом языке. Тариф Pro.

До и после в Linkin1: покажите результат одним движением

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

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

Коротко

  • Что это? Блок вашей страницы Linkin1, который показывает два фото одного и того же и сравнивает их подвижной линией.
  • Как им пользоваться? Пальцем на телефоне, мышью на компьютере, а также с клавиатуры.
  • Несколько пар: до 12 пар в одном блоке — слайдером (по одной паре) или списком.
  • Точное совмещение: встроенный инструмент кадрирования одинаково обрезает оба фото и показывает первое полупрозрачным, пока вы настраиваете второе.
  • Любой язык: подписи «До» и «После» автоматически показываются на языке каждого посетителя.
  • Тариф: доступно в Linkin1 Pro.
Блок «До и после» на телефоне: ремонт гостиной, линия сдвинута, чтобы сравнить старую и новую комнату
На телефоне: посетитель двигает линию, сравнивая комнату до и после ремонта

Для кого это?

  • Салоны, барбершопы и ногтевые студии: окрашивание, стрижка, укладка и нейл-арт.
  • Клиники, стоматологи и уход за кожей: результаты процедур — с согласия клиента.
  • Фитнес-тренеры: изменения клиентов за недели и месяцы.
  • Ремонт, дизайн интерьера и ландшафт: комнаты, кухни, фасады и сады.
  • Клининг и детейлинг автомобилей: ковры, диваны, машины и всё, что снова выглядит как новое.
  • Фотографы, ретушёры и дизайнеры: оригинал рядом с вашей обработкой.

Как добавить блок «До и после»

  1. В панели управления нажмите Добавить и выберите «До и после» (он рядом с вариантами галерей, сразу после Reels).
  2. Добавьте заголовок и короткую строку под ним, например «Оцените разницу сами».
  3. Выберите вид: слайдер показывает одну пару со стрелками и точками; список показывает все пары друг под другом.
  4. Выберите форму фото: вертикальная, квадратная или горизонтальная. Оба фото каждой пары обрезаются по ней.
  5. Добавьте пару, загрузите фото «до», настройте кадр, затем загрузите фото «после».
  6. Добавьте короткую подпись с названием услуги, например «Ремонт гостиной», и нажмите «Сохранить».
Редактор блока «До и после» в панели Linkin1: карточки вида, карточки формы фото и настройки подписей
Редактор: выберите вид и форму фото одним касанием и добавьте пары

Каждая пара совпадает точно

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

  • Тот же кадр автоматически: если вы сдвинули или увеличили первое фото, второе откроется уже сдвинутым и увеличенным так же.
  • Прозрачная подсказка: пока вы кадрируете второе фото, первое видно поверх него полупрозрачным — чтобы точно совместить окно, дверь или лицо. Ползунок меняет его видимость.
  • Фото с телефона — без проблем: снимки, сделанные боком, выпрямляются перед кадрированием и никогда не выходят наклонными или смещёнными.
Инструмент кадрирования показывает первое фото полупрозрачным поверх второго, под ним ползунок совмещения
Кадрирование фото «после»: фото «до» просвечивает сверху, чтобы они совпали точно

Удобно каждому посетителю

  • Правильная сторона для каждого языка: фото «до» стоит со стороны начала чтения — справа для арабского, слева для русского.
  • Подписи на языке посетителя: оставьте поля подписей пустыми, и каждый увидит «До» и «После» на своём языке. Можно написать свои слова, например «День 1» и «День 30», или скрыть подписи.
  • Перевод текста: заголовок, строку под ним и каждую подпись можно перевести на все языки вашей страницы.
  • Без скачков: место под фото резервируется заранее, поэтому ничего на странице не сдвигается.
  • Легко: фото загружаются, когда посетитель до них доходит, а скрипт подключается только на страницах с этим блоком.

Советы для хороших фото «до и после»

  • Снимайте оба фото с одного места, с той же высоты и под тем же углом. Если можно, отметьте точку на полу.
  • Сохраняйте одинаковый свет: то же время суток или те же включённые лампы.
  • Выбирайте вертикальный формат для людей и волос, горизонтальный — для комнат, фасадов и садов.
  • Покажите 2–4 лучшие пары, а не все свои работы.
  • Спрашивайте разрешение, прежде чем публиковать лицо клиента, и показывайте честные результаты.

Частые вопросы

Он входит в Linkin1 Pro. Вы видите его в меню «Добавить» на любом тарифе, а открывается он после перехода на Pro.
До 12 пар в одном блоке, и на страницу можно добавить несколько блоков, например по одному на услугу.
Нет. Блок работает в любом современном браузере на телефоне, планшете и компьютере — касанием, мышью или с клавиатуры.
Нет. Оба фото обрезаются в одинаковую форму, а инструмент показывает первое сквозь второе, чтобы их совместить.
Да. Напишите свои слова, оставьте поля пустыми, чтобы подписи показывались на языке посетителя, или отключите их.
Нет. При загрузке фото уменьшаются и сжимаются, а показываются, только когда посетитель до них долистал.
Да. Как и для других блоков, можно задать даты начала и окончания — удобно для сезонного предложения.

Начните сейчас

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

Создайте страницу Linkin1 бесплатно, перейдите на Pro и добавьте первый блок «До и после» кнопкой «Добавить».

Related articles

All articles