Link to home
Start Free TrialLog in
Avatar of Nirvana
NirvanaFlag for India

asked on

How to create a popup for login in woocommerce

How do I create a Pop-up menu for login/create login like "experts-exchange.com" or "wish.com" for my woo commerce site
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Instead of a pop up, use a modal and perhaps you are using the term pop up generically.  

A stand alone modal library https://robinparisi.github.io/tingle/ but if you are using bootstrap there is a built in function. https://getbootstrap.com/docs/4.0/components/modal/.  Because you are using WP / Woocomemerce, you are better off using a plug in https://wordpress.org/plugins/tags/woocommerce-modal/

Either way, a modal is nothing more than a hidden div that is shown (popped up) after a click or some other type of event. Just before the modal is activated, you will inject your html form (or hard code it but that is more limiting). From there you will have a form you generated to initiate your log in.
Avatar of Nirvana

ASKER

Thank you, I was able to create login pop-up, however got one more question how can I customize the modal or embed the attached script in the menu
login-sign-up-form-concept.zip
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Nirvana

ASKER

Hi Scott, Sorry couldn't check yesterday. will check today and will let you know. Thank you and sorry for the delay in responding.
Avatar of Nirvana

ASKER

brilliant. thank you