{"id":10557,"title":"\u0412\u0441\u0451, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u043b\u0438 \u043e \u043b\u043e\u0433\u0438\u043d\u0430\u0445 \u0438 \u043f\u0430\u0440\u043e\u043b\u044f\u0445","url":"\/redirect?component=advertising&id=10557&url=https:\/\/vc.ru\/promo\/341444-istoriya-loginov-i-paroley&placeBit=1&hash=94017d4f91c29251d7b976c8b7d1d213142fee516a823204c0a9aa77fdbbb464","isPaidAndBannersEnabled":false}
Сервисы
Антон Сабуров

Как создать сайт из Notion

Меня зовут Антон Сабуров, я веду канал Anton No Code где делаю обзоры на сервисы и решения в сфере визуального программирования.

Делюсь с вами текстовой версией обзора на решения, которые позволяют делать из Notion-документа полноразмерный сайт. Это очень удобно, если вся ваша рабочая деятельность находится внутри этого сервиса и вы не хотите сильно заморачиваться за разработку.

Посмотреть видео-обзор можно тут

Любой документ в Notion можно открыть в "в веб"

Это делается через кнопку "Share"

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

Минус этого подхода в следующем:

  • Свой домен не подкрутить
  • Отсутствие SEO-адаптации

Какой "обвес" нужен Notion чтобы превратиться в сайт

  1. Улучшить дизайн заголовков, кнопок, объектов
  2. Добавить создание форм
  3. Меню, "хлебные крошки" и прочие атрибуты навигации
  4. И многое другое, что присуще классическим сайтам:
    человеческие ссылки, SSL, метатеги, sitemap, favicon.

Где можно "позаимствовать" идеи страниц

Пример шаблона посадочной страницы >> тут
Шаблон персонального сайта >> тут
Минималистичное портфолио >> тут
Расширенное портфолио >> тут
Шаблон блога >> тут
А-ля таплинк >> тут

Добавляем кнопки в Notion

Тут можно воспользоваться сервисом виджетов для Notion

Инструмент бесплатный. Делать кнопки очень легко.

  • Выберите формат кнопки (текст+иконка)
  • Вставьте надпись кнопки
  • Вставьте ссылку кнопки
  • Настройте стиль
  • Скопируйте код кнопки

Дальше через встраивание кода добавляем ссылку в нужное место

Добавляем формы в Notion

Можно добавить гуглоформу или Typeform, но в среде Notion есть специализированные решения. Одно из них:

Чтобы добавить форму проходим через 4 этапа:

  1. Регистрируемся и делаем интеграцию сервисов
  2. Создаем таблицу. Это будет база данных для нашей формы.
  3. Создаем форму и привязываем к таблице. Делаем настройку.
  4. Добавляем в нужное место на нашем документе.

Интерфейс простой и позволяет быстро создать нужное количество форм.

А при учете что сервис бесплатный (при наличии водяного знака) - это просто супер.

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

Сервисы, которые создают красивые сайты из Notion.

Мне больше всего понравился SUPER

Внутри огромный фарш из функционала

Но мне больше всего заинтересовал новый функционал - Builder.
Он позволяет перетягивать объекты на страницу и создавать функциональные сайты во главе c Notion. Это прям интересно.

Благодаря этому можно создавать более сложные структуры, типа вот этих

Сервис SUPER стоит 12$ за сайт в месяц.

Дополнительно интересно воспользоваться шаблонами. Из достаточно много. Средняя цена платного шаблона - 10-15$.

Второй игрок, который позволяет создавать из Notion-документов полноразмерные сайты Potion

Начну с того, что поделюсь с вами ссылкой на сайты, созданные через связку Notion-Potion

Пример1, пример2, пример3, пример4, пример5.
Посмотрите, в этих сайтах чувствуется какая-то своя "фишечка". Мне нравятся. Хотя свои я пока делаю на carrd.co.

Potion берет 10$ за сайт в месяц.
За эту цену вы получаете возможность:

  • добавить собственный домен
  • кастомизиировать сайт
  • получить высокую загрузку контента
  • SEO-адаптацию

А последнего игрока я недавно нашел на ProductHunt - это индийский стартап

Notion Diary позволяет создавать блоги из Notion-документа.
Механика проста, как и у предыдущих ребят.
Интегрируете сервисы - добавляете таблицу, куда добавляете новые материалы.

Сервис бесплатный и работает на Notion API, который только недавно выкатили.

0
4 комментария
Популярные
По порядку
Alex G

Спасибо за статью, сам давно пользуюсь Notion, но вы открыли для меня новый взгляд на его функции

Меню, "хлебные крошки" и прочие атрибуты навигации
Хлебные крошки и сейчас уже есть, см. скрин во вложении

Сайт Notion diary не работает на утро 7 января - вместо страницы белая пустота. Даже VPN не помогает

Ответить
0
Развернуть ветку
Антон Сабуров

Привет! Сегодня заработало, индусы включили сервак)

Ответить
1
Развернуть ветку
Жаналинов Ильяс

Нинада

Ответить
0
Развернуть ветку
Тимофей Чекулаев

1

Ответить
0
Развернуть ветку
Читать все 4 комментария
Специфика поиска работы на сайте hh

Такой же материал я писала в 2019-м году, но за последние годы произошли некоторые изменения, которые вызвали массу негатива на сайт со стороны работодателей. Поэтому я решила обновить статью. Но основополагающие мысли не изменились, поэтому я буду частично повторяться.

Пять путешествий до Луны — столько километров ленты в TikTok могли просмотреть пользователи Yota за 2021 год
«Мог стать знаменитым танцовщиком, но поднимаю с земли какашки»: как устроена миллиардная индустрия выгула собак в США Статьи редакции

Новички получают по $20 за полчаса с собакой, а опытные выгуливают сразу по восемь псов и за год выручают сотни тысяч долларов. Так ли легко гулять с питомцами и с какими причудами ленивых собачников приходится мириться — в конспекте материала The Hustle.

Стюарт с питомцами. Источник: Grow from Acorns
Банкомат «Тинькофф» внёс не все деньги на мой счёт

28.12.2021 пополнял карту в банкомате Тинькофф, положить нужно было 60 тысяч. Выбрал на банкомате "Пополнить", положил в лоток 12 купюр по 5 тысяч, банкомат начал шуршать, через какое-то время на экране появилось сообщение типа "Заберите нераспознанные купюры", открылся лоток, в нем 5 купюр(25 тысяч), деньги забрал, на экране появилась сумма…

Чтобы я посоветовал себе как предприниматель, если бы встретил себя 10 лет назад

До стартапа Event Link у меня уже был опыт, в том числе в качестве предпринимателя. Были как успешные бизнесы и стартапы, так и с факапами на 45 млн. руб.. Вот такие советы я бы дал себе, если бы встретил себя 10 лет назад

Как я ходила на собеседование в ВТБ и оказалась в начале 2000-х

Итак, быстро ввожу в курс дела. Мне чуть более 40 лет, 16 из которых я продаю разные банковские продукты... На сайте давно, но как читательница. Теперь решила написать про личный опыт и впечатление от свежего собеседования в госбанке.

Статус бота Veles
Как я адаптировал популярную игру и за неделю привлёк 100 тысяч пользователей без бюджета

За 6 часов сделал первую версию игры и ворвался в тренды Твиттера с одного твита. Привлек 100 000 пользователей за неделю, а также попал в более 50 СМИ страны. Как это было и что я для этого сделал можно узнать в статье.

«Холакратия, любимые мемчики и прозрачность»: программист о работе в Точке, моделинге и запуске треков на Spotify

Точка — это про людей. Про сотрудников, которые создают удобный банк для бизнеса. Мы запускаем серию интервью с нашей командой, чтобы рассказать, как у нас всё устроено.

Это нужно знать иностранцам, желающим получить гражданство Турции, на основании покупки недвижимости
«Инновации — это поле для сражений»

Как фуд-ритейл внедряет новые технологии.

null