WPForms with AMP – Stuck at Sending

  • Resolved garrigan

    (@garrigan)


    4 months, 4 weeks ago

    Hi, I cannot send 100% successfully using AMP. My goal is to send using AMP with recaptcha v3 enabled.

    I have reviewed the other similar and/or same issues in this forum.

    Site Health Info is pasted at the bottom of this message.

    The site is a staging site hosted in Amazon Linux 2 within VMware workstation.

    A minimal NGINX configuration is being used with the following activated plugins: AMP, AMP Enhancer, WP Mail SMTP and WPForms Lite.

    Screen images can be accessed via the following URI: /documents/wpforms-test-with-amp.docx

    I am using the simple contact form.

    With AMP, I can send a message without both recaptcha v3 and antispam enabled, but the button remains stuck at “Sending”.

    Without AMP and with both recaptcha v3 and antispam enabled, the form functions properly.

    Error message with recaptcha v3 and/or antispam enabled:

    MessageArray ( [message] => Antispam token is invalid. Please reload the page and try submitting the form again. Please check out our troubleshooting guide for details on resolving this issue. [referer] => https://XXXXXX/contact-me/?amp=1 [form] => Simple Contact Form (ID: 17) [token] => [user_ip] => XXXXXXXXXXXXX [entry_data] => Not logged )

    ` wp-core

    version: 6.5.5
    site_language: en_US
    user_language: en_US
    timezone: America/New_York
    permalink: /blog/%postname%/
    https_status: true
    multisite: true
    user_registration: false
    blog_public: 1
    default_comment_status: open
    environment_type: production
    site_id: 1
    site_count: 2
    network_count: 1
    user_count: 1
    dotorg_communication: true wp-active-theme

    name: Twenty Twenty-Four (twentytwentyfour)
    version: 1.1
    author: the WordPress team
    author_website: https://www.ads-software.com
    parent_theme: none
    theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates
    theme_path: /usr/share/nginx/html/www/wp-content/themes/twentytwentyfour
    auto_update: Disabled wp-themes-inactive (2)

    Twenty Twenty-Three: version: 1.4, author: the WordPress team, Auto-updates disabled
    Twenty Twenty-Two: version: 1.7, author: the WordPress team, Auto-updates disabled wp-plugins-active (4)

    AMP: version: 2.5.3, author: AMP Project Contributors, Auto-updates disabled
    AMP Enhancer: version: 1.0.49, author: ampenhancer, Auto-updates disabled
    WPForms Lite: version: 1.8.9.4, author: WPForms, Auto-updates disabled
    WP Mail SMTP: version: 4.0.1, author: WP Mail SMTP, Auto-updates disabled wp-plugins-inactive (2)

    Akismet Anti-spam: Spam Protection: version: 5.3.2, author: Automattic - Anti-spam Team, Auto-updates disabled
    Hello Dolly: version: 1.7.2, author: Matt Mullenweg, Auto-updates disabled wp-media

    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1690
    imagemagick_version: ImageMagick 6.9.10-97 Q16 x86_64 2024-05-13 https://imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 8 GB
    imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    imagick::RESOURCETYPE_FILE: 768
    imagick::RESOURCETYPE_MAP: 8 GB
    imagick::RESOURCETYPE_MEMORY: 4 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
    gd_version: bundled (2.1.0 compatible)
    gd_formats: GIF, JPEG, PNG, WebP, BMP
    ghostscript_version: 9.54.0 wp-server

    server_architecture: Linux 4.14.345-262.561.amzn2.x86_64 x86_64
    httpd_software: nginx/1.27.0
    php_version: 8.2.19 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 3000
    time_limit: 300
    memory_limit: 256M
    max_input_time: 60
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 8.3.0 OpenSSL/1.0.2k-fips
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    current: 2024-06-28T15:28:53+00:00
    utc-time: Friday, 28-Jun-24 15:28:53 UTC
    server-time: 2024-06-28T11:28:52-04:00 wp-database

    extension: mysqli
    server_version: 11.1.2-MariaDB
    client_version: mysqlnd 8.2.19
    max_allowed_packet: 16777216
    max_connections: 151 wp-constants

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /usr/share/nginx/html/www/wp-content
    WP_PLUGIN_DIR: /usr/share/nginx/html/www/wp-content/plugins
    WP_MEMORY_LIMIT: 64M
    WP_MAX_MEMORY_LIMIT: 256M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Undefined
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8mb4
    DB_COLLATE: undefined wp-filesystem

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable wp_mail_smtp

    version: 4.0.1
    license_key_type: lite
    debug: No debug notices found.
    lite_install_date: Jun 28, 2024 @ 10:25am amp_wp

    amp_slug_query_var: amp
    amp_slug_defined_late: false
    amp_mode_enabled: transitional
    amp_reader_theme: legacy
    amp_templates_enabled: post, page, is_singular, is_front_page, is_home, is_archive, is_author, is_date, is_search, is_404, is_category, is_tag
    amp_serve_all_templates: true
    amp_css_transient_caching_disabled: false
    amp_css_transient_caching_threshold: 5000 transients per day
    amp_css_transient_caching_sampling_range: 14 days
    amp_css_transient_caching_transient_count: 119
    amp_css_transient_caching_time_series:
    20240628: 0
    amp_libxml_version: 2.9.1 wpforms

    version: 1.8.9.4
    lite: June 28, 2024 at 10:22 am
    upload_dir: Writable
    total_forms: 1
    total_submissions: 1
    • This topic was modified 4 months, 3 weeks ago by garrigan.
    • This topic was modified 4 months, 3 weeks ago by garrigan.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter garrigan

    (@garrigan)

    I received a test message.

    Both recaptcha v3 and antispam are disabled.

    Did you review the Microsoft Word document?

    Name

    test tt

    Email

    [email protected]

    Comment or Message

    test

    • This reply was modified 4 months, 3 weeks ago by garrigan.
    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @garrigan,

    Thanks for reaching out and for all the details you’ve shared so far!

    Please know that I was unable to reproduce the issue in a staging site for my tests.

    For your reference, I created this screencast.

    The issue might be related to the settings you’re using in the AMP and AMP Enhancer plugins. Please let me know the Template Mode you’re using in the AMP settings (screenshot) and any other relevant settings, as I’m using the default settings of those plugins.

    I also recommend checking our guide here: Using WPForms with AMP. To use WPForms with AMP, you need to click on this message: “Go to the full page to view and submit the form.”

    However, in one of your screenshots, you appended /?amp=1 to the URL, but the page is showing the form. With this, the alerts related to JavaScript files in the Console are expected, since AMP pages dequeue JavaScript files on the page.

    Thanks!

    Thread Starter garrigan

    (@garrigan)

    AMP Plugin
    Developer or technically savvy, Template Mode: Transitional

    The AMP enhancer cannot be configured.

    AMP Enhancer – Compatibility Layer for Official AMP Plugin – WordPress plugin | www.ads-software.com

    WPForms

    • Renders Form HTML in AMP.
    • Form Submission and form validation.

    How to Enable WPForms Plugin in AMP

    Added Support of the following features :

    •  Renders Form HTML in AMP.
    • Form Submission and form validation.

    No Setup Required Once you activate AMP Enhancer Plugin it will automatically include the above features and starts working.

    • This reply was modified 4 months, 3 weeks ago by garrigan.
    Thread Starter garrigan

    (@garrigan)

    The following statements confirm WPForms does not properly function within an AMP page.

    To use WPForms with AMP, you need to click on this message: “Go to the full page to view and submit the form.”

    However, in one of your screenshots, you appended /?amp=1 to the URL, but the page is showing the form. With this, the alerts related to JavaScript files in the Console are expected, since AMP pages dequeue JavaScript files on the page.

    Thread Starter garrigan

    (@garrigan)

    From the instructions, Using reCAPTCHA with WPForms and AMP, the following is technically incorrect.

    If you wish to display the reCAPTCHA badge on your AMP pages, you’ll need to enable this in your reCAPTCHA settings.

    Source: Recaptcha V3 badge not displayed in AMP | www.ads-software.com

    • This reply was modified 4 months, 3 weeks ago by garrigan.
    Thread Starter garrigan

    (@garrigan)

    I watched the screencast video.

    Thank you for your time.

    You confirmed the WPForms advertised capabilities are not entirely accurate.

    We know ReCAPTCHA v3 will function with AMP as per the following setting from the Google reCAPTCHA v3 configuration: Then scroll down to the bottom of the settings page and select the checkbox next to?Allow this key to work with AMP pages.

    • This reply was modified 4 months, 3 weeks ago by garrigan.
    Thread Starter garrigan

    (@garrigan)

    By default, the AMP plugin appends/?amp=1?to AMP URL’s.

    See the following: Why am I getting ?amp=1 at the URL end instead of /amp/ | www.ads-software.com

    Thread Starter garrigan

    (@garrigan)

    Once again, thank you for your time, the screencast video, and your comments.

    I agree that AMP by design does not function with the java scripts.

    As I mentioned above, the WPForms advertised capabilities are not entirely accurate.

    As we know, other people have also been misled about WPForms and AMP.

    It is not your fault. I am not blaming you.

    The advertising should clearly state that the forms from WPForms do not natively function within AMP pages. If an AMP page is detected, the following will be seen, you need to click on this message: “Go to the full page to view and submit the form”.

    • This reply was modified 4 months, 3 weeks ago by garrigan.
    Thread Starter garrigan

    (@garrigan)

    Lastly, I am available to continue this conversation. I will retain the VMware snapshot with the WPForms test configuration for one week, but the contact-me page will not be publicly available unless requested because I need to create content for other pages.

    • This reply was modified 4 months, 3 weeks ago by garrigan.
    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @garrigan,

    Thank you for your feedback and for sharing all the details!

    I apologize for the issue. Please know that it has been escalated to our developer team, and they are looking into it.

    I will update you as soon as we have more details.

    Thanks!

    Thread Starter garrigan

    (@garrigan)

    Thank you

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @garrigan,

    I’d like to share some good news. We will release improvements to WPForms with Google reCAPTCHA v3 on AMP pages in version 1.9.0.

    When we release the new version with these improvements, I will send an update.

    Just a heads-up — I received feedback that the Google reCAPTCHA badge in the bottom-right corner only works on non-AMP pages. The Google reCAPTCHA v3 will function on AMP pages, but without that badge.

    Thanks!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @garrigan,

    I wanted to share some good news! We’ve just released WPForms Lite 1.9.0.

    This new version includes improvements for Google reCAPTCHA v3 on AMP pages. In case it helps, you can check out the changelog here: https://www.ads-software.com/plugins/wpforms-lite/#developers.

    If you need any assistance with using WPForms Lite, please don’t hesitate to reach out.

    Thanks!

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.