Landing Page Instagram Avec Divi

Crear una página de enlaces de Instagram con Divi (sin extensiones ni Linktree)

Publicado el 04/12/2020 | 10 comentarios

1.165 palabras

5

Crear una página de enlaces de Instagram es muy fácil de hacer cuando se utiliza un constructor de páginas como Divi y se tiene un sitio. No se necesitan extensiones adicionales ni servicios de terceros como Linktree.

Résultat LinkTree vs. Divi

En este rápido tutorial, verás que es muy sencillo y podrás construir esta página en sólo unos minutos... ¡También he preparado una versión en vídeo!

Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - ¿Qué es una página de enlaces de Instagram?

El único enlace en el que se puede hacer clic en Instagram es el que se coloca en la biografía de tu perfil. Si usas Instagram, sabes que esto es bastante frustrante. Así que los usuarios pensaron en ofrecer a los seguidores una página de aterrizaje para indicar varios enlaces útiles y evitar que el usuario se pierda en páginas que no están necesariamente optimizadas.

Algunos envían a los usuarios a páginas de venta, a una tienda online, a la página de inicio de su sitio o a otra red social... Y otros optan por utilizar servicios de terceros como Linktree...

2 - ¿Por qué utilizar Linktree?

Francamente, siempre me he preguntado...

De hecho, sí, supongo que los usuarios de Instagram que no tienen un sitio web pueden utilizar fácilmente un servicio como Linktree para "despachar" a los seguidores. Pero en este caso, si no tienen un sitio web, ¿de qué sirve Linktree más que para remitir a los seguidores a otros perfiles sociales?

Al mismo tiempo, este tipo de servicio está muy extendido, no sólo existe Linktree, otros servicios como Lnk.bio, Shorby o incluso Linkin.bio de LaterAdemás de lo anterior, hay muchas otras propuestas que ofrecen exactamente lo mismo.

Linktree

Son utilidades probadas durante años, pero tienen varios inconvenientes:

  • El diseño es limitado.
  • No hay marca blanca gratuita en la mayoría de los casos.
  • Las versiones de pago cuestan dinero innecesariamente.
  • Pierdes tráfico: ¡es mejor enviar a tus seguidores de Instagram a tu página web que a la de un tercero!

Como ves, si tienes tu propia web, no necesitas este tipo de servicios para crear tu página de enlaces de Instagram. Hay otras soluciones más fáciles...

3 - ¿Por qué usar una extensión de WordPress para tu biografía de Instagram?

De hecho, existen otras alternativas para WordPress: el extensiones para los enlaces de la biografía de Instagram.

10 WordPress Plugins Lien Bio Instagram
Extensiones de WordPress para crear una página de enlaces de Instagram

Como puedes ver en esta captura de pantalla, hay un poco de elección:

  • Enlaces biográficos
  • WP MyLinks
  • Enlaces WP Bio
  • Enlace
  • Biografía de WP Link
  • Páginas de enlaces sociales

Yo mismo he probado Linky que es una extensión francesa 100% gratuita y que ofrece una visual sobria y agradable:

Visuel extension Linky
Extensión del enlace

Este tipo de extensión es perfecta si el tema utilizado en su sitio de WordPress no es lo suficientemente flexible o no permite eliminar la cabecera y/o el pie de página. Pero si utiliza Divi, puede hacer sin una extensión adicional.

¿Sabías que puedes probar Divi gratis? Ir a esta página y haga clic en "PRUEBA GRATUITA

4 - Crear una página de enlaces de Instagram con Divi

A continuación te explicamos cómo hacer este tipo de landing page para Instagram en pocos minutos:

4.1 - Construir la página de enlaces de Instagram en modo "mobile first

Page de liens Instagram avec Divi
Página de enlaces de Instagram con Divi

Primero, vaya a la pestaña Página > Añadir. En los atributos de la página, asegúrese de elegir "Página en blanco", esto eliminará el encabezado y el pie de página de su sitio. De esta manera, el usuario de Instagram no tendrá que dispersarse.

Tenga en cuenta que los "atributos de página" sólo están disponibles para las páginas (no para los artículos).

A continuación, active el Constructor Divi.

Construction en Mobile First
Ir móvil primero para construir la página de enlace de Instagram.

ComoInstagram es una red social sólo para móviles, vale la pena construir tu página de enlaces en "mobile first". Esto significa que primero se construye la versión móvil antes de pasar a las otras versiones (escritorio y tableta):

  1. Abra la configuración del Constructor Visual (en la parte inferior de la página) y active la vista de teléfono.
  2. Añada una sección (azul), una fila (verde) y posiblemente un módulo de imagen para mostrar su logotipo. Añada un color de degradado al fondo de la sección ( pestaña Contenido > Configuración del fondo de la sección).
  3. Añade una nueva fila dentro de esta sección.

4.2 - Construir el cuerpo de la página con el Constructor Visual

En esta nueva fila, puedes añadir módulos para construir tu página de enlaces de Instagram:

Construction de la page de liens Instagram
Añadir un módulo de texto, por ejemplo
  1. Inserte un módulo de texto, por ejemplo "descubra mis servicios".
  2. Añadir un color de fondo
  3. Añade el enlace (URL) al módulo y no al propio texto (pestaña Contenido > Enlace)
  4. En la pestaña Estilo, añada los márgenes que desee para ampliar el módulo
  5. Posiblemente añadir esquinas redondeadas
  6. Y por qué no una caja de sombra...
Paramétrage du module Texte
Una vez diseñado el módulo, duplícalo
  1. Cuando su módulo de texto sea "perfecto", duplíquelo tantas veces como sea necesario
  2. Añadir una sección final en la parte inferior de la página
  3. A continuación, inserta un módulo de Síguenos en las redes sociales
  4. Añade todas las redes sociales que quieras
  5. Si es necesario, cambia los colores de los pictogramas y alinea el módulo.

4.3 - Realización de algunas optimizaciones para la versión de escritorio

Ahora que la versión móvil está completa, sólo hay que hacer algunos ajustes para las versiones de escritorio y tableta, en caso de que alguien se encuentre con esta página.

Lea este artículo para saber más sobre Divi responsivo

Version Desktop
  1. Abra la configuración de Visual Builder y active el vista de escritorio.
  2. En la configuración de la sección que contiene el cuerpo de su página de enlace, vaya a la pestaña Estilo > Espaciado > Márgenes y active la opción de respuesta mediante el icono de móvil.
  3. Añade unos 300px de margen a la izquierda y a la derecha sólo para la versión de escritorio
  4. Comprueba que los márgenes en Móvil y Tableta son de 0px
Ajuster les marges pour la version Desktop

4.4 - Comprobar el aspecto visual en los teléfonos móviles

Cuando tu página de enlaces de Instagram esté terminada, publícala y comprueba cómo se ve en el móvil. En la siguiente captura de pantalla, puedes comparar una página de aterrizaje de Instagram hecha con Linktree y la hecha con este tutorial.

Encontrará el demostración aquí o visite mi propia página de enlaces ofrecido en mi biografía de Instagram.

Résultat LinkTree vs. Divi
Renderización visual LinkTree vs. Divi

Consejo SEO Friendly No indexar esta página en los motores de búsqueda(noindex). Puedes hacerlo fácilmente con una extensión como Yoast o SEOPress.

En efecto, una página de enlaces como ésta no tiene ningún interés en ser indexada en Google. Haría más daño que bien a su SEO, ya que su contenido se considera "pobre".

Por último, consigue la URL de esta página y colócala en tu biografía de Instagram, esta será la primera página que visitarán tus seguidores.

5 - Instagram Landing Page: el video tutorial

Puedes encontrar todas las explicaciones en este video tutorial que te muestra el procedimiento en detalle:

Page Lien Insta Sans Linktree
Page Lien Instagram Divi

¿Necesita más recursos para Divi? Consulte los demás artículos de esta sección.

obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

Puede que a ti también te guste:

La nouvelle interface de Divi 5

La nouvelle interface de Divi 5

Découvrez la nouvelle interface de Divi 5 : les comparaisons avec Divi 4 et les similitudes avec Gutenberg (article + vidéo). Alerte spoiler : ça déchire 💣 !

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Votre client souhaite afficher une ligne avec les logos de ses 9 principaux clients… Comment faites vous ? Dans cet article, je vous explique comment aligner plus de 6 éléments sur une même ligne !

Comment utiliser la Flexbox CSS dans Divi ?

Comment utiliser la Flexbox CSS dans Divi ?

Laissez-moi vous faire découvrir une autre manière de créer vos mises en page Divi en utilisant la Flexbox. Ce module CSS puissant permet de faire des choses extraordinaires 🤩.

10 Commentaires

  1. Denis

    Bonjour, je ne connais rien à instagram et je ne comprend pas bien l’intêret de cette page de liens. J’ai crée le modèle, comme expliqué dans ce modèle, que j’ai enregistré en brouillon pour l’instant . Ce que je ne comprends pas, c’est quelle est la nature du lien que l’on intègre dans la bio. est-ce tout simplement l’url de la page (par exemple, https ://xxxx). Ma question va peut être paraitre bête, mais je suis néophyte en la matière. Merci de m’apporter la précision.

  2. Aurélie

    Super article, je n’y avais pas pensé. Merci

  3. Lycia Diaz

    Salut Denis, oui exactement, tu récupères l’URL de ta page de lien et tu la places dans ta bio Instagram. C’est aussi simple que cela. Ainsi, ce seront cette page que tes followers visiteront en premier.

  4. naby.freeman

    Merci Lycia pour ce tuto

  5. Lycia Diaz

    Cool !

  6. Laurence

    Super idée et tuto, j’utilise divi depuis 3 ans mais je n’y avais pas pensé
    merci beaucoup Lycia

  7. Lycia Diaz

    Super Laurence !

  8. Caroline

    je viens de tomber dessus alors que je finissais ma page de liens justement ! je construis avec divi, c’est génial, merci pour tes astuces. je voudrais faire un lien depuis cette landing page vers mes podcasts : j’ai des podcasts sur certains articles, pas tous. j’ai mis une étiquette podcast, mais je ne sais pas comment faire apparaitre sur une même page les articles où seuls les podcasts apparaissent ? tu as une idée ?

  9. Lucas

    Excellent tutoriel ! Merci beaucoup 🙂

  10. Lycia Diaz

    Merci 😉

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.