#19 - Añadir URL de campo personalizado a IFrame SRC

Cree una funcionalidad de incrustación específica para los miembros con esta solución de iframe de campo personalizado.

Campos personalizados

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>