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

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

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

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

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

По умолчанию Tilda не поддерживает акции с зависимостью по количеству — ни «3 по цене 2», ни «купи 6 — 2 товара в подарок». Система корзины не умеет автоматически: Именно поэтому я разработал новую механику, которая добавляет этот функционал на уровень ядра корзины — без костылей, без конфликтов и без

Промокод на определенный товар Тильда

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Физикл 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 — интернет-магазин женской одежды с выраженной визуальной эстетикой, отдельными коллекциями, категориями каталога, страницами о бренде, информацией по доставке и возврату, а также несколькими сценариями оплаты и связи с клиентом. На сайте есть полноценный каталог, раздел «Ценности», информационные страницы, контакты, личный кабинет, разные способы оплаты и отдельные пользовательские

Интернет-магазин одежды на Tilda с индивидуальным дизайном.

Создание интернет-магазина FILIAL на Tilda с кастомным функционалом, личным кабинетом и интеграциями

О проекте FILIAL — это интернет-магазин дизайнерской медицинской одежды. Сложная внутренняя логика: каталог с большим количеством товаров, фильтрация, кастомизация, удобное оформление заказа, подарочные сертификаты, интеграции с оплатами, доставкой и учетом остатков. Задача была не просто «собрать магазин на Tilda», а сделать сильный, управляемый и масштабируемый проект, в котором красиво выглядит

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

Автоматическая выдача подарочных сертификатов в Tilda через WordPress REST API

Как настроить автоматическую отправку подарочных сертификатов по email в Tilda через WordPress REST API, разделить корзины и упростить аналитику продаж.

Учебник по 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:

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