Cómo crear un sitio web con Notion sin ninguna experiencia en codificación

Si alguna vez quiso crear un sitio web (o una página web estática) para mostrar su portafolio o escribir publicaciones en un blog, ahora es más fácil que nunca crear una página web en Internet. Eso también, sin necesidad de conocimientos de codificación. Y no, con eso, no nos referimos a crear un sitio utilizando creadores de sitios web como Wix, Squarespace y similares. En cambio, de lo que estamos hablando es de crear un sitio web usando Notion.

Noción de páginas públicas y publicación web

Notion, para los no iniciados, es la misma aplicación que ha reemplazado por sí sola un montón de diferentes aplicaciones de productividad e integrado sus funcionalidades en una sola aplicación. Puede pensar en él como un lugar de trabajo todo en uno para todas sus necesidades de toma de notas, gestión de tareas y gestión de proyectos / datos / conocimiento. Uno en el que puede tomar notas, configurar tareas, crear una base de conocimientos (wikis, bases de datos, etc.) y administrar sus proyectos, entre otras cosas.

Si pensaba que el alcance de uso de Notion termina aquí, se lleva una sorpresa. Verá, además de hacer todas las cosas que acabamos de mencionar, otra aplicación útil (lea un poco subestimada) de Notion es crear sitios web (o páginas web).

Si bien un sitio web creado en Notion no se acerca a su contraparte en toda regla en lo que respecta al rendimiento, es una buena alternativa para cuando necesita una página web rápida en funcionamiento.

Noción de sitios web

Cuando piensa en sitios web, existen numerosas razones y objetivos detrás de por qué le gustaría crear uno. Ignorando las razones comerciales y otras razones relacionadas con los servicios para las que las personas tienen sitios web, una persona promedio podría pensar en los sitios web desde una perspectiva diferente. En general, esto puede ser para publicar un portafolio (o currículum personal) con todos sus proyectos recopilados en un solo lugar o para crear un blog en el que comparta sus reflexiones y hable sobre cosas que lo intrigan.

Un sitio web creado con NotionUn sitio web creado con Notion en menos de 30 minutos

En cualquier caso, lo que necesita es una página web elegante. Uno que no requiere que sepas codificar y es fácil de administrar. De esa manera, puede concentrarse únicamente en el contenido y no tener que preocuparse por el mantenimiento de su sitio con regularidad.

De manera similar, otro caso de uso en el que puede usar un sitio web (o página web) de Notion es cuando necesita agregar una página temporal (liviana) en su sitio web. Si es una startup / empresa con un equipo pequeño, esto probablemente lo ayudará a configurar páginas web rápidas para ayuda / guías / preguntas frecuentes, etc., en su sitio web, de una manera que facilitará la actualización de los contenidos. de estas páginas web mucho más fácil.

Página web de Notion para el centro de ayudaIMAGEN: Noción

Ahora que ha visto algunos casos de uso en los que puede usar Notion para crear páginas web, profundicemos y veamos cómo puede crear una usted mismo.

Creando un sitio web usando Notion

Para crear un sitio web con Notion, primero debe registrarse para obtener una cuenta en Notion. Una vez que tenga una cuenta de Notion, descargue la aplicación en su computadora e inicie sesión. [Notion is available for macOS and Windows.]

Con la aplicación descargada y configurada en su computadora, siga los pasos a continuación para crear un sitio web (o página web) con Notion.

I. Crea una página

Abra Notion y haga clic en el Agregar una página en el menú de la barra lateral (izquierda) para crear una página. Aquí es donde reside todo el contenido de su sitio web. Notion admite páginas anidadas, por lo que puede crear varias subpáginas dentro de una página.

Creando una página en Notion

II. Configura tu página

Cuando crea una página, obtiene un lienzo en blanco con el editor de Notion a su derecha. Básicamente, este es el espacio donde editas tu página y le agregas elementos (o bloques). Ahora tienes dos enfoques. Puede seleccionar una de las plantillas de Notion para configurar un diseño para su página web y editarlo más tarde. O, alternativamente, puede diseñar toda la página web desde cero utilizando diferentes bloques. [Blocks are all the components that make up a page like headings, images, tables, blockquotes, code snippets, etc.]

Configurar una página en Notion

1. Creación de una página web con plantillas de Notion

Si recién está comenzando, puede usar las plantillas de Notion para poner su página en funcionamiento rápidamente. Notion ofrece un montón de plantillas diferentes para diferentes configuraciones. Algunos de estos incluyen los de bolsa de trabajo, centro de ayuda, hoja de ruta, publicación de blog, inspiración y más. Puede encontrar estas plantillas en Notion haciendo clic en el Plantillas en la ventana del editor. Desde aquí, seleccione la plantilla que desee y haga clic en el Usa esta plantilla para agregarlo a la ventana del editor. Una vez agregada, la plantilla se puede configurar y editar según sus requisitos.

Elegir una plantilla en Notion

2. Creando una página web manualmente usando Notion

Si bien el enfoque de plantilla funciona bien, no ofrece suficiente flexibilidad. Entonces, si ha sido usuario de Notion durante algún tiempo y se siente cómodo usando el editor de Notion, puede comenzar a agregar diferentes bloques a su página para seleccionar todos los elementos que necesita en su sitio web. Para agregar un bloque, haga clic en el espacio en el que desea agregar un elemento y escriba barra diagonal (/). Ahora, ingrese el nombre del elemento. Por ejemplo, si desea agregar una imagen, escriba /imagen; para agregar un encabezado (H1), escribe / h1; y así.

Agregar elementos a la página en Notion

Además, Notion también te permite editar y estilizar diferentes elementos y cambiar su formato y color. Para ello, debe seleccionar el texto o el elemento y elegir una opción de estilo en el menú. Del mismo modo, también puede cambiar la familia de fuentes y el tamaño de fuente de la página de su blog haciendo clic en el menú de tres puntos en la parte superior derecha y seleccionando la opción deseada desde allí.

Personalizar elementos en una página de Notion

Una vez que haya configurado la página, utilizando cualquiera de los dos enfoques, estará listo para pasar al siguiente paso.

III. Hacer pública una página sobre Notion

Hacer que su página esté disponible en la web es un paso importante en la creación de un sitio web con Notion. Lo que esencialmente hace este paso es generar un enlace para la página de Notion seleccionada. Este enlace se puede compartir con las personas que desea mostrar su sitio web por mensaje. O puede agregarse a algún otro sitio web o plataforma en Internet.

Para obtener un enlace para compartir para su sitio web, primero, guarde los cambios que ha realizado en su página y haga clic en el Compartir botón en la parte superior. Ahora verá algunas opciones en el menú. Aquí, alterna el botón junto a Compartir en la web. Finalmente, haga clic en el Copiar link para copiar la URL del sitio web.

Compartiendo la página de Notion en la web

Otras opciones para compartir

Si desea tener más control sobre el uso compartido, Notion ofrece algunas opciones diferentes. Éstos incluyen:

1. Permitir editar: permite a cualquier persona con la que haya compartido la URL de su sitio web, que también tenga una cuenta de Notion, editar y realizar cambios en su página web.

2. Permitir comentarios: Esto le da a las personas con el enlace la posibilidad de agregar comentarios en su página.

3. Permitir duplicar como plantilla: brinda a otros usuarios de Notion la opción de duplicar su plantilla y comenzar a usarla para su sitio web.

4. Indexación de motores de búsqueda: indexa la URL de su sitio web en Google. [Limited to Pro plan only.]

Para acceder a estas opciones, haga clic en la flecha hacia abajo junto a Mostrar opciones de enlace en el menú Compartir. Y, para habilitarlos o deshabilitarlos, mueva el botón a su derecha.

Compartir el acceso a la página de Notion

Además de compartir el enlace de su sitio web, también puede agregar personas directamente para mostrarles su página web o darles acceso para colaborar juntos. Para compartir su página web con otras personas, haga clic en el Compartir , y en el menú, haga clic en el campo de entrada que dice Agregar personas, grupos o correos electrónicos. Aquí, ingrese el nombre de la persona o el grupo, o agregue la dirección de correo electrónico de la persona a la que desea invitar. Una vez agregado, haga clic en el Añadir personas botón para agregar a estas personas. También puede elegir qué privilegios desea otorgar a estas personas. Las opciones disponibles incluyen: Editar, Comentar, Ver y Acceso completo. [Full-access is available with the Pro plan.]

Administrar el acceso al sitio web de Notion

Con su sitio web de Notion ahora público, aquí hay algunas cosas que debe saber:

1. La página web que acaba de crear en Notion refleja los cambios realizados en ella en tiempo real. Por lo tanto, si modificara su contenido, las personas con las que ha compartido su enlace podrán ver los cambios al instante.

2. Si tiene varias subpáginas vinculadas a su página web principal, todas estarán visibles tan pronto como haga pública la página principal.

3. Como probablemente ya se habrá dado cuenta, los sitios web que crea en Notion tienen el nombre de dominio propio de Notion. Por ejemplo, puede parecer algo como https://www.notion.so/Talking-Watches-4692551ad5794ed3b568c9. Aunque esto está completamente bien si está creando una página web para uso personal, aquellos que desean un sitio web más profesional deben obtener su nombre de dominio personalizado.

URL del sitio web de Notion (página web)

Si desea que su sitio web de Notion esté vinculado a su nombre de dominio, lo primero que necesita es un dominio personalizado. [You can get a domain from domain registrars like GoDaddy, Hostinger, Hostgator, Bluehost, and the likes.] Una vez que tenga uno, necesita un servicio que transforme las páginas web de Notion en sitios web. En este sentido, existen plataformas como HostNotion y súper, que le permite conectar su nombre de dominio personalizado a su página web de Notion.

Usando Notion como CMS

Notion está lejos de convertirse en un CMS (Sistema de Gestión de Contenidos) completo. Aunque, si logras sortear sus restricciones y conseguir la API de Notion, hay formas de convertirla en un CMS. Para hacer esto, lo que necesita esencialmente son dos cosas: la API privada de Notion y el conocimiento del desarrollo de frontend. Lamentablemente, sin embargo, el acceso a la API es actualmente limitado y en versión Beta. Pero, como solución alternativa, las personas han logrado utilizar el trabajador de API de Notion de Splitbee para hacerse con las funcionalidades de Notion e implementar el servicio de una manera que se adapte a sus requisitos.

API de Notion (en Beta)

Un trabajador es esencialmente un envoltorio para la API privada de Notion que ofrece acceso rápido y fácil a su contenido de Notion, algo que necesita para convertir Notion en CMS. El trabajador de la API de Notion está alojado en Cloudflare, con su plan gratuito, y puede manejar hasta 100,000 solicitudes por día. Puede consultarlos en GitHub Para empezar.

Eso es prácticamente todo lo que necesita saber para crear un sitio web con Notion. Si sigue esta guía, debería poder crear un portafolio web (o CV): para mostrar sus habilidades, un blog: donde escribe sobre sus temas favoritos, un diario en línea: para compartir con amigos y familiares, un centro de ayuda : para ayudar a las personas con su servicio, una hoja de ruta: para que los miembros de su equipo lo sigan, y mucho más. Además, si planeas usar Notion como CMS, también puedes hacerlo usando los recursos disponibles. Sin embargo, una palabra de precaución antes de continuar: si no tiene suficiente experiencia con el desarrollo de frontend, es posible que le resulte difícil adaptarse.

Deja un comentario