Seleccionar página

Crear una vcard personalizada para instagram con Divi

Profesor: Jefferson M.

Publicación: 30 diciembre 2020
Categorías: Diseño | Tutorial Premium

Contenido Premium

Desbloquea este contenido suscribiéndote o accediendo con tu cuenta.

En este vídeo tutorial premium te enseñaremos a crear o diseñar una vcard completamente personalizada para que puedas usar en tu perfil de instagram. Haremos una especie de linktr.ee pero con el nivel de personalización que queremos, usando los módulos de Divi, y además pequeños efectos de diseño con Neoformismo.

Puedes ver la demo aquí:

Objetivo de tutorial:

Este es un tutorial pedido por uno de nuestros alumnos, donde quería crear una vcard personalizada con Divi. Lo que se quería lograr era un resultado similar al que podrías lograr con servicios como el de linktr.ee, pero con un nivel de personalización absoluto con Divi.

Gracias a la (reciente) facilidad de diseño que tiene Divi con su nuevo sistema responsivo de diseño, podemos crear páginas vcard totalmente orientadas para la navegación móvil. Función que viene especialmente bien para crear una vcard personalizada que se pueda integrar con instagram, y así que nuestros seguidores puedan saber más sobre nosotros.

Pues bien, en base a esto hemos creado una página estática con 2 modelos de vcard, una light mode y otra dark mode, con pequeños efectos de sombras neoformistas.

Si quieres ver más tutoriales premium enfocados en diseño visita nuestra nuestra categoría de «Diseño» en los tutoriales premium.

Resultado:

Al final tendremos un resultado como este:

vcard personalizada para instagram con Divi

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido premium.

Recursos, snippets y descargas

Aquí podrás descargar los recursos que usamos en el tutorial: plugins, código, snippets, layouts, .json, etc. Para ver los recursos debes acceder con tu cuenta de suscriptor.

3 Comentarios

  1. Avatar

    Esta mucho mejor la forma de circulo en la cámara. Gracias por este tutorial, esta super

    Responder
  2. Avatar

    Buenas

    Que sepas que hay algo que nos conecta… Estaba pensando cómo hacerlo solo que no me había puesto y tú me lo has solucionado de un plumazo.

    Muchas gracias Jefferson.

    Responder
    • Jefferson M.

      ¡Que bueno jaja! Para mi es un placer ser completamente oportuno.

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡Valóranos!

¿Te han gustado nuestros tutoriales y cursos? por favor, déjanos una valoración de 5 estrellas en truspilot, nos ayudará mucho su calificación ¡Gracias!

🖐 ¡RECIBE UN TIP NUEVO CADA DÍA ! 😎

Suscribiendote a esta lista de correo, recibirás cada día un tip / recurso / mini-tuto completamente gratuito sobre diseño web con WordPress y Divi. Además recibirás nuestras ofertas únicamente cuando las publiquemos.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros Tips Diarios