Add pop up message after user hits send on contact form

Store Design
, , ,
1

Hi guys,

Website: seraneeva.com

Right now after a user hits send on the contact form, a small green section shows up at the top of the contact form thanking the user and telling them our representatives will be in touch. How can I change the green section to be a pop up in the middle of the users screen like the attached image? Any help would be greatly appreciated!

1 Like
2

Hi @flammagreg It can be done with custom coding if this functionality is not available in your store by default, you will need to add the JS code along with CSS to shave this functionality.

Best Regards

Sahil

3

Hi @flammagreg

Unfortunately, you will need a developer to add this feature.

4

Hi @flammagreg ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file contact-form.liquid

Step 3: Insert the code css to your file → Save

BSSTechVenture_0-1717003510288.png
BSSTechVenture_0-1717003510288.png1917×815 75.6 KB

Step 4: Insert the code html to your file → Save

BSSTechVenture_1-1717003652568.png
BSSTechVenture_1-1717003652568.png1919×810 72.2 KB


         

              

{{ 'contact.form.post_success' | t }}

Step 5: Insert the code js before close section tag to your file → Save

BSSTechVenture_2-1717003760237.png
BSSTechVenture_2-1717003760237.png1919×809 90.6 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like