• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Integracja Mailchimp z modalem newsletter

VPS Starter Arubacloud
0 głosów
178 wizyt
pytanie zadane 15 stycznia 2021 w JavaScript przez tgv Użytkownik (890 p.)

Stworzyłem prostą stronę Delightart. Obecnie integruję ją z Mailchimpem. Stworzyłem dwa modale, pierwszy z nich służy do zapisania się na newsletter, drugi modal wyświetla podziękowanie za dodanie się do newslettera. Problem stanowi sytuacja po wyświetleniu się popup'a z podziękowaniem. Klient zostaje niepotrzebnie przekierowany do ponownego wprowadzenia danych w formularzu mailchimp. Jak dokładnie to wygląda, możecie sprawdzić na stronie. Chciałbym uniknąć powyższej sytuacji. Cel końcowy: po wyświetleniu się modala z podziękowaniem, adres email zostaje przesłany do Mailchimpa i dodany do bazy maili, po 3s modal z podziękowaniem znika a użytkownik pozostaje nadal na stronie, bez żadnych przekierowań. Śledzę kilka wątków w tym temacie na Stackoverflow ale żaden nie działa. Mam na myśli obejście tej sytuacji Ajaxem i nasłuchiwanie eventów by uniemożliwić przekierowanie do mailchimpa. 

 

Modal nr 1 

<!-- Modal Newsletter Start-->
<div id="myModal" class="modal fade">
    <div class="modal-dialog modal-newsletter">
        <div class="modal-content">
            <form action="https://delightart.us2.list-manage.com/subscribe/post?u=ac42cd35562327cc088d0a4ce&amp;id=399e8a2cc7" class="myform" method="post" novalidate>
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span>&times;</span></button>
                </div>
                <div class="modal-body text-center">
                    <h4>Subscribe to our newsletter</h4>
                    <p>Signup to our weekly newsletters to get the latest news, updates and amazing offers!</p>
                </div>
                <div class="input-group">
                    <input type="email" class="form-control" id="emapleInputEmail1" placeholder="Enter your email..." required>
                    <input type="submit" class="btn btn-primary" value="Subscribe">
                </div>
            </form>
        </div>
    </div>
</div>

 

Modal nr 2 

<!--Modal Thank You Start-->
<div id="myModal1" class="modal fade">
    <div class="modal-dialog modal-sm">
        <!--Modal Content-->
        <div class="modal-content">
            <div class=”modal-body”>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
                <circle class="path circle" fill="none" stroke="#73AF55" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1" />
                <polyline class="path check" fill="none" stroke="#73AF55" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5" />
                </svg>
                <p class="text-center">Thank you!!</p>
            </div>
        </div>
    </div>
</div>

 

1 odpowiedź

0 głosów
odpowiedź 15 stycznia 2021 przez ScriptyChris Mędrzec (190,190 p.)

W inline'owym skrypcie wewnątrz pliku index.html (linijka 119) jest kod odpowiedzialny za pokazanie tego popupa z podziękowaniami:

$('#myModal1').appendTo("body").modal('show');

Kilka linijek wyżej jest automatyczne wysyłanie formularza po 10 sekundach - ono wywołuje przekierowanie:

    setTimeout(function () {
        form.submit();
    }, 10000); // in milliseconds

Jeśli te akcje (popup z podziękowaniami i automatyczne przekierowanie po czasie) są niepotrzebne, to możesz spróbować usunąć wspomniane linijki.

komentarz 15 stycznia 2021 przez tgv Użytkownik (890 p.)
Dziękuję. Przekierowanie usunięte.  Jest problem, mianowicie adresy email nie dodają się do Mailchimpa. Zostaje mi tylko integracja przez API?
komentarz 15 stycznia 2021 przez ScriptyChris Mędrzec (190,190 p.)
W jakim sensie nie dostają się - podaj więcej szczegółów? One są wysyłane formularzem, czy Ajax'em? Może w konsoli przeglądarki są jakieś błędy, może serwer zwraca błąd dla wysłanego requesta?
komentarz 15 stycznia 2021 przez ScriptyChris Mędrzec (190,190 p.)

Wstaw proszę wyraźny screen - możesz go podlinkować np. przez imgur.com.

komentarz 16 stycznia 2021 przez tgv Użytkownik (890 p.)
komentarz 16 stycznia 2021 przez ScriptyChris Mędrzec (190,190 p.)
Request zwrócił kod 200, więc teoretycznie jest ok. Możesz pokazać co zwrócił w odpowiedzi (zakładka "Odpowiedź", trzecia po prawej od "Nagłówki", z której screena zrobiłeś)?

Podobne pytania

+1 głos
1 odpowiedź 220 wizyt
pytanie zadane 9 kwietnia 2023 w PHP przez Grzegorz Mikina Dyskutant (8,060 p.)
0 głosów
2 odpowiedzi 194 wizyt
pytanie zadane 12 grudnia 2019 w HTML i CSS przez Steady Obywatel (1,140 p.)
0 głosów
0 odpowiedzi 78 wizyt
pytanie zadane 31 stycznia 2020 w Offtop przez Hardwell Dyskutant (8,960 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...