#51 - Affichage des métadonnées des membres v0.2

Affichez les métadonnées des membres de manière dynamique sur votre site web.

Voir le projet de démonstration En savoir plus sur Memberstack


<!-- 💙 MEMBERSCRIPT #51 v0.2 💙 DISPLAY MEMBER METADATA -->
<script>
  function replaceTextWithMetadata(metadata) {
    var els = Array.from(document.querySelectorAll('[ms-code-member-meta]'));
    els.forEach((el) => {
      const key = el.getAttribute('ms-code-member-meta');
      const value = metadata[key];
      if (value !== undefined) {
        el.innerHTML = value;
        el.value = value;
        el.src = value;
      }
    });
  }

  const memberstack = window.$memberstackDom;
  memberstack.getCurrentMember()
    .then(({ data: member }) => {
      if (member && member.metaData) {
        replaceTextWithMetadata(member.metaData);
      }
    })
    .catch((error) => {
      console.error('Error retrieving member data:', error);
    });
</script>

Création du scénario Make.com

1. Téléchargez le modèle JSON ci-dessous pour commencer.

Télécharger le fichier

2. Naviguez jusqu'à Make.com et créez un nouveau scénario...

3. Cliquez sur la petite boîte avec trois points, puis sur Import Blueprint...

4. Téléchargez votre fichier et voilà ! Vous êtes prêt à relier vos propres comptes.

Besoin d'aide avec ce MemberScript ?

Tous les clients de Memberstack peuvent demander de l'aide dans le Slack 2.0. Veuillez noter qu'il ne s'agit pas de fonctionnalités officielles et que le support ne peut être garanti.

Rejoignez le Slack 2.0

Notes de version

v0.2 - Correction du problème "undefined" (non défini)

Avec ce code mis à jour, le script vérifiera si la valeur des métadonnées est indéfinie avant de mettre à jour le contenu de l'élément. Si la valeur est indéfinie, l'élément ne sera pas modifié.

Veuillez remplacer le script précédent par cette version mise à jour pour obtenir le comportement souhaité.

Attributs

Description

Attribut

Méta | Afficher les métadonnées

Affichez les métadonnées des membres de manière dynamique sur votre site web.

ms-code-member-meta

Votre clé de métadonnées

Guides / Tutoriels

Aucun élément n'a été trouvé.

Tutoriel

Ce MemberScript vous permet d'afficher les métadonnées des membres de manière dynamique sur votre site web. Suivez les étapes suivantes pour commencer :

1. Paste the script before the closing </body> tag in your site's global scripts.

2. Add the ms-code-member-meta="your metadata key" attribute to any <div>, <span>, or text element where you want to display the corresponding member metadata.

For example, if you have a <div> element where you want to display the member's "name" metadata, you can use:
<div ms-code-member-meta="name"></div>

Remplacez"nom" par la clé réelle des métadonnées que vous souhaitez afficher.

Les éléments spécifiés avec l'attribut ms-code-member-meta seront dynamiquement remplacés par les valeurs de métadonnées correspondantes du membre actuel.

Texte du bouton

Qu'est-ce que Memberstack ?

Auth & paiements pour les sites Webflow

Ajoutez des logins, des abonnements, du contenu à accès limité, et plus encore à votre site Webflow - facile et entièrement personnalisable.

"Nous utilisons Memberstack depuis longtemps et il nous a aidé à réaliser des choses que nous n'aurions jamais imaginées avec Webflow. Il nous a aidé à réaliser des choses que nous n'aurions jamais cru possibles en utilisant Webflow. Il nous a permis de construire des plateformes avec beaucoup de profondeur et de fonctionnalité et l'équipe derrière lui a toujours été super utile et réceptif à la rétroaction"

Jamie Debnam

39 Numérique

"J'ai construit un site d'adhésion avec Memberstack et Jetboost pour un client. On a l'impression de construire quelque chose de magique avec ces outils. J'ai travaillé dans une agence où certaines de ces applications ont été codées à partir de zéro, je comprends enfin l'engouement suscité par ces outils. C'est beaucoup plus rapide et beaucoup moins cher."

Félix Meens

Studio Webflix

"L'un des meilleurs produits pour lancer un site d'adhésion - J'aime la facilité d'utilisation de Memberstack. J'ai pu mettre en place mon site d'adhésion en l'espace d'une journée.. Il n'y a rien de plus facile. Il fournit également les fonctionnalités dont j'ai besoin pour rendre l'expérience de l'utilisateur plus personnalisée."

Eric McQuesten

Nerds des technologies de la santé

Off World Depot

"Mon entreprise ne serait pas ce qu'elle est sans Memberstack. Si vous pensez que 30 $/mois c'est cher, essayez d'engager un développeur pour intégrer des recommandations personnalisées à votre site pour ce prix-là. Un ensemble d'outils incroyablement flexibles pour ceux qui sont prêts à faire quelques efforts minimes pour regarder leur documentation bien faite."

Riley Brown

Off World Depot

"La communauté Slack est l'une des plus actives que j'ai vues et les autres clients sont prêts à intervenir pour répondre aux questions et proposer des solutions. J'ai effectué des évaluations approfondies d'outils alternatifs et nous revenons toujours à Memberstack - gagnez du temps et tentez votre chance."

Abbey Burtis

Nerds des technologies de la santé

Voir tous les témoignages Essai gratuit

Slack

Besoin d'aide avec ce MemberScript ? Rejoignez notre communauté Slack !

Rejoignez le Slack de la communauté Memberstack et posez vos questions ! Attendez-vous à une réponse rapide d'un membre de l'équipe, d'un expert Memberstack ou d'un autre membre de la communauté.

Rejoignez notre Slack

#51 - Affichage des métadonnées des membres v0.2

Création du scénario Make.com

Besoin d'aide avec ce MemberScript ?

v0.2 - Correction du problème "undefined" (non défini)

Méta | Afficher les métadonnées

Auth & paiements pour les sites Webflow

Besoin d'aide avec ce MemberScript ? Rejoignez notre communauté Slack !

Essayez Memberstack gratuitement

Produit

Langue

En savoir plus sur Memberstack

Entreprise

Ressources