Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

145
Views
How to add a pop up message after the checkout button is clicked

I would like to add a pop up message after the checkout button is clicked.

Framework: shopify liquid js

The message should contain a form which allow the user input their phone number and personal ID.

The result should save to an excel (or backstage?)

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

You haven't mentioned if you are using a framework of any kind for your styling and features.

If you are using Bootstrap CSS then you want to look at Modals.

https://getbootstrap.com/docs/5.1/components/modal/

Note: Don't forget to change the version to the version of Bootstrap you are using.

If you are not using Bootstrap CSS and instead another framework, check the related documentation for Modal behaviour and implement as instructed.

If you are not using any frameworks or the framework you are using doesn't support modal behaviour, then please check out the links below.

  • https://webdesign.tutsplus.com/tutorials/how-to-build-flexible-modal-dialogs-with-html-css-and-javascript--cms-33500
  • https://www.w3schools.com/howto/howto_css_modals.asp
  • https://www.w3docs.com/snippets/javascript/how-to-create-a-modal-dialog-box-with-css-and-javascript.html
  • https://www.youtube.com/watch?v=6ophW7Ask_0
  • https://www.youtube.com/watch?v=XH5OW46yO8I

Once you have built your modal, you can then add a form to the modal's body.

Good Luck!

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!