Блог о создании и продвижении сайтов

Статьи и инструкции по Тильда:

Как добавить генератор образов и комплектов в интернет-магазин на Tilda

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

Подарок за сумму заказа в Tilda: выбор подарка от суммы корзины

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

Как добавить дополнительные товары в корзине в Tilda при добавлении основного

При добавлении основного товара в корзину Тильды, автоматически добавляем дополнительные товары

Акция «3 по цене 2» на Tilda: готовое решение с автоматикой

Увеличивайте продажи акциями, которых нет в Tilda Запустите акцию «3 по цене 2», «4 по цене 3» или собственную механику без ручного пересчёта корзины. Код следит за составом заказа, выбирает самые дешёвые подходящие единицы товара, применяет к ним подарок или заданную скидку и обновляет итог. Покупатель сразу видит выгоду, а

Промокод только на нужные товары в Tilda — ставится за 10 минут

Как добавить промокод на тильде на определенный товар, и вообще как сделать промокод. Рассмотрим порядок действий, все хитрости и нюансы

Система выдачи сертификатов и дипломов

Принцип работы автоматизированной выдачи документов Структурно систему можно разделить на 3 части Взаимосвязь между 1 и 3 осуществляется через запросы которые имею формат JS скриптов, Webhook после успешной оплаты. Таким образом поддерживается стабильность системы. И легко отследить на каком этапе мог произойти сбой. Итак, пользователь попадает на страницу получения документа,

Решение 8 Инструкция — Промокод на определенный товар Тильда

Это пошаговая инструкция по установке и настройке 8 решения по промокодам: Шаг 1 Копируем код и устанавливаем в HEAD проекта Такой вариант установки более простой и в итоге код в одном экземпляре. Перейдите в настройки сайта, далее в раздел «ЕЩЕ» а в нем в «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и

Система пожертвований для сайта на Тильде

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

Настоящий личный кабинет для Интернет — Магазина на Тильде

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

Изменение стоимости доната \ пожертвования в тильде для фонда помощи \ благотворительности

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

Создаем табы (вкладки) внутри зероблок (zeroblock)

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

СSS и Тильда, работаем правильно

Все что нужно знать для работы с CSS в онлайн - конструкторе сайтов Тильда. От удобного размещения и до синтаксиса с логикой работы.

Как сделать слайдер в Тильде внутри Zero block

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

Создаем слайдер в Тильде из ZeroBlock (зеро блок) и html

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

Управление видимостью полей в корзине через скрипт

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

Работа с карточкой товара в Тильда

Карточка товара, дублирование, задание дополнительных опций, вариации товара и как добавить описание товара с табами. Рассмотрим в этой статье

Как создать онлайн школу часть 3

Третья часть статьи о том как создать онлайн школу на тильде с нуля. Без больших вложений и технических знаний.

Как создать онлайн школу на тильде часть 2

Как создать онлайн школу часть 2

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

Как создать онлайн школу часть 1

В статье распишу поэтапно как создать онлайн школу на тильде с нуля, имея только желание, экспертность и небольшую сумму в кармане

Портфолио с погружением

Сайт авиационного учебного центра Jet Service: WordPress, онлайн-запись, оплата и договоры

Кейс · WordPress · Образование Разработал для Jet Service не просто публичный сайт, а связанную с ним цифровую платформу: программы обучения, расписание, свободные места, регистрация, оплата через ЮKassa, договоры и кабинеты работают в одном пользовательском сценарии. Проект прошёл путь от прототипа и индивидуального дизайна до переноса на WordPress, разработки отдельного

BeNowClub — сайт онлайн-курса на Tilda с оплатой и личным кабинетом

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

ChemLite — сайт онлайн-школы по химии на Tilda

Как объединить экспертность преподавателя, несколько образовательных продуктов, оплату и личный кабинет в одной понятной системе Главная идея проекта ChemLite показывает, что сайт онлайн-школы на Tilda может быть одновременно продающей страницей, каталогом курсов и удобной точкой входа в обучение. ChemLite — сайт преподавателя химии и онлайн-школы для школьников, которые готовятся к

Физикл Store — интернет-магазин мерча на Tilda с интеграцией промокодов из мобильного приложения через API

О проекте Физикл Store — это магазин мерча проекта Physical Transformation: одежда и аксессуары для активной аудитории бренда. На сайте собран максимально прямой и понятный путь покупки: каталог, корзина, поле для промокода, выбор способа оплаты, условия доставки и контактный блок без лишней перегрузки. Пользователь может быстро выбрать товар, добавить его

Разработка сайта семейной фермы «За ягодой» на Tilda — каталог и SEO-блог

ZAYAGODOI.RU — сайт семейной фермы на Tilda с кастомным каталогом, оформлением заявок через корзину и SEO-блогом

О проекте ZAYAGODOI.RU — сайт семейной фермы, где продаются ягоды, овощи, рассада и сезонная продукция. Это проект не про сложный интернет-магазин с тяжёлой e-commerce-логикой, а про понятный, тёплый и аккуратно собранный сайт, который помогает быстро выбрать нужную категорию, оформить заявку и дальше уже перейти к живому взаимодействию с хозяйством. Главная

Разработка интернет-магазина товаров для здоровья на Tilda

ПИХТАФЕР — интернет-магазин на Tilda с быстрым запуском, личными кабинетами для врачей и системой промокодов

О проекте ПИХТАФЕР — это интернет-магазин натурального продукта с акцентом на повышение уровня железа, поддержку гемоглобина и ферритина. На сайте уже с первого экрана видно, что проект строится не только как продажа товара, но и как понятная, доверительная среда для покупателя: здесь есть презентация продукта, каталог, блоки с преимуществами, смарт-диагностика,

Разработка интернет-магазина мужской одежды MYBB на Tilda — кейс проекта

MYBB — интернет-магазин на Tilda с кастомным каталогом, нестандартными карточками товаров и быстрым оформлением заказа

О проекте MYBB — интернет-магазин мужской одежды для высоких мужчин. У бренда очень точное позиционирование: вещи создаются для роста от 187 см, с акцентом на правильные пропорции, длину рукавов и штанин, посадку по фигуре и ощущение собранного, уверенного образа. Уже по самому сайту видно, что здесь продаётся не просто одежда,

MÁRTE — интернет-магазин для бренда одежды на Tilda

Интернет-магазин MÁRTE на Tilda — дизайн, личный кабинет, бонусная система и e-commerce-механики для роста повторных продаж

О проекте MÁRTE — интернет-магазин женской одежды с выраженной визуальной эстетикой, отдельными коллекциями, категориями каталога, страницами о бренде, информацией по доставке и возврату, а также несколькими сценариями оплаты и связи с клиентом. На сайте есть полноценный каталог, раздел «Ценности», информационные страницы, контакты, личный кабинет, разные способы оплаты и отдельные пользовательские

Учебник по JS + Тильда + WordPress:

7 Теория try … catch в JavaScript — разбор на примере кода для Тильда

В JavaScript есть удобная конструкция try..catch, позволяющая обрабатывать ошибки (исключения). Используется он чаще для тех кусков кода, где важен точный результат и ошибки нужно выводить и контролировать. Например такую конструкцию мне нужно было использовать в проекте Свой личный кабинет для интернет — магазина на Тильда Ниже разберём, как движок ищет

6 Switch case в JavaScript + Tilda

Зачем вообще switch Когда вариантов развития событий больше двух-трёх, цепочкаif … else if … else if … быстро превращается в «лапшу». Читать, поддерживать и особенно обновлять такую конструкцию физически больно.Поэтому switch решает проблему тем, что сразу очевидно: Синтаксис switch case Ключевые моменты: Как применяю в Тильде Ниже реальный сценарий когда

5 Условие if \ else в JavaScript + Tilda

Разбираем условные конструкции if, else и тернарный оператор в JavaScript для Tilda: наглядные примеры, готовый код и практические советы по оптимизации.

4 Арифметические операции и нюансы преобразований текста в числа и наоборот JS Tilda

К чему такой простой вопрос затронут? А все элементарно, часто при работе с расчетом скидок и промокодов для своих кастомных решений, например вот здесь https://webvova.ru/blog/tilda/promokod_na_opredelennyj_tovar_tilda/ сталкивался с некорректным получением чисел из строк или из самих чисел Напомню, что в JS чтобы текст преобразовать в число нужно сделать следующее Получается использую

3 Как объявлять переменные и функции JS в Тильде, чтобы не было проблем

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

2. Как логировать промежуточные результаты и еще console.log JS + Tilda

Вот бывает такое, все вроде бы должно работать, а не работает. Сам часто сталкиваюсь с ситуацией когда код написан, проверен на тестовом сайт. А при переносе его на рабочий сайт выясняется что все поломалось. А почему поломалось непонятно. Так вот в JS есть подмога на такой случай console.log в помощь

1. Как лучше добавлять JS в Тильда

Благодаря веку информационных технологий, мы можем делать все что угодно и как угодно, поэтому любые ваши действия будут правильными, просто не всегда логичными:-) Поэтому в Тильда можно подключить JS к сайту разными способами 1 Способ: Через настройки сайта \ проекта Способ мне нравится больше всех, потому что он работает сразу

Введение: Как использовать JS (JavaScript) для сайтов на Тильда

Привет дорогой читатель и нет, это не очередной учебник по скучному или нет, языку JS. Здесь я буду рассматривать все нюансы его использования исключительно к сайтам на Тильде и по долгу службы немного WordPress, а именно его отдельной части, так называемой REST API. Поэтому, я буду делиться только своим —

Общие материалы:

Блог

Тильда статьи и инструкции

Статьи и инструкции по Тильда:

Портфолио с погружением

Учебник по JS + Тильда + WordPress:

Общие материалы: