Espanol Foro

Expand all | Collapse all

Marketing Forms Retraso en Carga

  • 1.  Marketing Forms Retraso en Carga

    Posted 19 days ago

    Hola a tod@s!!

    Me gustría compartir un parche que me han facilitado desde Microsoft para ayudar a mitigar el problema existente con el retraso en la carga de formularios en landing pages internas (portal) o externas (cms).

    Actualmente el mundo del marketing digital va a una velocidad de vértigo y un solo segundo en el que no mostramos contenido puede hacer que perdamos un lead, así que, siempre es mejor mostrar algún tipo de imagen de precarga que un hueco vacío.

    En qué consiste este parche? En un spinner de precarga de formulario.

    How to add spinner:
    1) Go to page editor, switch to html, in the <style> block add
    #loaderSpinner {
        border: 16px solid #f3f3f3; /* Light grey */
        border-top: 16px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin 2s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    2) Before the block with form (it contains this keyword: data-editorblocktype="FormBlock")
    Sample:
    <div class="wrapperContainer" data-container="true"><div data-editorblocktype="FormBlock" class="" data-form-block-id="2f516d70-f0a7-e811-a967-000d3a34a1bd"></div>
    Add this:
    <div id="loaderSpinner" class="wrapperContainer"></div>
    So the modified html looks like
    <div id="loaderSpinner" class="wrapperContainer"></div> <div class="wrapperContainer" data-container="true"><div data-editorblocktype="FormBlock" class="" data-form-block-id="2f516d70-f0a7-e811-a967-000d3a34a1bd"></div>

    3) After the start of body tag <body> add:

        <script>
        (function() {
          MsCrmMkt.MsCrmFormLoader.afterformrender = function() {
            document.getElementById("loaderSpinner").style.display = "none";
          };
        })();
        </script>
    So the final html looks like
    <body> <script> (function() { MsCrmMkt.MsCrmFormLoader.afterformrender = function() { document.getElementById("loaderSpinner").style.display = "none"; }; })(); </script>

    Espero que os haya resultado útil

    Saludos!!

    #Marketing #formularios #retraso #carga #tiempo
    #Marketing #Forms - #Time #Load #Delay

    ​​​​​

    ------------------------------
    Diego Pérez
    Product Manager
    Bitec | Business Intelligence Technology
    ------------------------------


  • 2.  RE: Marketing Forms Retraso en Carga

    Posted 17 days ago
    Gracias por la información.

    ------------------------------
    Silvino Flores
    GERENTE FINANCIERO
    SERVICIOS INTEGRALES Y EMPRESARIALES LOP
    CDMX
    ------------------------------