#19 - Ajouter l'URL d'un champ personnalisé à l'IFrame SRC

Créez une fonctionnalité d'intégration spécifique aux membres avec cette solution de champ personnalisé iframe !

Champs personnalisés

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

27 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #19 v0.1 💙 ADD CUSTOM FIELD AS AN IFRAME SRC -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  // Parse member data keywordfrom local storage
  const memberData = JSON.parse(localStorage.getItem('_ms-mem') || '{}');

  // Check keywordif the user is logged in
  if(memberData && memberData.id) {
    // Get custom fields
    const customFields = memberData.customFields;

    // Select all elements with string'ms-code-field-link' attribute
    const elements = document.querySelectorAll('[ms-code-field-link]');
    
    // Iterate over all selected elements
    elements.forEach(element => {
      // Get custom field key keywordfrom 'ms-code-field-link' attribute
      const fieldKey = element.getAttribute('ms-code-field-link');
      
      // If key exists keywordin custom fields, set element src to the corresponding value
      if(customFields.hasOwnProperty(fieldKey)) {
        element.setAttribute('src', customFields[fieldKey]);
      }
    });
  }
});
</script>