Trigger custom popup login from “My Account / Sign In” and redirect to WooCommerce My Account

This topic has 6 replies, 3 voices, and was last updated 4 weeks ago ago by Tony Rodriguez

  • Avatar: anoop
    anoop
    Participant
    December 30, 2025 at 17:58

    Hello Team,

    I’m using XStore Header Builder + WooCommerce and wanted some guidance on the recommended XStore-side approach for a login flow.

    Current Setup

    WooCommerce is used as the main user/account system

    The My Account page is a standard WooCommerce page ([woocommerce_my_account])

    Header uses XStore “My Account” element

    Logged out → shows Sign In

    Logged in → shows My Account

    This part works as expected

    Requirement

    Instead of:

    Showing inline login on the My Account page
    or
    Redirecting to a separate login page

    I want to:

    Show only a “Sign In” link / button in the header

    On click, open a custom login popup (handled by a third-party plugin – implementation details out of scope)

    After successful login, redirect user to WooCommerce My Account

    Keep WooCommerce as the single source of truth for:

    Account

    Addresses

    Orders

    Challenge

    The XStore My Account header element already has built-in click behavior (inline login / redirect), so when using a popup-based login, the click is effectively handled twice.

    I would like to know:

    Is there a recommended way in XStore to:

    Render the My Account element as a plain link / button

    Disable or bypass the default inline login behavior

    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 30, 2025 at 20:10

    Hello @anoop,

    Thank you for your question. We recommend exploring the functionality of Elementor Popups, which can be triggered manually. Dynamic links can use the Popup Action to open or close a popup. Forms can use the Actions After Submit option to open or close a popup. Any element can use a unique selector (class, ID, or data-element) to manually trigger a popup when that element is clicked. You can find more information in the documentation: https://elementor.com/help/popups/#:~:text=or%20re%2Dentered.-,Control,-Popup%20Via%20Manual

    Also, you can configure the My Account widget element to be displayed only under specific conditions (for logged-in customers only) and set a custom text or button widget that will call the login popup to be shown only for non-logged-in customers. Please note that these conditions may not work correctly if hard caching is enabled on your website. More information is available here: https://elementor.com/help/show-and-hide-elements-on-a-page-display-conditions/

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: anoop
    anoop
    Participant
    January 1, 2026 at 11:04

    Hi Team,
    Thanks for the details.
    I did implement the popup login using plugin: Login & Register Customizer (XootiX). It works fine on a page created, but does not work on home page.

    Setup Overview

    User system: WooCommerce default My Account
    Login popup plugin: Login & Register Customizer (XootiX)
    Cache plugin: LiteSpeed Cache (fully tested disabled)

    XootiX is used only for login popup UI.
    WooCommerce handles account, address, and orders.

    Expected Behavior

    Clicking Login in the header should open a popup
    After login, user is redirected to WooCommerce My Account
    Same behavior on all pages, including Home

    Actual Behavior
    Test Page – works fine
    Home page – Does NOT work

    Important:
    The same header template is used across all pages.

    Confirmed Working Baseline

    Popup works correctly when the trigger shortcode is placed inside a normal page body.

    Popup container is loaded globally via footer.

    Header login works on all inner pages.

    So the plugin and shortcodes themselves are confirmed working.

    Exact Shortcodes Used
    Footer (global – required for popup container)
    [xoo_el_pop]

    Header (login trigger)
    [xoo_el_action type="login" change_to="logout"]

    Troubleshooting Already Done

    ✔ Plugin validation

    Popup works when placed inside a page body
    Popup container (xoo-el-container) exists in page source
    No JavaScript console errors
    Plugin reinstalled and re-tested

    LiteSpeed Cache fully ruled out

    I tested all of the following, with cache purged and incognito testing:

    Disabled JS Minify
    Disabled JS Combine
    Disabled JS Combine External & Inline
    JS Deferred already OFF

    Added exclusions in:

    JS Excludes
    JS Deferred / Delayed Excludes
    Guest Mode JS Excludes

    xoo
    xootix
    xoo-el
    easy-login

    Result: No change
    Popup still fails only on homepage.

    I contacted plugin support and they want me to validate it with theme support for homepage-specific JS lifecycle or DOM replacement behavior. Could you please let me know if something needs to be adjusted from theme side

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 1, 2026 at 12:15

    Hello @anoop,

    We have noticed that the plugin you are using activates its functionality only when the corresponding content is placed within the page content. When a page includes the “xoo-el-pop-sc” login content, the login triggers from the header or other areas work correctly. We also attempted to place the shortcode in the footer, but it did not work successfully.

    In this case, you can either add the shortcode [xoo_el_pop text=”{pop}Login{/pop}” type=”login”] to each page within the content, or contact the plugin’s author for advice on how to load their scripts and style assets on all pages without adding the shortcode manually.

    Additionally, we recommend disabling caching during the development process, as it can make it difficult to see the changes you make on the website.

    Please note that the configuration of the login popup is not related to our theme support, as it is managed by a third-party plugin. You may contact the plugin’s support team for further assistance, as we can only provide support for our own products.

    Thank you for your understanding.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: anoop
    anoop
    Participant
    January 1, 2026 at 13:39

    Thanks for the support! My topic “Trigger custom popup login from “My Account / Sign In” and redirect to WooCommerce My Account” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 1, 2026 at 13:39

    Dear anoop,

    Thanks for being part of our WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Trigger custom popup login from “My Account / Sign In” and redirect to WooCommerce My Account’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.