Replace add to cart button with contact form send button

Shopify Discussion
1

I’m trying to place a contact form in a pop up window inside my product pages. all looks great so far, except the send button has been replaced with the add to cart button, not sure what I’m doing wrong here? no matter what I do, type=“submit” always overwrites any value or class I include with it?


   {{ block.settings.text | escape }}
         

                    

                      
                      {% form 'contact', id: formId %}
                      
                      
                        {% if form.posted_successfully? %}
                      
                          

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

                        {% else %}

   {% if section.settings.contact_title != blank or section.settings.contact_text != blank %}
                            
                              {% if section.settings.contact_title != blank %}
                                ## {{ section.settings.contact_title | escape }}
                              {% endif %}

                              {% if section.settings.contact_text != blank %}
                                {{ section.settings.contact_text }}

                              {% endif %}
                            

                          {% endif %}

                          {% if form.errors %}
                            
                              {% for field in form.errors %}
- {{ field | replace: 'body','Message' | capitalize }} - {{ form.errors.messages[field] }}
                              {% endfor %}
                            

                          {% endif %}

                          
                            
        

                                
                                  
             
                                    

                                

                                
                                  
                       
                                    

                                 

                                  
                    
           

                                

                                  
                                

                    {%- assign title_handle = block.settings.title | handle -%}
   
                                    
                                                
                                  

                                    

                                  

                                
                              

                            
                          

                
            
               

                        {% endif %}
                      {% endform %}
2

@nateyBee

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

You can change add to cart button text from the schema of the whole site like many themes using the button and most of the static text from the en.default.json file.

another option is you can change the text by CSS :

  1. you have to make text size 0 of button

  2. giver propper height of the button

  3. use pseudo-elements like an after and before for give your custom text.