• 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
280 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ź 250 wizyt
pytanie zadane 9 kwietnia 2023 w PHP przez Grzegorz Mikina Dyskutant (8,060 p.)
0 głosów
2 odpowiedzi 231 wizyt
pytanie zadane 12 grudnia 2019 w HTML i CSS przez Steady Obywatel (1,140 p.)
0 głosów
0 odpowiedzi 89 wizyt
pytanie zadane 31 stycznia 2020 w Offtop przez Hardwell Dyskutant (8,980 p.)

92,845 zapytań

141,784 odpowiedzi

320,859 komentarzy

62,178 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.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...