Página de aterrizaje Instagram con Divi

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

Actualizado en 08/12/20

1184 palabras

4 lectura de minutos
10 Comentarios

Este artículo contiene enlaces de afiliados reconocibles por el icono porcentaje (%) → Soy un enlace de afiliado

Crear un página de enlaces de Instagram es tan simple de hacer al utilizar un constructor de páginas como Divi y está en posesión de un sitio. No hay necesidad de extensiones adicionales o servicios de terceros, como Linktree !

Enlace de resultadosTree vs. Divi

En este tutorial rápido, verás que es ultra simple y puedes construir esta página en solo unos minutos... ¡También he preparado una versión de vídeo!

1 – ¿Qué es una página de enlace de Instagram?

El único enlace clicable deInstagram es el que se coloca en la bio de su perfil. Si usas Instagram, sabes que es bastante frustrante. Los usuarios entonces imaginaban ofrecer a los seguidores una página de aterrizaje (Landing Page) para indicar varios enlaces útiles y evitar perder el usuario en páginas no necesariamente optimizadas.

Algunas personas envían usuarios a páginas de ventas, a una tienda online, a la casa de su sitio o a otra red social... Y otros eligen utilizar servicios externos como Linktree

2 - ¿Por qué utilizar Linktree?

Francamente, ¿siempre me preguntaba?

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

Al mismo tiempo, este tipo de servicio es muy extendido, no sólo hay un Linktree otros servicios, como Lnk.bio, Shorby o Linkin.bio para más tardeProponga exactamente las mismas cosas.

Linktree

Estas son utilidades que han sido probadas durante años pero tienen varias desventajas:

  • El diseño es limitado.
  • No marca blanca en versión gratuita en la mayoría de los casos.
  • Las versiones pagadas gastan dinero innecesariamente.
  • Usted está perdiendo tráfico: es mejor enviar sus seguidores de Instagram a su sitio en lugar de a un sitio de terceros!

Así que usted entiende, si usted tiene su propio sitio, no necesita de este tipo de servicios a Crea tu página de enlaces de Instagram. Hay otras soluciones más fáciles...

3 – ¿Por qué utilizar una extensión de WordPress para su Bio Instagram?

De hecho, hay otras alternativas para WordPress: extensiones para los enlaces de Instagram orgánico.

10 plugins de WordPress Enlace Bio Instagram
extensiones de WordPress para crear una página de enlace de Instagram

Como se puede ver en esta captura de pantalla, hay algunas opciones:

  • Bio Links
  • WP MyLinks
  • WP Bio Links
  • Linky
  • WP Link Bio
  • Páginas de enlace social

Me probé. Linky que es una extensión francesa 100% libre y ofrece una imagen sobria y agradable:

Ampliación visual Linky
Extension Linky

Este tipo de extensión es perfecta en caso de que tema utilizado en tu Palabra El sitio de prensa no es lo suficientemente flexible o que no permite eliminar encabezado y/o pie. Pero si usas Divi, puedes pasa de una extensión adicional.

¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"

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

Así es como hacer este tipo de landing page for Instagram En pocos minutos:

4.1 – Construir la página de enlace de Instagram en "móvil primero"

Instagram link page with Divi
Instagram link page with Divi

En primer lugar, vaya a la pestaña Página Añadir. In Atributos de página, asegúrese de elegir Página, esto elimina la cabecera y el pie de su sitio. De esta manera, el usuario de Instagram no necesitará dispersarse.

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

Luego activa el Divi Builder.

Construcción en Mobile First
Cambia a "móvil primero" para construir la página de enlace de Instagram.

Instagram ser una red social visitada sólo en móvil, es interesante construir su página de enlace en "móvil primero". Esto significa que primero ejecuta la versión móvil antes de cambiar a otras versiones (desktop y tablet):

  1. Abra la configuración de Visual Builder (en la parte inferior de la página) y active la vista del teléfono.
  2. Añadir una sección azul, una fila (verde) y posiblemente un módulo de imagen para mostrar su logotipo. Añadir un color gradiente en la sección de fondo (Tab Contenido > Antecedentes parámetros de la sección).
  3. Añadir una nueva fila dentro de esta sección.

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

En esta nueva fila, puede añadir módulos para construir su página de enlace de Instagram :

Edificio Instagram Página
Añadir un módulo de texto por ejemplo
  1. Inserte un módulo de texto, como "descubre mis servicios".
  2. Agregar color de fondo
  3. Añada el enlace (URL) al módulo y no al texto mismo (Content √≥ Tapa de enlace)
  4. En la pestaña Estilo, posiblemente añadir márgenes para ampliar el módulo
  5. Añadir esquinas redondeadas si es necesario
  6. Y por qué no una caja de sombras...
Ajustes del módulo de texto
Una vez designado el módulo, duplicarlo
  1. Cuando su módulo de texto es "perfecto", duplicarlo tantas veces como necesite
  2. Añadir una sección final en la parte inferior de la página
  3. Luego inserte un módulo Síguenos en redes sociales
  4. Añadir todas las redes sociales de tu elección
  5. Cambia los colores de los pictos y alinea el módulo.

4.3 – Haga algunas optimizaciones para la versión de escritorio

Con la versión móvil terminada, sólo tiene que hacer algunos ajustes para las versiones de Desktop y Tablette, en caso de que un usuario de Internet caiga en esta página.

Lea este artículo para aprender más sobre Divicio responsable

Versión de escritorio
  1. Abra la configuración de Visual Builder y active la vista de las oficinas.
  2. En la configuración de la sección que contiene el cuerpo de la página de enlace, vaya a la pestaña Estilo Ø Spacing Marges y activar la opción de respuesta con el icono móvil.
  3. Añadir unos 300px margen izquierdo y derecho para la versión de escritorio sólo
  4. Compruebe que los márgenes Móvil y Tablet son 0px
Ajuste de los márgenes para la versión de escritorio

4.4 – Consultar el renderizado visual móvil

Cuando termine su página de enlace de Instagram, publique y compruebe su renderización en una versión móvil. En la imagen de abajo, puede comparar una página de aterrizaje de Instagram hecha con Linktree y la que se hace utilizando este tutorial.

Encontrarás el Demo aquí o visita mi propia página de enlace ofrecido en mi bio Instagram.

Enlace de resultadosTree vs. Divi
Visual rendering LinkTree vs. Divi

Tip SEO Friendly : no indexar esta página en motores de búsqueda (Noindex). Puedes hacerlo fácilmente con una extensión como Yoast o SEO Prensa.

De hecho, una página de enlace como ésta no tiene 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, obtener la URL de esta página y colocarlo en su bio Instagram, esta será la primera página que sus seguidores visitarán.

5 – Página de aterrizaje Instagram: el tutorial en vídeo

Encuentra todas las explicaciones en este video tutorial que te muestra cómo seguir en detalle:

Page Link Insta Sin Linktree
Page Link Instagram Divi

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

Divi 5 training

Divi training via CPF

Obtener Divi

Capacitación en vídeo

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256
¡Descubre mi plugin wpLingua que hace que sus sitios web de WordPress sean multilingües ! Compatible con SEO / Automático / Editable

Sus comentarios...

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 😉

Presentar un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios se indican con *