CursosEmpresasBlogLiveConfPrecios

Proyecto: Construye tu blog

Clase 6 de 13 • Curso para Crear Sitios Web No-code con Notion y Super

Clase anteriorSiguiente clase

Contenido del curso

Primeros pasos
  • 1
    Crea tu página personal sin código: introducción

    Crea tu página personal sin código: introducción

    01:03
  • 2
    ¿Qué es Notion y Super?

    ¿Qué es Notion y Super?

    01:06
  • 3
    Setup en Notion y primeros pasos

    Setup en Notion y primeros pasos

    03:52
Conoce Super.so
  • 4
    Desplegando tu primer sitio en Super

    Desplegando tu primer sitio en Super

    03:08
  • 5
    El builder de Super

    El builder de Super

    09:45
Construye tu sitio web sin código
  • 6
    Proyecto: Construye tu blog

    Proyecto: Construye tu blog

    11:01
  • 7
    Proyecto: Construye tu portafolio de fotografía

    Proyecto: Construye tu portafolio de fotografía

    07:35
  • 8
    Proyecto: Construye tu portafolio de desarrollo

    Proyecto: Construye tu portafolio de desarrollo

    07:52
Lleva tu sitio más allá
  • 9
    Dominio personalizado

    Dominio personalizado

    04:53
  • 10
    SEO y extensiones

    SEO y extensiones

    09:40
  • 11
    Super + Google Analytics

    Super + Google Analytics

    04:11
  • 12
    Código personalizado

    Código personalizado

    12:37
Cierre
  • 13
    Cierre

    Cierre

    01:00
    Jeshire Del Valle Blanco Ruiz

    Jeshire Del Valle Blanco Ruiz

    student•
    hace 3 años

    Hola les comparto como va quedando mi página https://dime-shire.super.site/

      Dania Valenzuela

      Dania Valenzuela

      student•
      hace 3 años

      Hola Shire! me interesa mucho tus contenidos :D estare al tanto de tu blog

      Arnaldo Guillen

      Arnaldo Guillen

      student•
      hace 3 años

      me gusto la simpleza que manejaste

    Francisco Karriere

    Francisco Karriere

    student•
    hace 3 años

    Recomendación: En la sección de crear pagina, dejar una copia de la pagina inicial en modo PAGE la cual vamos a duplicar cada vez que queramos hacer una nueva pagina, entonces asi podemos conservar la misma estructura de footer y encabezado de la principal. 💚😊

      Alex Camacho

      Alex Camacho

      teacher•
      hace 3 años

      Que buen tip 🚀

    Carlos Felipe Saldarriaga Bejarano

    Carlos Felipe Saldarriaga Bejarano

    student•
    hace 3 años

    El detalle de hacer urls desde los captions de notions es super valioso!! Así mejoré los enlaces a mis RRSS Antes:

    Captura.PNG

    Después

    Captura.PNCaptura.PNGG

      Víctor Macías Pincay

      Víctor Macías Pincay

      student•
      hace 3 años

      Hola Felipe ¿Cómo hiciste para que los íconos queden alineados de esa forma?, a mí no me permite o no lo sé hacer

      Carlos Felipe Saldarriaga Bejarano

      Carlos Felipe Saldarriaga Bejarano

      student•
      hace 3 años

      Eso se logra creando en una página aparte lo que está a la derecha (mail e imagenes de redes sociales), luego traes esa página y la creas como columna y la transformas a texto. es la única forma de que puedas tener columnas dentro de otras columnas 😁

    Fredy Julian Rodriguez Cespedes

    Fredy Julian Rodriguez Cespedes

    student•
    hace 3 años

    Voy por el minuto 2:11, la cuestión es que ya perdí la cuenta de las horas que llevo con este curso, no me mal interpreten, me lo estoy disfrutando como nunca.

    Cada que pauso me lio a hacer y conocer la herramienta y lo mejor es que cuando me atasco vuelvo al video y en 30 seg adiós dudas y vuelvo a pausar para irme a la herramienta, ya no se cuantas ideas distintas y proyectos nuevos tengo en mente para aprovechar la herramienta

    Muchas gracias por el contenido!

    Gabriela Paola Dos Santos

    Gabriela Paola Dos Santos

    student•
    hace 3 años

    Así va quedando mi sitio -> https://gabriela-paola.super.site/

    Roger Flores

    Roger Flores

    student•
    hace 3 años

    Habra una opcion donde se pueda hacer una especie de reel en movimiento donde se puedan agregar mas reviews aparte de las 2 que tiene el componente?

      Rodrigo Alles

      Rodrigo Alles

      student•
      hace 3 años

      Sí, es posible agregar más reviews a un componente de "reel en movimiento" en Super. El componente de "reel en movimiento" se refiere a un tipo de componente que muestra una lista de elementos que se mueven horizontalmente, como una galería de imágenes o una lista de reseñas.

      Para agregar más reseñas a este componente, primero debes asegurarte de que tienes un componente de tipo "base de datos" en Notion que contenga todas tus reseñas. Luego, puedes vincular este componente de base de datos con el componente de "reel en movimiento" en Super.

      Para hacer esto, sigue los siguientes pasos:

      En Super, abre la página donde tienes el componente de "reel en movimiento". Haz clic en el componente de "reel en movimiento" para editarlo. En la ventana de edición, desplázate hacia abajo hasta encontrar la sección "Datos de origen". Selecciona la opción "Base de datos" como fuente de datos. Selecciona la base de datos en Notion que contiene todas tus reseñas. Selecciona los campos que deseas mostrar en el componente de "reel en movimiento", como el nombre del autor, la reseña en sí, la calificación, etc. Personaliza la apariencia del componente de "reel en movimiento" para que se adapte a tu estilo y objetivos. Haz clic en "Guardar" para guardar los cambios. Una vez que hayas hecho esto, tu componente de "reel en movimiento" en Super mostrará todas las reseñas que hayas agregado a la base de datos en Notion. Puedes agregar más reseñas a la base de datos en Notion en cualquier momento, y se actualizarán automáticamente en tu sitio web en Super.

    Guillermo Sangabriel Cuéllar

    Guillermo Sangabriel Cuéllar

    student•
    hace 3 años

    Hola, una pregunta cómo puedo hacer que la sección del call to action me redirija a una página en blanco como en el video? Lo que pasa es que cree una página nueva en notion pero ya el sitio no al encuentra. Gracias por su apoyo :)

      Alex Camacho

      Alex Camacho

      teacher•
      hace 3 años

      Para que super te pueda redirigir a cualquier otra página esta debe de existir dentro del documento que pusiste público y compartiste con Super 😃

      Guillermo Sangabriel Cuéllar

      Guillermo Sangabriel Cuéllar

      student•
      hace 3 años

      Muchas Gracias, ya entendí! :D

    Rodrigo Alles

    Rodrigo Alles

    student•
    hace 3 años

    Creando un blog con una base de datos en Notion

    Crea una base de datos en Notion Crea una nueva base de datos en Notion y agrega campos para el título de la publicación, el cuerpo del texto y la fecha de publicación. Puedes agregar campos adicionales si lo deseas, como una imagen destacada o etiquetas.

    Agrega contenido a tu base de datos Agrega nuevas publicaciones de blog a tu base de datos en Notion. Asegúrate de que cada publicación tenga un título, cuerpo de texto y fecha de publicación. Puedes agregar imágenes y enlaces a tus publicaciones para hacerlas más atractivas e interesantes.

    Crea una página en Notion para tu blog Crea una nueva página en Notion que servirá como la página principal de tu blog. Utiliza los bloques de Notion para crear una página atractiva y funcional. Puedes agregar bloques de texto, imágenes y enlaces a tus publicaciones de blog.

    Comparte tu base de datos en Super Conecta tu cuenta de Notion con Super y comparte tu base de datos con Super. Selecciona la base de datos que creaste en el Paso 1 y asegúrate de que esté configurada para sincronizar automáticamente con Super.

    Configura tu sitio web en Super Personaliza la apariencia y el comportamiento de tu sitio web utilizando las herramientas de diseño y configuración de Super. Asegúrate de que la apariencia de tu sitio web se adapte a tu estilo y objetivos.

    Publica tu blog en línea Una vez que hayas terminado de personalizar tu blog, publica tu sitio web en línea. Comparte la URL de tu blog con tus amigos y seguidores en las redes sociales.

    Pedro Espinosa Esparza

    Pedro Espinosa Esparza

    student•
    hace 2 años

    Lo único que no me gusta o que no sé, es justificar un párrafo en Notion.

    Juan Gustavo Daza Martínez

    Juan Gustavo Daza Martínez

    student•
    hace 2 años

    No puedo agregar botones al blog 😞

    Ya lo agregué en la fuente raíz, o sea e Notion, pero ya en producción no aparece, sabrán algo sobre esto? No sé si sea mi Notion

    Pablo Chehade

    Pablo Chehade

    student•
    hace 3 años

    les comparto como va mi proyecto: https://lucas-khalil-chehade.super.site/

    Jerry Contreras

    Jerry Contreras

    student•
    hace 3 años

    No habrá una funcionalidad de hacer cosas o bloques reutilizable?

      Ivy Saskia Sejas Rocabado

      Ivy Saskia Sejas Rocabado

      student•
      hace 3 años

      Hola!

      Podrias usar Template Button

      Template Button
      es nativo de Notion

      Y en bases de datos de Notion Templates en bases de datos :)

    Bayron Coracero

    Bayron Coracero

    student•
    hace 3 años

    ¿Cómo cambio el tamaño de una imagen?

      Alex Camacho

      Alex Camacho

      teacher•
      hace 3 años

      Utilizando el ajuste de los bloques dentro de Notion

    Gabriela Paola Dos Santos

    Gabriela Paola Dos Santos

    student•
    hace 3 años

    ¿Cómo puedo ocultar las páginas que creo en el workspace? Hasta el momento la "solución" que encontré fue agrupar en un toggle

    Screenshot_1-929f7573-5ccc-4fbd-b0a9-9c2e5314dbc4.jpg
      Kevin Gabriel Chanamé Yafac

      Kevin Gabriel Chanamé Yafac

      student•
      hace 3 años

      Es correcto que para ocultar el contenido de un encabezado o un título se puede usar un toggle. Sin embargo, ¿por qué ocultarlo si puedes incluirlo dentro de una página?

      Gabriela Paola Dos Santos

      Gabriela Paola Dos Santos

      student•
      hace 3 años

      No lo vi necesario porque ya está la barra que no está desactivada, entonces lo dejé en un toggle en el footer a modo "navegación"

    Edwin Fabricio Guajala Cajiao

    Edwin Fabricio Guajala Cajiao

    student•
    hace 2 años

    Hola a todos, Cuál sería el proceso para añadir un nuevo blog, cuando ya se encuentre en producción la página web?

    Ana Cristina Spinola Ruiz

    Ana Cristina Spinola Ruiz

    student•
    hace 3 años

    ¿A dónde van los componentes que ya no aparecen en el menú? Por ejemplo, si ya perdí uno cómo se recuperan?

      Rodrigo Alles

      Rodrigo Alles

      student•
      hace 3 años

      Los componentes que ya no aparecen en el menú de Super no están eliminados por completo. En su lugar, se mueven a la sección de "Componentes inactivos" en el menú de "Añadir componente".

      Para recuperar un componente que ya no aparece en el menú principal, sigue estos pasos:

      Haz clic en el botón "Añadir componente" en la parte inferior de la pantalla de edición de Super. Desplázate hacia abajo en la lista de opciones disponibles hasta que encuentres la sección de "Componentes inactivos". Busca el componente que deseas recuperar en la lista de "Componentes inactivos". Haz clic en el componente para activarlo y agregarlo a tu sitio web en Super. Es importante tener en cuenta que algunos componentes pueden haber sido descontinuados o eliminados por completo de la plataforma de Super. Si un componente que necesitas ya no está disponible en la sección de "Componentes inactivos", es posible que debas buscar una alternativa o crear tu propio componente personalizado.

    Roger Flores

    Roger Flores

    student•
    hace 3 años

    ¿Habrá alguna opción para tener este sitio en dos idiomas agregando algún componente?

      Rodrigo Alles

      Rodrigo Alles

      student•
      hace 3 años

      Sí, es posible agregar un componente de idioma a tu sitio web en Super para que puedas tener tu sitio en dos idiomas diferentes. Existen diferentes opciones para agregar un componente de idioma a tu sitio web en Super, pero aquí te presento dos opciones que puedes considerar:

      Opción 1: Agregar un botón de cambio de idioma Puedes agregar un botón de cambio de idioma a tu sitio web en Super para que los visitantes puedan cambiar fácilmente entre los dos idiomas. Para hacer esto, sigue estos pasos:

      Agrega dos páginas en Notion: una para cada idioma. Agrega el contenido correspondiente en cada página en Notion en el idioma correspondiente. En Super, crea un botón que lleve al visitante a la página correspondiente en el otro idioma. Personaliza el botón y su ubicación en tu sitio web en Super.

      Opción 2: Agregar un componente de traducción Puedes agregar un componente de traducción a tu sitio web en Super para que los visitantes puedan traducir el contenido de tu sitio automáticamente. Para hacer esto, sigue estos pasos:

      Agrega el componente de traducción a tu sitio web en Super. Configura el componente de traducción para que se adapte a los idiomas que deseas usar. Personaliza el componente de traducción y su ubicación en tu sitio web en Super.

    Jesus Robles

    Jesus Robles

    student•
    hace 3 años

    El blog, proyectos y fotos son páginas creadas en notion dentro de la landing page? Si es asi, cómo ocultas las páginas para que no se vean al final de la landing page?

    Keneth Alberto Bautista Portocarrero

    Keneth Alberto Bautista Portocarrero

    student•
    hace 3 años

    por que me sale superaste el limite de gratuito en el builder

      Alex Camacho

      Alex Camacho

      teacher•
      hace 3 años

      Asegurate de estar utilizando una cuenta personal para no tener ninguna limitante de bloques

    Néyberth Edgardo Dehoyos Rúa

    Néyberth Edgardo Dehoyos Rúa

    student•
    hace 3 años

    La opción Turn into no me aparece, ¿Cómo lo resuelvo?

      Alex Camacho

      Alex Camacho

      teacher•
      hace 3 años

      Asegurate de estar en el bloque que desees converntir :D

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads