Una sección social muestra sus publicaciones de blog más recientes o los logos de las empresas con las que han trabajado, para que los visitantes vean su trabajo y sigan leyendo. Pueden agregarla a cualquier Website Page o Landing Page.
Dos bloques ayudan a los visitantes a conectar con ustedes. Un bloque Social Share les permite enviar su página a sus seguidores. Un bloque Social Icons los lleva a sus perfiles sociales. Un bloque es un elemento individual dentro de una sección. Los tres se agregan desde el editor de páginas.
Secciones sociales
Agregar una sección social
Desde el Dashboard, hagan clic en Website.
Hagan clic en Website Pages o Landing Pages.
Hagan clic en el título de la página para abrir el editor.
En la barra lateral del editor, hagan clic en Add section.
Seleccionen una sección de la categoría Social para previsualizarla.
Hagan clic en Add para agregar la sección preestablecida a su página.
Mostrar publicaciones recientes con una sección de publicaciones de blog
Su blog les ofrece a sus clientes contenido relevante para leer y compartir. Una sección de publicaciones de blog muestra sus publicaciones de blog más recientes y lleva a los visitantes a su blog. Aprendan a crear una publicación de blog.
Al agregar una sección de publicaciones de blog se agrega la cantidad de bloques de publicación de blog que elijan (1–4) en un diseño organizado:
Personalicen la sección editando sus bloques de publicación de blog y sus ajustes de sección para cambiar la apariencia, el comportamiento y el contenido.
Section Settings:
Mostrar logos de empresas con una sección de lista de logos
Una sección de lista de logos genera credibilidad al mostrar los logos de las empresas con las que han trabajado.
Al agregar una sección de lista de logos se agregan seis bloques de imagen. Para enlazar un logo al sitio web de la empresa, configuren la acción del bloque de imagen para ir a una URL:
Personalicen la sección editando sus bloques de imagen y sus ajustes de sección para cambiar la apariencia, el comportamiento y el contenido.
Nota: Al usar la acción Go to a URL, ingresen una URL completa (por ejemplo, https://kajabi.com/).
Bloque Social Share
El bloque Social Share permite a los visitantes compartir su página. Pueden enviar el enlace de su página a plataformas sociales (por ejemplo, X, Facebook, LinkedIn), enviarlo por correo electrónico o copiar el enlace para compartirlo en cualquier lugar. Úsenlo en Landing Pages, Website Pages y páginas de Newsletter para ampliar su alcance.
Agregar un bloque Social Share
Desde el Dashboard, hagan clic en Website.
Hagan clic en Website Pages o Landing Pages.
Hagan clic en el título de la página para abrir el editor.
En la barra lateral del editor, hagan clic en la sección que quieran editar, o creen una nueva sección.
Hagan clic en Add block.
Seleccionen Social Share. El bloque Social Share aparece al final de la sección.
Hagan clic en Save para guardar sus cambios.
Consejo: Agreguen el bloque Social Share a su encabezado para aprovecharlo al máximo. Primero actualicen la plantilla de su página a la versión más reciente para que el bloque Social Share esté disponible.
Personalizar un bloque Social Share
Personalicen un bloque Social Share con estos ajustes:
Text
Button background color
Button text color
Button width
Button style
Button size
Border radius
Block Settings (ver abajo)
Texto
Ingresen el texto de su botón Social Share. Indiquen a los visitantes qué hace el botón.
Color de fondo del botón
Hagan clic en Button background color para elegir un color de la paleta de colores de su sitio. Para un color personalizado, hagan clic en la rueda de colores y luego ingresen un código de color o usen los controles deslizantes.
Color del texto del botón
Hagan clic en Button text color para elegir un color de la paleta de colores de su sitio. Para un color personalizado, hagan clic en la rueda de colores y luego ingresen un código de color o usen los controles deslizantes. Elijan un color que complemente el fondo de su botón.
Ancho del botón
Ajusten el ancho de su botón:
Full: ocupa todo el ancho del área del botón
Auto: ajusta el ancho al texto
Estilo del botón
Elijan cómo se muestra el botón:
Un botón de color sólido
El contorno del color de fondo de su botón
Tamaño del botón
Elijan un tamaño para su botón Social Share: Small, Medium o Large. Al cambiar el tamaño cambian tanto el fondo del botón como el tamaño del texto.
Radio del borde
Hagan que su bloque Social Share se vea más redondeado o más cuadrado. En una Website Page estándar, ingresen un valor de hasta 50 para cambiar el aspecto de cada botón.
Bloques Social Icons
El bloque Social Icons lleva a los visitantes a sus perfiles sociales, como Facebook, Instagram, YouTube y más, para que puedan seguirlos.
Agregar un bloque Social Icons
Desde el Dashboard, hagan clic en Website.
Hagan clic en Website Pages o Landing Pages.
Hagan clic en el título de la página para abrir el editor.
En la barra lateral del editor, hagan clic en la sección que quieran editar, o creen una nueva sección.
Hagan clic en Add block.
Seleccionen Social Icons. El bloque Social Icons aparece al final de la sección.
Hagan clic en Save para guardar sus cambios.
Agregar enlaces sociales
Copien el enlace de cada uno de sus perfiles sociales (por ejemplo, Facebook, Instagram, YouTube). Incluyan la URL completa (por ejemplo, https://facebook.com, https://instagram.com).
Peguen los enlaces en el bloque Social Icons.
Nota: Kajabi admite enlaces sociales para estas plataformas: Facebook, X, Instagram, YouTube, Pinterest, Vimeo, Github, iTunes, LinkedIn, Soundcloud, Yelp, Tumblr, Slack, Flickr, Dribble, TikTok, Medium, Spotify y Podcasts.
Personalizar la marca de sus íconos sociales
Hagan clic en Social icon color para cambiar el color de los íconos. Elijan un color de la paleta de colores de su sitio o hagan clic en la rueda de colores para un color personalizado.
Hagan clic en Social icon background color para cambiar el color de los contenedores de los íconos. Elijan un color de la paleta de colores de su sitio o hagan clic en la rueda de colores para un color personalizado.
Seleccionen un Background style para cambiar la forma del fondo: Round, Square o None (sin forma de fondo, para un estilo minimalista).