• Resolved Zaher (za-her)

    (@zaherg)


    Hey there,

    I have a snippet of code which is a wpforms-lite block that I was testing, when adding the code then try to install the plugin using wordpress install missing block button (Install Wpforms Form Selector) I got back an error, any idea why this is happening? (tried to upload an image but it didn’t work) any where here is a video: https://d.pr/v/zRUHtk/ENgo5px1iL

    This is a fresh clean WP installation which has no plugins installed.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    Thanks for reaching out!

    Please be sure that WPForms Lite is installed on your site. This is required to have access to the WPForms block.

    When you have a chance, could you please share the code you used in the block editor in the screencast? This way, I can try to reproduce the “Error registering block” and investigate it.

    Thanks!

    Thread Starter Zaher (za-her)

    (@zaherg)

    hey @rsouzaam

    Please be sure that WPForms Lite is installed on your site. This is required to have access to the WPForms block

    I agree with you, but the whole idea from the missing button is to install the plugin if its missing

    When you have a chance, could you please share the code you used in the block editor in the screencast? This way, I can try to reproduce the “Error registering block” and investigate it.

    sure thing, here is a dummy code that you can use. make sure not to have Wpforms-lite installed before using this one, other wise you won’t be able to see the button

    <!-- wp:group {"metadata":{"name":"Contact - Dummy"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"background","layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignfull has-background-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
    <div class="wp-block-columns alignwide"><!-- wp:column -->
    <div class="wp-block-column"><!-- wp:wpforms/form-selector {"clientId":"406c62bf-d413-4f54-9e34-6ea96a36e1dd","formId":"2115","copyPasteJsonValue":"{\u0022displayTitle\u0022:false,\u0022displayDesc\u0022:false,\u0022theme\u0022:\u0022default\u0022,\u0022themeName\u0022:\u0022\u0022,\u0022fieldSize\u0022:\u0022medium\u0022,\u0022backgroundImage\u0022:\u0022none\u0022,\u0022backgroundPosition\u0022:\u0022center center\u0022,\u0022backgroundRepeat\u0022:\u0022no-repeat\u0022,\u0022backgroundSizeMode\u0022:\u0022cover\u0022,\u0022backgroundSize\u0022:\u0022cover\u0022,\u0022backgroundWidth\u0022:\u0022100px\u0022,\u0022backgroundHeight\u0022:\u0022100px\u0022,\u0022backgroundUrl\u0022:\u0022url()\u0022,\u0022backgroundColor\u0022:\u0022rgba( 0, 0, 0, 0 )\u0022,\u0022fieldBorderRadius\u0022:\u00223px\u0022,\u0022fieldBorderStyle\u0022:\u0022solid\u0022,\u0022fieldBorderSize\u0022:\u00221px\u0022,\u0022fieldBackgroundColor\u0022:\u0022#ffffff\u0022,\u0022fieldBorderColor\u0022:\u0022rgba( 0, 0, 0, 0.25 )\u0022,\u0022fieldTextColor\u0022:\u0022rgba( 0, 0, 0, 0.7 )\u0022,\u0022fieldMenuColor\u0022:\u0022#ffffff\u0022,\u0022labelSize\u0022:\u0022medium\u0022,\u0022labelColor\u0022:\u0022rgba( 0, 0, 0, 0.85 )\u0022,\u0022labelSublabelColor\u0022:\u0022rgba( 0, 0, 0, 0.55 )\u0022,\u0022labelErrorColor\u0022:\u0022#d63637\u0022,\u0022buttonSize\u0022:\u0022medium\u0022,\u0022buttonBorderStyle\u0022:\u0022none\u0022,\u0022buttonBorderSize\u0022:\u00221px\u0022,\u0022buttonBorderRadius\u0022:\u00223px\u0022,\u0022buttonBackgroundColor\u0022:\u0022#066aab\u0022,\u0022buttonTextColor\u0022:\u0022#ffffff\u0022,\u0022buttonBorderColor\u0022:\u0022#066aab\u0022,\u0022pageBreakColor\u0022:\u0022#066aab\u0022,\u0022containerPadding\u0022:\u00220px\u0022,\u0022containerBorderStyle\u0022:\u0022none\u0022,\u0022containerBorderWidth\u0022:\u00221px\u0022,\u0022containerBorderColor\u0022:\u0022#000000\u0022,\u0022containerBorderRadius\u0022:\u00223px\u0022,\u0022containerShadowSize\u0022:\u0022none\u0022,\u0022customCss\u0022:\u0022\u0022}"} /--></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></div>
    <!-- /wp:group -->
    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    Thanks for the details and the code!

    I was able to reproduce the issue, but after reloading the page in the block editor, the WPForms block appeared. It seems the code needs the page to be reloaded to complete the process.

    For your reference, I made this screencast.

    If you’d like to load the WPForms block without reloading the page, I apologize as customizations like this are outside of our scope for support. In case you’d like to look into custom development options, we highly recommend posting your customization job here.

    Thanks!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

    Thread Starter Zaher (za-her)

    (@zaherg)

    hey @rsouzaam its really strange that you marked this ticket as resolved.

    I was able to reproduce the issue, but after reloading the page in the block editor, the WPForms block appeared.

    The block editor should not needs to reload for the block to appear.

    It seems the code needs the page to be reloaded to complete the process.

    Yes the plugin requires that I save the page content, reload it and then the block will work.

    So this is clearly a bug in the plugin itself, other contact forms plugins does not require the reload to work.

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    Thank you for clarifying that the bug is because the page shouldn’t need to be reloaded for the plugin to be installed and the block to become available.

    We’re currently reviewing your request, and I’ll get back to you as soon as we have further information.

    Thanks!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    Thanks for your patience on this!

    I’d like to let you know that we will release an adjustment to address your request with WPForms Lite version 1.9.6.

    I’m taking note of this topic and will make sure to send you an update when WPForms Lite 1.9.6 is released.

    Thanks!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    I’d like to share some good news! We have released WPForms Lite version 1.9.6.

    In this update, you should be able to install WPForms Lite with your custom code without needing to reload the page for the plugin to install and the block to become available.

    I hope this helps! When you’ve had a chance to try it out, please let me know if it works as expected or if you have any questions.

    Thanks!

    Thread Starter Zaher (za-her)

    (@zaherg)

    hey @rsouzaam

    Thanks for the info, I’ll test it soon.

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    No worries at all – take your time!

    If any questions come up, just give us a shout.

    Thanks!

    Thread Starter Zaher (za-her)

    (@zaherg)

    Hey @rsouzaam

    I just retest it, and now I am getting an error says wpf is not defined

    https://share.zight.com/L1uw1Q6l

    any idea what is the issue? This error is on a clean WP site with no plugins installed

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    Thanks for getting back to me.

    When you have a chance, please provide more details on how to reproduce the alert in Dev Tools > Console.

    • Does the error appear after installing WPForms Lite with the custom code in the block editor?
    • Does the error appear on the page with the form after using the custom code?

    Also, please share the details from WPForms > Tools > System Info (screenshot).

    This information may help us reproduce the issue and better understand what you’re experiencing.

    Thanks!

    Thread Starter Zaher (za-her)

    (@zaherg)

    Hi @rsouzaam

    1. Yes, the error appear after trying to install the plugin using the custom code
    2. if I refresh the page I got this screen https://share.zight.com/nOuOjJbl which is what I expect after adding the custom code

    Here is the full error message

    load-scripts.php?c=0…lupload&ver=6.8.3:2 Uncaught ReferenceError: wpf is not defined
    at HTMLDocument.ready (admin.min.js?ver=1.9.8.2:1:590)
    at e (load-scripts.php?c=0…d&ver=6.8.3:2:27028)
    at t (load-scripts.php?c=0…d&ver=6.8.3:2:27330)
    ready @ admin.min.js?ver=1.9.8.2:1
    e @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    t @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    setTimeout
    (anonymous) @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    c @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    add @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    (anonymous) @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    (anonymous) @ load-scripts.php?c=0…lupload&ver=6.8.3:5
    e.<computed> @ load-scripts.php?c=0…lupload&ver=6.8.3:5
    then @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    ce.fn.ready @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    ce.fn.init @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    (anonymous) @ load-scripts.php?c=0…lupload&ver=6.8.3:5
    e.<computed> @ load-scripts.php?c=0…lupload&ver=6.8.3:5
    ce @ load-scripts.php?c=0…lupload&ver=6.8.3:2
    init @ admin.min.js?ver=1.9.8.2:1
    (anonymous) @ admin.min.js?ver=1.9.8.2:1
    (anonymous) @ admin.min.js?ver=1.9.8.2:1

    Check these two videos that I did on a clean instawp site, nothing special at all

    1. https://share.zight.com/nOuOjJ5O
    2. https://share.zight.com/NQuX6B4X

    Here is the custom code I used

    <!-- wp:wpforms/form-selector {"clientId":"406c62bf-d413-4f54-9e34-6ea96a36e1dd","formId":"2115","copyPasteJsonValue":"{\u0022displayTitle\u0022:false,\u0022displayDesc\u0022:false,\u0022theme\u0022:\u0022default\u0022,\u0022themeName\u0022:\u0022\u0022,\u0022fieldSize\u0022:\u0022medium\u0022,\u0022backgroundImage\u0022:\u0022none\u0022,\u0022backgroundPosition\u0022:\u0022center center\u0022,\u0022backgroundRepeat\u0022:\u0022no-repeat\u0022,\u0022backgroundSizeMode\u0022:\u0022cover\u0022,\u0022backgroundSize\u0022:\u0022cover\u0022,\u0022backgroundWidth\u0022:\u0022100px\u0022,\u0022backgroundHeight\u0022:\u0022100px\u0022,\u0022backgroundUrl\u0022:\u0022url()\u0022,\u0022backgroundColor\u0022:\u0022rgba( 0, 0, 0, 0 )\u0022,\u0022fieldBorderRadius\u0022:\u00223px\u0022,\u0022fieldBorderStyle\u0022:\u0022solid\u0022,\u0022fieldBorderSize\u0022:\u00221px\u0022,\u0022fieldBackgroundColor\u0022:\u0022#ffffff\u0022,\u0022fieldBorderColor\u0022:\u0022rgba( 0, 0, 0, 0.25 )\u0022,\u0022fieldTextColor\u0022:\u0022rgba( 0, 0, 0, 0.7 )\u0022,\u0022fieldMenuColor\u0022:\u0022#ffffff\u0022,\u0022labelSize\u0022:\u0022medium\u0022,\u0022labelColor\u0022:\u0022rgba( 0, 0, 0, 0.85 )\u0022,\u0022labelSublabelColor\u0022:\u0022rgba( 0, 0, 0, 0.55 )\u0022,\u0022labelErrorColor\u0022:\u0022#d63637\u0022,\u0022buttonSize\u0022:\u0022medium\u0022,\u0022buttonBorderStyle\u0022:\u0022none\u0022,\u0022buttonBorderSize\u0022:\u00221px\u0022,\u0022buttonBorderRadius\u0022:\u00223px\u0022,\u0022buttonBackgroundColor\u0022:\u0022#066aab\u0022,\u0022buttonTextColor\u0022:\u0022#ffffff\u0022,\u0022buttonBorderColor\u0022:\u0022#066aab\u0022,\u0022pageBreakColor\u0022:\u0022#066aab\u0022,\u0022containerPadding\u0022:\u00220px\u0022,\u0022containerBorderStyle\u0022:\u0022none\u0022,\u0022containerBorderWidth\u0022:\u00221px\u0022,\u0022containerBorderColor\u0022:\u0022#000000\u0022,\u0022containerBorderRadius\u0022:\u00223px\u0022,\u0022containerShadowSize\u0022:\u0022none\u0022,\u0022customCss\u0022:\u0022\u0022}"} /-->

    Here is the system info

    				### Begin System Info ###

    -- WPForms Info

    Lite: Oct 16, 2025 at 8:15am (GMT)
    Lite Connect: Backup is not enabled

    -- Site Info

    Site URL: https://wp-forms-demo.instawp.dev
    Home URL: https://wp-forms-demo.instawp.dev
    Multisite: No

    -- WordPress Configuration

    Version: 6.8.3
    Language: en_US
    User Language: en_US
    Permalink Structure: /%postname%/
    Active Theme: Extendable 2.0.29
    Show On Front: posts
    ABSPATH: /home/zokuyanelo8131/web/wp-forms-demo.instawp.dev/public_html/
    Table Prefix: Length: 8 Status: Acceptable
    WP_DEBUG: Disabled
    WPFORMS_DEBUG: Not set
    Memory Limit: 512M
    Registered Post Stati: publish, future, draft, pending, private, trash, auto-draft, inherit, request-pending, request-confirmed, request-failed, request-completed, in-progress, failed
    Revisions: Enabled

    -- WordPress Uploads/Constants

    WP_CONTENT_DIR: /home/zokuyanelo8131/web/wp-forms-demo.instawp.dev/public_html/wp-content
    WP_CONTENT_URL: https://wp-forms-demo.instawp.dev/wp-content
    UPLOADS: Not set
    wp_uploads_dir() path: /home/zokuyanelo8131/web/wp-forms-demo.instawp.dev/public_html/wp-content/uploads/2025/10
    wp_uploads_dir() url: https://wp-forms-demo.instawp.dev/wp-content/uploads/2025/10
    wp_uploads_dir() basedir: /home/zokuyanelo8131/web/wp-forms-demo.instawp.dev/public_html/wp-content/uploads
    wp_uploads_dir() baseurl: https://wp-forms-demo.instawp.dev/wp-content/uploads

    -- WordPress Active Plugins

    Query Monitor: 3.20.0
    WP Crontrol: 1.19.2
    WPForms Lite: 1.9.8.2

    -- WordPress Inactive Plugins


    -- Webserver Configuration

    PHP Version: 8.4.12
    MySQL Version: 11.4.7
    Webserver Info: Apache/2.4.58 (Ubuntu) mod_fcgid/2.3.9 OpenSSL/3.0.13

    -- PHP Configuration

    Memory Limit: 512M
    Upload Max Size: 256M
    Post Max Size: 256M
    Upload Max Filesize: 256M
    Time Limit: 300
    Max Input Vars: 1000
    Display Errors: N/A

    -- PHP Extensions

    cURL: Supported
    fsockopen: Supported
    SOAP Client: Installed
    Suhosin: Not Installed

    -- Session Configuration

    Session: Disabled

    ### End System Info ###

    If there is anything else needed from me or want to jump on a call or something I can help with let me know.

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    Thanks so much for sharing all the details!

    I was able to reproduce the “wpf is not defined” error in the console.

    I’m reporting it to the team and will reach out again as soon as I have more information.

    In the meantime, please let me know if you have any questions.

    Thanks!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @zaherg,

    I wanted to share some good news!

    The development team shared a solution to the issue, which you can download here: https://a.supportally.com/f/MgqkIy.

    Once you download the PHP file, you have two options for using it:

    • As a plugin.
    • As a PHP snippet.

    If it helps, here’s a WPBeginner tutorial describing how to use both options.

    After adding the solution to your site, you should not encounter any errors when using your custom block code.

    I hope this helps! If you have any questions, please let me know.

Viewing 15 replies - 1 through 15 (of 17 total)

The topic ‘Error when installing the plugin using the missing block button’ is closed to new replies.