SaaS-тема WordPress от посадочной страницы до полноценного сайта
Пять демо Canvas созданы для программных продуктов: лендинг приложения, сайт продукта-кошелька, сайт хостинг-компании, сайт инструмента для разработчиков и страницу ссылок для авторов. Вместе они включают 53 страницы, таблицы тарифов с переключателем периода оплаты и формы, которые направляют каждую заявку туда, где её увидит ваша команда.
Обновлено
Одна страница или двадцать
Каждое демо импортируется как рабочий сайт: меню, формы, блог и любые типы записей, которые оно регистрирует. Все пять доступны для просмотра в работе до покупки.
Демо App Landing, предпросмотр в реальном времени (открывается в новой вкладке)
Приложения и лендинги · 1 страница
Демо Landing, предпросмотр в реальном времени (открывается в новой вкладке)
Приложения и лендинги · 13 страниц
Демо Hosting, предпросмотр в реальном времени (открывается в новой вкладке)
Приложения и лендинги · 20 страниц · Что устанавливается: блоки и типы контента демо Hosting
Демо AI Coding, предпросмотр в реальном времени (открывается в новой вкладке)
Приложения и лендинги · 9 страниц · Что устанавливается: блоки и типы контента демо AI Coding
Демо CanvasPulse, предпросмотр в реальном времени (открывается в новой вкладке)
Приложения и лендинги · 10 страниц · Что устанавливается: блоки и типы контента демо CanvasPulseНачните с одной страницы и вырастите до полноценного маркетингового сайта
Запуск обычно начинается с одной страницы с прокруткой, а заканчивается сайтом с тарифами, документацией, страницей статуса и блогом. Эти пять демо соответствуют разным этапам этого пути. Во всех них используется одна и та же тема, поэтому переход от одного демо к следующему сводится к добавлению страниц.
- App Landing публикует 1 страницу с навигацией внутри одной страницы, таблицей тарифов и формой регистрации
- Landing публикует 13 страниц: страницу функций, страницу тарифов, страницу решений, страницу загрузки и страницу статуса
- Сайт хостинга содержит 20 страниц: по одной на веб-хостинг, облачный хостинг, общий хостинг и выделенный хостинг, плюс домены и дата-центры
- CanvasPulse публикует 10 страниц, в том числе «Как это работает», «Войти», «Зарегистрироваться» и документацию API
Тарифы задаются полями блоков, переключатель тоже блок
Страница, до которой прокручивает каждый покупатель ПО, состоит из двух блоков: таблицы тарифов и переключателя периодов оплаты. Тарифы, строки функций, значки, кнопки и переключатель «ежемесячно или ежегодно» настраиваются в редакторе. Изменить цену можно одним действием.
- На странице тарифов демо Hosting переключатель сочетается с таблицей сравнения тарифов
- App Landing помещает ту же пару внутри своей единственной страницы
- Демо Landing отвечает на вопросы о тарифах переключателями и списком иконок на странице с ценами
- Цены, подписи и выделенный тариф задаются полями, а не изображениями
Формы собирают данные, но не управляют вашим продуктом
Каждая форма в этих демо является Canvas Form. Она сохраняет отправку как запись в WordPress и может отправить вам письмо, передать данные на webhook или добавить адрес в Mailchimp, а затем показать посетителю подтверждение. От спама защищают ловушка для ботов (honeypot), reCAPTCHA v3 или Cloudflare Turnstile.
Заявки на регистрацию и пробный период
Форма регистрации App Landing сохраняет заявку как запись в WordPress. Ни она, ни форма резервирования ссылки CanvasPulse не создают пользователя WordPress, не запускают пробный период и не списывают оплату с карты: это задача вашего продукта или плагина.
Поиск домена для Hosting
Единственная форма демо Hosting — поиск домена. Она сохраняет то, что ввёл посетитель, и сообщает ему, что вы свяжетесь с ним по электронной почте. Проверка реестра в реальном времени и заказ доменов требуют интеграции с регистратором; тема ограничивается обращением.
Контакты и рассылка
CanvasPulse включает 3 формы: контактную, запрос на резервирование ссылки и рассылку для авторов о чаевых. Landing включает 2 формы: одну на странице контактов и одну в содержимом страницы.
Документация, блог и каталог в виде записей
Сайту программного обеспечения нужно больше, чем посадочная страница: быстрее всего растут разделы, которые вы пишете каждую неделю. В этих демо они устроены как обычное содержимое WordPress и типы содержимого, поэтому публикация происходит как обычное редактирование.
Инженерный блог
Демо «Хостинг»: 11 записей, CanvasPulse: 6 записей, AI Coding: 5 записей и «Лендинг»: 4 записи. В каждом есть архивная страница и страница одиночной записи в стиле демо.
Возможности и создатели
AI Coding регистрирует тип содержимого Capabilities с 6 записями и собственной страницей; CanvasPulse регистрирует Creators с 6 записями, которые выводятся на странице каталога.
Существующие страницы поддержки
Во всех пяти демо есть страница статуса, центр справки, база знаний, страница FAQ, документация, руководство по установке и страница клиентов. Все они настоящие страницы. Демо Hosting показывает свою сеть на странице дата-центров, созданной с помощью блока Canvas Image Hotspot.
Что нужно сайту продукта к второму месяцу
Больше, чем главный экран
Страница цен, документация, страница статуса, блог, меню и формы импортируются вместе, поэтому страницы, которые нужны покупателю, уже существуют до того, как кто-то оставит обращение в поддержку.
Редактируется в самом WordPress
Маркетологи меняют цену или заголовок в редакторе блоков, который входит в WordPress. Не нужна лицензия конструктора страниц и не нужен этап сборки между правкой текста и опубликованной страницей.
Обратимо
Canvas фиксирует каждую запись, которую создаёт импорт. Действие «Удалить демо-данные» очищает их снова, поэтому проверка второго варианта запуска ничего не стоит.
Помощь с текстами включена
Описания функций — то, над чем команда спорит дольше всего. CanvasAI Engine пишет и переписывает текст в любом поле блока, а на тарифе Canvas Годовой доступны ежемесячные AI-кредиты.
Запуск сайта продукта, без обиняков
Ответы, которые верны для пяти демо в их исходном виде.
Какое из пяти демо подходит для программного продукта?
Подходящее демо Canvas зависит от того, сколько сайта нужно в первый день. App Landing — это одна страница с таблицей тарифов и формой регистрации. Landing превращает её в 13 страниц с функциями, ценами, решениями, страницей загрузки, страницей статуса и блогом. Hosting — самое большое: 20 страниц, со страницей для каждого продукта и сравнением тарифов. AI Coding — сайт для инструментов разработчика со страницами документации, установки и списком возможностей. CanvasPulse — инструмент ссылок для авторов контента с каталогом авторов.
Действительно ли App Landing состоит из одной страницы?
Да: демо Canvas App Landing публикует одну страницу и ведёт навигацию прокруткой, поэтому тарифы, возможности, скриншоты и форма регистрации размещены в одном документе. В комплект также входит таблица стилей для языков с письмом справа налево. Когда демо перерастёте, добавьте обычные страницы WordPress: шапка, подвал и стили перейдут на них без изменений.
Создают ли формы регистрации аккаунты или принимают оплату?
Нет: форма регистрации, запрос пробной версии и поиск домена — всё это Canvas Forms. При отправке они сохраняют запись в WordPress, отправляют письмо вам, если вы это включите, передают данные в webhook или Mailchimp и затем показывают подтверждение. Регистрация пользователей, оплата, управление подписками и CRM относятся к задачам плагинов. Направьте webhook на систему, которая отвечает за них.
Можно ли создать таблицу тарифов с переключателем между ежемесячной и ежегодной оплатой?
Да, оба являются блоками Canvas. Страница тарифов в демо Hosting и страница App Landing используют блок Canvas Pricing Table с переключателем периода оплаты над ним, поэтому одно нажатие меняет все цены на странице. Каждый уровень, каждая строка функций, каждый бейдж и каждая кнопка являются полями блока, поэтому изменить цену можно правкой в редакторе.
Входят ли в демо блог, страницы документации и страница статуса?
Да: демо Canvas хранят их как обычное содержимое WordPress, оформленное под каждое демо. В пяти демо всего 26 записей блога. Landing и Hosting публикуют по странице статуса, странице FAQ и центру справки или базе знаний; CanvasPulse публикует страницу статуса, центр справки и страницу документации API; AI Coding публикует документацию и страницы установки, а также коллекцию Capabilities из 6 записей.
На скольких сайтах действует одна лицензия?
Каждая лицензия Canvas покрывает неограниченное число сайтов и мультисайтовых сетей. Canvas Годовой стоит 79 $ в год, а Canvas Пожизненный стоит 299 $ единоразово. В обоих тарифах есть все блоки, все шаблоны и все демо; различаются оплата, обновления и AI-кредиты. Если маркетинговый сайт переживёт продукт, для которого был создан, истёкшая ежегодная лицензия продолжит показывать страницы, но заблокирует премиум-редактирование. Публичная часть сайта продолжит работать.
Запустите маркетинговый сайт на этой неделе
Одна лицензия распространяется на все демо и все блоки. Импортируйте App Landing из Мастера настройки, добавьте свою копию и скриншоты и направьте форму на свою почту.