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