1. Формируем рабочую область - добавляем все фото, текст, вытаскиваем цветовую палитру, не забываем про референсы клиента, чтобы они были перед глазами
2. Создаем фрейм шириной 1200px
3. Начинаем работу с явных блоков - отзывы, часто-задаваемые вопросы и др.
4. Далее по порядку, начиная с первого экрана. Стараемся уместить первый экран на высоту телефона, обычно это 1900-2100px
5. Отступы между блоками должны быть заметными. Обычно это 200-300px
6. Для клиента показываем макет с меню, с гипертекстовой ссылкой - со всеми элементами на сайте, даже с теми, которые вы будете создавать через код.

1. Начинаем верстку с двух кодов, которые убирают отступы и логотип таплинк (на тарифе Бизнес просто отключаем кого в настройках).
2. Далее приступаем к фону - однотонный выставляем через настройки дизайна внутри таплинк, зернистый добавляем из фигмы (сохраняем в формате jpg и ставим картинкой на фон размером "по ширине").
3. Перед версткой элементов макета отключаем фон. Помним, что наш макет на таплинк - это картинка (баннер), на которую можно повесить любую ссылку. Поэтому режем весь макет на "слайсы" (инструмент Slice в фигме)
4. Экспортируем куски в формате 2х-3х png, если есть необходимость (фото, кнопки, градиенты) прогоняем через фотошоп, выгружаем через функцию "баннер" в таплинк.
5. Если экспортируете через фотошоп, отключайте нижние слои, обычно они белые, нажевана глаз (этот слой устанавливается автоматически при добавлении фотки в фш)
6. На каждом баннере должны быть включены функции "Растянуть на ширину страницы" и "Убрать отступы от края страницы"
7. Баннеры, которые отличаются от фона, также верстаем через картинку любым из двух способов: режем сразу с фоном, прогоняем через фш, выгружаем на таплинк либо режем без фона, выгружаем баннеры, добавляем отступы, применяем к этой группе элементов функцию "секция" с нашим цветом фона.
8. Обращаем внимание на градиенты и карусели - помним про особенности.
9. Момент по гипертекстовый ссылке - режьте ее не по границам текста, а чуть с запасом по высоте, чтобы удобно было кликать на нее (по размеру пальца обычно) - если сверстаете по границам - одна строчка получится, высока вероятность, что промажут и не кликнут.
10. После переноса макета подключаем коды, которые отвечают за дизайн.
11. В завершение вешаем ссылки на баннеры через функцию "Сделать баннер ссылкой" в настройках баннера*

Сделать ссылку на Telegram

1. Вам понадобится код, чтобы поменять фон на внутренних страницах при верстке. Объясняю:

1. Ваша задача - создать одностраничник с каталогом. То есть на главной странице рассказать о бренде и по кнопке перевести посетителя к товарам.
2. На странице нужно показать несколько позиций товаров, блок акции (если есть), на первом баннере разместить кнопку в каталог, меню может и не быть.
3. Далее - выгрузка товаров. В пакете услуг на магазин пропишите количество товаров, которое входит в стоимость (10 товаров обычно), остальные либо по вашей инструкции клиент добавляет сам, либо платит вам поштучно за работу.
4. Карточка товара -это квадрат размером 1080*1080
5. Начните работу над товарами с коллекций и свойств, если они есть.
6. Выгружая товары, создайте одну полноценную карточку, заполнив всю нужную информацию. Затем продублируйте ее, чтобы для остальных товаров просто заменить информацию. Так будет быстрее.
7. Помните, что у каждого товара есть ссылка, используйте ее в каруселях, просто на баннерах товара - где угодно.
8. Далее - путь покупки. Переходим в настройки - товары. Начинаем по шагам заполнять страницу оформления заказа, настраивать доставку и так далее.
9. Если клиенту не нужна продажа на таплинк (цель - просто показать товары) - отключайте доступность для покупки в товарах и скрывайте корзину.
10. Не забывайте, что у вас есть код, который модифицирует каталог.

• https://taplink.cc/anndesur
• https://arhialex.ru/p/97e131/
• https://taplink.cc/lrznnv/p/970dd4/