Cómo crear perfiles específicos para los afiliados

Miembros necesarios

https://www.memberstack.com/scripts/populate-link-from-custom-field

Tutorial

Clonable

https://webflow.com/made-in-webflow/website/custom-field-link

¿Por qué/cuándo sería necesario crear perfiles específicos para cada miembro?

1. Permita a los usuarios personalizar sus páginas de perfil con enlaces a sus sitios web o perfiles sociales.
2. Mejore los aspectos sociales de su sitio web y fomente el sentido de comunidad si los miembros pueden compartir datos personales entre sí.

Si su sitio web permite a los usuarios crear perfiles personales e interactuar entre sí, es probable que también desee permitirles algunas opciones de personalización para que realmente hagan suyos sus perfiles.

Una cosa que puedes hacer en este sentido es permitir que los usuarios tengan enlaces personalizados en sus perfiles.

Veamos cómo mostrar botones con enlaces personalizados que se rellenan en función de lo que los usuarios introducen en la configuración de su perfil.

Cómo rellenar enlaces desde campos personalizados en Webflow

Para configurar esto, vamos a utilizar MemberScript #17 - Populate Link From Custom Field. Siga el enlace para obtener el código que necesita para agregar a su página y ver un video tutorial sobre cómo configurar todo.

Creación de la interfaz de usuario

Lo primero es lo primero, vas a tener que crear la página de perfil de miembro y añadir toda la información relevante, botones y cualquier otra cosa que necesites tener en tus páginas de perfil.

Una vez creados los botones, debe añadirles este atributo: ms-code-field-link="VALUE", donde VALUE debe ser cualquiera de sus campos personalizados.

Por ejemplo, si sus miembros tienen un campo de sitio web personal que pueden rellenar, su atributo podría tener el valor establecido a sitio web.

Como de costumbre, puedes controlar si el enlace del botón se abre en una nueva pestaña o no y personalizarlo de cualquier forma que harías normalmente con un botón.

Lo mejor es que si el valor del campo personalizado está vacío, el elemento con el atributo ms-code-field-link se establecerá en display: none. Esto asegura que no tendrás ningún botón roto en las páginas de perfil de los miembros.

Hacer que funcione

Ahora que ha creado y estilizado todo, sólo tiene que añadir el código personalizado MemberScript #17 a su página, antes de la etiqueta body de cierre.

Esto proporcionará la funcionalidad necesaria para rellenar los enlaces de los botones desde los campos personalizados que rellenaron sus miembros. Todo lo que necesitas hacer es añadir el código y eso es todo, no es necesario cambiar nada al respecto, como de costumbre.

Conclusión

Eso es todo lo que tienes que hacer para rellenar los enlaces de los campos personalizados. Ahora los miembros de tu sitio web pueden rellenar sus datos personales, como URL de sitios web o cuentas de redes sociales, y sus enlaces aparecerán en sus páginas de perfil.

Si quieres utilizar nuestro proyecto de demostración para empezar, haz clic en el botón de abajo para añadirlo a tu proyecto.

Botón - Obtener clonable

Llévame a los guiones

https://www.memberstack.com/scripts/populate-link-from-custom-field