mfkfisher

It fixes the hamburger menu and popup issue but puts a big dent in my performance. Pagespeed insights is showing a decrease from 45-50 on mobile to 35-40. And on desktop a decrease from 80-90 to 65-70. It’s causing a layout shift on desktop.

The page is up now to check.

Autoptimize is also blocking the hamburger menu from working. And it’s blocking the exit-intent popup. I contacted the Brizy builder but they can’t give me a good solution. They’re just telling me to turn off the aggregated inline javascript. But doing that destroys the effectiveness of the Autoptimize plugin (turning that on is what got me decent results).

I assume there’s a script I need to exclude but I’m not sure which.

thanks.

• This reply was modified 8 months, 1 week ago by mfkfisher.

Hi,

Sorry, I was testing out alternatives.

I was able to get decent results by selecting “Also aggregate inline JS?” which the settings suggested not to do.

I have it activated now and definitely would appreciate any feedback on improving its settings.

Thanks,

Just leaving this here so nobody else responds. I found a fix by accident this morning. It seems calling the parameter “name” is causing the issue. If I name the parameter anything else, like “first_name” it works fine.

That would explain the issue someone from my web host had. They entered in (Test) as their name and the form directed them to a /test/ page I had set up.

So, not sure what’s causing it, but I did fix it.

The same error was present when I used thte twentytwentyfour theme. I switched to blocksy because it was one that Brizy recommended, in hopes that it would fix the issue. But it didn’t. I guess I’ll try reaching out to them though.

I created a page without installing the Brizy editor on that page. Still getting the same error.

The issue isn’t calling up the parameters. That part works fine and yes it does use custom PHP (which I’ll attach at the bottom of this). The issue is before that.

1. I’m using Fluent Forms to create a multi-step form. I want to pass two variables (the name and email from the form) onto the page: staging.makebusinessmatter.com/brand-strategy-qualify. This is so that the embedded form there can Prefill the name and email fields so the person doesn’t have to enter them in again.
2. So, once they submit the form in fluent forms, I have it set to direct them to: staging.makebusinessmatter.com/brand-strategy-qualify?name={inputs.firstname}&email={inputs.email}. Here the {inputs.firstname} is what they entered into the form for a name and the {inputs.email} is what they entered into the form for an email.
3. For the sake of example, assume:
   Name: Jim
   Email: [email protected]
4. This populates the URL as: staging.makebusinessmatter.com/brand-strategy-qualify?name=Jim&email=jim%40gmail.com
5. I get a Page Not Found error when that page loads.
6. staging.makebusinessmatter.com/brand-strategy-qualify loads fine without the appended parameters.
7. So, the problem is that It’s not recognizing that “staging.makebusinessmatter.com/brand-strategy-qualify?name=Jim&email=jim%40gmail.com” should be loading “staging.makebusinessmatter.com/brand-strategy-qualify” and that the ? and stuff after it are just variables, not a different page. I’m not sure why this is happening.
8. So the incorrect page is loading, so the PHP script can’t pull the proper information. So the issue isn’t with the PHP script that’s pulling the parameters into the form. It’s getting the page to load properly as detailed in #7.
   
   I know the php code works fine because I can get all of the above to work fine and populate the field the way I want if I get it to load:
   https://staging.makebusinessmatter.com/post.php?post=498&name={inputs.firstname}&email={inputs.email}. Where post=498 directs to the same page that /brand-strategy-qualify directs
   
   Here’s the PHP code, even though it isn’t related to the issue I’m having:

<!-- Placeholder for the embedded Calendly form -->
<div id="calendlyEmbedContainer"></div>

<script>
    // Function to retrieve URL parameters
    function getUrlParameter(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
        var results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }

    // Retrieve name and email from URL
    var name = getUrlParameter('name');
    var email = getUrlParameter('email');

    // Construct Calendly URL with prefilled parameters
    var calendlyURL = "https://calendly.com/makebusinessmatter/product-demos?name=" + encodeURIComponent(name) + "&email=" + encodeURIComponent(email);

    // Embed Calendly form
    var calendlyScript = document.createElement('script');
    calendlyScript.setAttribute('src', 'https://assets.calendly.com/assets/external/widget.js');
    calendlyScript.setAttribute('async', 'true');
    document.getElementById('calendlyEmbedContainer').appendChild(calendlyScript);

    // Create the Calendly inline widget
    var calendlyInlineWidget = document.createElement('div');
    calendlyInlineWidget.setAttribute('class', 'calendly-inline-widget');
    calendlyInlineWidget.setAttribute('data-url', calendlyURL);
    calendlyInlineWidget.setAttribute('style', 'min-width:320px;height:700px;');
    document.getElementById('calendlyEmbedContainer').appendChild(calendlyInlineWidget);
</script>

• This reply was modified 8 months, 2 weeks ago by mfkfisher.
• This reply was modified 8 months, 2 weeks ago by mfkfisher.