Как создать сайт с телефона: без компьютера и установки
Сайт можно собрать прямо с телефона, и компьютер для этого не нужен. Вы открываете сайт в мобильном браузере, описываете страницу обычными словами, сборка запускается тут же и открывается нажатием, а готовую можно опубликовать и отправить ссылкой. Устанавливать ничего не надо. Ограничение одно и честное: набирать длинный текст с экрана неудобно, поэтому наполнение чаще доводят потом.
Можно ли вообще сделать сайт с телефона?
Да, и это не компромисс ради текста. Телефон плохо подходит для одной работы: писать код и двигать блоки пальцем на экране в пять дюймов. Но у сборки словами этой работы нет вовсе. Вы формулируете, что нужно, сборка идёт на сервере, телефону достаётся только окно с результатом.
Отсюда простое разделение. Лендинг, визитка, страница услуги, портфолио, форма записи, меню заведения собираются с телефона целиком, от первой фразы до живого адреса. Большой интернет-магазин с сотнями товаров и выгрузками тоже начинается так же, но доводить его вы почти наверняка захотите за компьютером, и это нормальная граница.
Какие способы есть и что из них работает с экрана?
Отличаются они не удобством, а тем, что остаётся у вас на руках в конце.
| Способ | Нужна установка | Что получается | Где упирается |
|---|---|---|---|
| Сборка словами в браузере | нет, работает в браузере телефона | готовая страница и адрес, код можно забрать | длинные тексты удобнее вносить с компьютера |
| Мобильное приложение конструктора | да, само приложение | сайт внутри этой экосистемы | перенести проект наружу обычно нельзя |
| Классический конструктор в браузере | нет | сайт на их поддомене | редакторы с перетаскиванием рассчитаны на мышь |
| Редактор кода на телефоне | да | то, что напишете сами | набор кода с экрана выматывает быстрее, чем кажется |
Первая строка это то, ради чего написана статья. Остальные три остаются правильным выбором, когда цель другая.
Как собрать сайт на телефоне по шагам
Порядок одинаковый на Android и на iPhone, потому что вся работа идёт в браузере.
- Откройте zugo.dev в браузере телефона. Отдельное приложение не нужно: сборка идёт на сервере.
- Войдите через Google или GitHub. Стартовые кредиты выдаются сразу, карта не нужна.
- Опишите страницу обычными словами: кто вы, что предлагаете, что человек должен сделать.
- Дождитесь сборки. Она запускается в песочнице, и результат приходит прямо в переписку.
- Нажмите на превью. Страница открывается на весь экран, её видно так же, как увидит посетитель.
- Правьте словами и публикуйте. Опубликованная страница получает адрес, который открывается у любого без регистрации.
Шестой шаг стоит отметить отдельно: человеку, которому вы отправили ссылку, не нужен ни аккаунт, ни установка.
Что писать в первом сообщении?
Главная ошибка первой фразы не длина, а отсутствие цели. «Сделай сайт кофейни» описывает тему, но не описывает, чего вы хотите от посетителя. Работает связка из четырёх вещей: кто вы, для кого, что человек должен сделать на странице, чем вы отличаетесь.
Примеры фраз, которые работают
- «Лендинг кофейни в центре: фото зала, меню с ценами, часы работы, кнопка построить маршрут».
- «Страница мастера маникюра: услуги с ценами, галерея работ, форма записи с выбором дня».
- «Портфолио фотографа: сетка работ, короткое о себе, форма заявки на съёмку».
- «Страница услуги ремонта техники: список поломок, сроки, цена от, форма заявки с телефоном».
Каждая фраза задаёт назначение, а не настроение. Отраслевые разборы с готовыми промптами лежат отдельно: например, сайт барбершопа без кода или блог без кода.
Что подготовить заранее, чтобы не застрять на середине
С телефона особенно обидно останавливаться на полпути из-за мелочи, которой не оказалось под рукой. Четыре вещи стоит собрать до первой фразы, и все они уже есть в вашем телефоне.
Фотографии. Снимки зала, работ, товара или себя. Их не обязательно вставлять сразу, но когда они лежат в галерее, страница собирается за один заход, а не за три.
Контакты в том виде, в каком их будут использовать: телефон, почта, ссылка на мессенджер, адрес. Адрес лучше писать полностью, чтобы карта нашла точку с первого раза.
Цены или вилку цен. Страница без единой цифры вызывает больше вопросов, чем страница с честным «от». Если цена зависит от объёма, так и напишите.
Одно предложение о том, чем вы отличаетесь. Не лозунг, а факт: работаем с 2019 года, выезд в день обращения, своё производство. Именно это отличает вашу страницу от десяти похожих.
Нужен ли свой домен и когда его подключать
Сразу после публикации страница живёт на адресе вида ваша-страница.zugo.run, и это полноценный рабочий адрес: он открывается у всех, его можно отправить в мессенджере, положить в описание профиля или в визитку. Для проверки идеи, для первых клиентов и для сбора заявок этого достаточно.
Свой домен нужен, когда страница перестаёт быть проверкой и становится лицом дела: его печатают на вывеске, диктуют по телефону, вписывают в договор. Подключается он в настройках проекта, и переносить содержимое при этом никуда не надо, меняется только адрес. Порядок действий и то, что происходит со ссылками, разобраны отдельно.
Отдельно про порядок: сначала соберите и покажите страницу людям, потом покупайте домен. Обратный порядок это самый частый способ потратить деньги на адрес для страницы, которую в итоге переделали целиком.
Будет ли такой сайт нормально выглядеть на телефоне у посетителей?
Это другой вопрос, чем «собрать с телефона», и его стоит различать. Собранная страница верстается адаптивно, то есть перестраивается под ширину экрана. Проверить это можно сразу: откройте опубликованный адрес на своём же телефоне и на компьютере. Подробный разбор того, что именно проверять, лежит в статье про удобство сайта на телефоне.
Сколько это стоит?
Стартовых кредитов даётся 2400, карта для них не нужна. Обычная сборка стоит около 600 кредитов, правка около 300. Слово «около» здесь не осторожность, а точность: списывается фактический расход на вашу задачу, поэтому короткая правка обходится дешевле длинной. Когда стартовых кредитов не хватает, есть подписка Pro за $25 в месяц с 20000 кредитов.
Публикация на адрес отдельных денег не стоит.
Останется ли сайт вашим?
Да, и это стоит проверить до того, как вкладывать время. Код проекта можно забрать: он выгружается в GitHub, и дальше страница живёт где угодно, хоть на своём хостинге. Разбор выгрузки лежит в статье про экспорт в GitHub. Это то, чем сборка словами отличается от закрытых конструкторов, где страница остаётся внутри платформы.
Чего ждать не стоит?
Честный список ограничений короче списка возможностей, но он есть.
Магазин с тысячей товаров, складом и выгрузками из 1С с телефона не собирается. Наполнение длинными текстами с экрана мучительно: проще надиктовать голосом или дописать позже за компьютером. И готового бренда из одной фразы не появится: первая сборка это работающая основа, дальше идёт доводка правками.
Что делать, если получилось не так?
Ничего не переписывать заново. Правка это следующее сообщение обычными словами: «сделай шапку темнее», «добавь блок с отзывами перед формой», «убери вторую кнопку». Каждая правка снова проверяется запуском, и вы видите результат, а не обещание. Если правка сделала хуже, скажите об этом так же словами.
Коротко
Сайт с телефона делается через браузер, а не через установку: описали словами, получили работающую страницу, открыли нажатием, опубликовали ссылкой. Устройство не ограничивает тип сайта, оно ограничивает удобство набора длинных текстов. Лендинг, визитка, портфолио, страница услуги и форма записи собираются с экрана целиком. Большой магазин остаётся задачей для компьютера, и это граница, а не недоработка.