Hello, My name is Solanki Jenish and I need a help from this Shopify Community Please Help.
So, the thing Is that I am Using Prestige (Paid Version), & I need to Create a Popup For EnQuiry Button on every Product Page. although I Have Create the Whole Popup Structured
But now i want to Create a Functionality so, if Some1 Fill the Form and then Data Will be Saved to Shopify Customer Section in Backend!
Please Help me! Thank You In Advance
Here’s the Code I have used to Create Popup button and its form
/* Styles for the Enquiry button */ .open-enquiry-popup-button { background-color: #648393; color: white; border: none; padding: 10px 20px; border-radius: 5px; font-size: 18px; cursor: pointer; } .open-enquiry-popup-button:hover { background-color: #506772; } /* Styles for the popup */ .product-enquiry-form-popup { display: none; position: fixed; z-index: 1000; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); align-items: center; justify-content: center; } .modal-content { background-color: white; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); padding: 20px; width: 80%; max-width: 400px; text-align: center; } .close { position: absolute; top: 15px; right: 15px; font-size: 24px; font-weight: bold; cursor: pointer; } .contact-form label { display: flex; align-items: center; text-align: left; margin-bottom: 5px; font-weight: bold; } .required-star { color: red; margin-left: 5px; } .contact-form input, .contact-form textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; } .contact-form button { width: 100%; padding: 10px; border: none; border-radius: 5px; background-color: #648393; color: white; font-size: 16px; cursor: pointer; } .contact-form button:hover { background-color: #506772; }Enquiry About This Product
×
Contact Us
{% form 'contact' %}
Full Name *
Email *
Phone Number *
Message *
{{ ‘contact.form.submit’ | t }}
{% endform %}