Newsletter signup no longer working

Newsletter signup no longer working

podiummatt
New Member
5 0 0

Our newsletter signup was being used to collect customer contact details for the past 2 weeks but for some reason from yesterday it no longer works.

when entering the email address it just refreshes back to the same page with the email still populated and doesnt submit,

It also isnt carrying the details over to our customers segment.

 

can anyone please assist?

 

https://podiumplace.co.uk/signup

Replies 2 (2)

Bundler-Manuel
Astronaut
938 47 108

Hello @podiummatt can you try and confirm that this is the code in place? If not, you should change it to this code and see

<input type="email" class="text-field-3 w-input" maxlength="256" name="contact[email]" placeholder="Email address" id="email" required="">

Let me know if this works for you!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
podiummatt
New Member
5 0 0

this is the code under newsletter.liquid

 

{{ 'component-newsletter.css' | asset_url | stylesheet_tag }}
 
{%- style -%}
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top | times: 0.25 | round: 0 }}px;
  padding-bottom: {{ section.settings.padding_bottom | times: 0.25 | round: 0 }}px;
}
 
@media screen and (min-width: 990px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}
{%- endstyle -%}
 
<div class="newsletter section-{{ section.id }}-padding newsletter--{{ section.settings.align_content }}">
<div class="container">
<div class="newsletter__form {% if section.settings.full_width %}newsletter__form--fullwidth{% endif %}">
<h3 class="newsletter__title h3 title--section title--section-m-none">
{{ section.settings.heading }}
</h3>
{% form 'customer', class: 'newsletter-form' %}
<div class="newsletter-form__inner">
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="email"
name="contact[email]"
class="field__input field"
value="{{ form.email }}"
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
{% if form.errors %}
autofocus
aria-invalid="true"
aria-describedby="Newsletter-error--{{ section.id }}"
{% elsif form.posted_successfully? %}
aria-describedby="Newsletter-success--{{ section.id }}"
{% endif %}
placeholder="{{ 'newsletter.label' | t }}"
required
>
<label class="field__label" for="NewsletterForm--{{ section.id }}" type="hidden">{{ 'newsletter.label' | t }}</label>
</div>
{%- if form.errors -%}
<small
class="newsletter-form__message form__message"
id="Newsletter-error--{{ section.id }}"
>
{%- render 'icon-error' -%}
{{- form.errors.translated_fields.email | capitalize }}
{{ form.errors.messages.email -}}
</small>
{%- endif -%}
</div>
<button
type="submit"
class="newsletter__button button button--{{ section.settings.button_style }}"
name="commit"
>
<span>
<span>{{ 'newsletter.button_label' | t }}</span>
<span>{{ 'newsletter.button_label' | t }}</span>
</span>
</button>
</div>
{%- if form.posted_successfully? -%}
<h3
class="newsletter-form__message newsletter-form__message--success form__message"
id="Newsletter-success--{{ section.id }}"
tabindex="-1"
autofocus
>
{% render 'icon-success' -%}
{{- 'newsletter.success' | t }}
</h3>
{%- endif -%}
{% endform %}
<div class="newsletter__text rte">
{{ section.settings.newsletter_text }}
</div>
</div>
</div>
</div>
 
{% schema %}
{
"name": "t:sections.newsletter.name",
"tag": "section",
"class": "spaced-section",
"settings": [
{
"type": "select",
"id": "align_content",
"options": [
{
"value": "left",
"label": "t:sections.newsletter.settings.align_content.options__1.label"
},
{
"value": "right",
"label": "t:sections.newsletter.settings.align_content.options__2.label"
},
{
"value": "center",
"label": "t:sections.newsletter.settings.align_content.options__3.label"
}
],
"default": "left",
"label": "t:sections.newsletter.settings.align_content.label"
},
{
"type": "checkbox",
"id": "full_width",
"default": true,
"label": "t:sections.newsletter.settings.full_width.label"
},
{
"type": "richtext",
"id": "heading",
"default": "<p>Heading for subscribe form</p>",
"label": "t:sections.newsletter.settings.heading.label"
},
{
"type": "richtext",
"id": "newsletter_text",
"default": "<p>Additional text for subscribe form.</p>",
"label": "t:sections.newsletter.settings.newsletter_text.label"
},
{
"type": "select",
"id": "button_style",
"options": [
{
"value": "primary",
"label": "t:sections.newsletter.settings.button_style.options__1.label"
},
{
"value": "secondary",
"label": "t:sections.newsletter.settings.button_style.options__2.label"
}
],
"default": "primary",
"label": "t:sections.newsletter.settings.button_style.label"
},
{
"type": "paragraph",
"content": "t:sections.newsletter.settings.paragraph.content"
},
{
"type": "header",
"content": "t:all.section-padding.header.content"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 200,
"step": 10,
"default": 80,
"unit": "px",
"label": "t:all.section-padding.padding_top.label"
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 200,
"step": 10,
"default": 80,
"unit": "px",
"label": "t:all.section-padding.padding_bottom.label"
}
],
"presets": [
{
"name": "Newsletter"
}
]
}
{% endschema %}

 

 

 

oddly nothing has changed on our side but this now no longer accepts entries and the submit button has no effect, I've also just checked our our contact form is having the same issue despite no changes for the past couple of months.