DAWN THEME: Adding text beneath newsletter

Hi Shopify community!

I need a helping hand with creating a text box underneath the newsletter signup in the footer. The text needs to be similar in size and alignment to the two other boxes.

I really appreciate any help you can provide.

/Victor

Info:

STORE URL: https://www.cardenau.dk/

PW: aotatu

Hi @VictorCardenau

I would like to give you the solution

  • Step 1: From the admin page, you go to Sale channel → Online Store → Edit code → footer.liquid

  • Step 2: Find the key : “{%- if form.errors -%}” and add the code before this line:


                  
                  
                 

  • Step 3: The input will appear in the store. If you want to change the label name, just replace “input name” with your label

  • Step 4: Enjoy

Here is the video link so you can refer to how to implement: https://www.loom.com/share/577bbed843424e76b4492051e37a69fd

I hope that it’s useful for you.

Hi BSS Commerce

Sorry for my unclear instructions. I attached a photo of how it would be optimal.

Thanks for the reply!

Hi @VictorCardenau

I would like to give you a suggestion below. If it still doesn’t meet your requirement, can you kindly give us an example link?

Firstly, please follow these steps:

  • Step 1: From the admin page, go to Sale channel → Online Store → Edit code → footer.liquid

  • Step 2: Find the key: " {%- form ‘customer’, id: ‘ContactFooter’, class: ‘footer__newsletter newsletter-form’ -%}" and replace the code from this line to the nearest line have the key “{%- endform -%}”

{%- form 'customer', id: 'ContactFooter', class: 'footer__newsletter newsletter-form' -%}
              
              

                

                  
                  
                

               
                  
                  
                 
                

                
                {%- if form.errors -%}
                  <small>{% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}</small>
                {%- endif -%}
              

              {%- if form.posted_successfully? -%}
                ### {% render 'icon-success' %}{{ 'newsletter.success' | t }}
              {%- endif -%}
            {%- endform -%}

The result is:

I hope that it’s useful for you.