Shopify page with newsletter signup not working Minimal Theme

Orsi17
Visitor
1 0 0

Hello,

Please help me with this issue. I try to create a separate page with the possibility of newsletter signup.

I have copied the coding from the main page and inserted it. After that I wanted to add a "Name" box next to the "Email box", just to have their name as well. However, now subscription is not working. No confirmation arrives and the email address just not appears in the Customer list...

Could you please advise what is wrong with the coding or settings? (Also, before I used Mailchimp but I wish to change back to Shopify email and I disconnected the Mailchimp app- not sure if this is causing the issue or not?)

Thank you in advance!

Orsi

 

Here is the coding:

 

<style>
.newsletter-grid__item {
background-color: {{ section.settings.color_bg }};
}

.newsletter-grid__item:first-child {
background-color: {{ section.settings.color_bg | color_modify: 'alpha', 0.5 }};
}
</style>

<div class="grid-uniform newsletter-grid">
<div class="grid__item newsletter-grid__item post-large--one-half">
<div class="newsletter-content-wrapper">
<div class="newsletter-content">
{% unless section.settings.heading == blank %}
<div class="section-header section-header--small">
<h2 class="section-header__title{% unless section.settings.subtext == blank %} section-header__title-spacing{% endunless %}">
{{ section.settings.heading | escape }}
</h2>
</div>
{% endunless %}
{% unless section.settings.subtext == blank %}
{{ section.settings.subtext }}
{% endunless %}
</div>
</div>
</div>


<div class="grid__item newsletter-grid__item post-large--one-half">
<div class="newsletter-content-wrapper">

<div class="field firstname">
<input type="text"
name="contact[first_name]"
id="{{ formId }}-first_name"
class="field__input{% if form.errors %} input--error{% endif %}"
value=""
placeholder="Keresztnév"
aria-label="First name"
aria-required="true"
autocorrect="off"
autocapitalize="off"
{% if form.errors %}
aria-invalid="true"
aria-describedby="{{ formId }}-first_name-error"
data-form-status
{% endif %}
>
<label class="field__label" for="NewsletterForm--{{ section.id }}"></label>
</div>

<div class="newsletter-content">
{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}
<p class="note form-success">{{ 'general.newsletter_form.confirmation' | t }}</p>
{% else %}
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="input-group">
<label for="Email" class="visually-hidden">{{ 'contact.form.email' | t }}</label>
<input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_email' | t }}" name="contact[email]" id="Email" class="input-group-field" aria-label="{{ 'general.newsletter_form.newsletter_email' | t }}" autocorrect="off" autocapitalize="off">
<span class="input-group-btn">
<button type="submit" class="btn" name="commit" id="subscribe">{{ 'general.newsletter_form.submit' | t }}</button>
</span>
</div>

</div>

<div class="mc-field-group input-group">

<div class="mc-field-group input-group">
<strong></strong>

<ul><li><input required type="checkbox" value="4" name="group[13033][4]" id="mce-group[13033]-13033-0"><label for="mce-group[13033]-13033-0"> Hozzájárulok, hogy a Hoopla Sewing Bt. hírleveleket küldjön számomra</label></li>
<li><input required type="checkbox" value="8" name="group[13033][8]" id="mce-group[13033]-13033-1"><label for="mce-group[13033]-13033-1">Az <a href="https://hooplasewing.com/pages/adatkezelesi-nyilatkozat/" target="_blank" rel="noopener noreferrer">Adatkezelési tájékoztatót </a>megismertem és elfogadom</label></li>
</ul>
</div>

{% endif %}
{% endform %}
</div>
</div>
</div>
</div>

Replies 0 (0)