Przejdź do głównej zawartości
Wszystkie kolekcjeFormularze
Konfiguracja i połączenie własnego formularza z Ecomail
Konfiguracja i połączenie własnego formularza z Ecomail

Konfiguracja własnego formularza, z którego będą przesyłane dane do Ecomail

Kateřina Irová avatar
Napisane przez Kateřina Irová
Zaktualizowano ponad tydzień temu

Do Ecomail możesz przesyłać dane również z własnych formularzy.

Dane można przesyłać z własnego formularza internetowego do webhooka, można wykorzystać połączenie po API lub wykorzystać platformy firm trzecich.

W tym artykule omówimy te możliwości.

💡 Jeśli nie masz lub nie chcesz korzysztać z własnego formularza, możesz stworzyć formularze bezpośrednio w Ecomail.

Spis treści:


1. Połączenie formularza własnego przy użyciu metody HTML/POST

Możesz wykorzystać tę opcje, jeśli na swej stronie internetowej masz formularz HTML, z którego chcesz przesyłać dane do Ecomail.

Wykonaj następujące kroki:

  1. Wejdź w zakładkę Kontakty(wybierz listę, na której mają być zapisywane kontakty) Formularze.

  2. W dolnej części sekcji znajduje się adres URL, który jest inny dla każdej listy kontaktów. Jest to adres, na który można wysłać dane z formularza:

    Zaznaczony adres URL na obrazku trzeba umieścić w formularzu HTML, w parametrze "action".

    Przykładowo:

    <form method="post" action="tutaj wkleisz adres URL z listy kontaktów">

    treść formularza


    </form>

Ustawienie pól podstawowych

Aby dane z formularza były wysyłane popranie, nazwy pól muszą być zgodne z nazwami merge tagów w Ecomail.

Pełną listę podstawowych merge tagów w aplikacji znajdziesz tutaj.

W formularzu, w którym zbierasz adres e-mail i imię, nazwy pól muszą być "email" i "name".

Na przykład w ten sposób:

<input type="email" name="email">
<input type="text" name="name">

Ustawienie pól własnych

Do aplikacji możesz również wysyłać własne dane z formularza, tj. na przykład dodatkowe informacje o kontaktach. Również w wypadku pól własnych należy użyć dokładnej nazwy stworzonego merge tagu. Własne merge tagi możesz stworzyć w sekcji Kontakty -> wybierz listę kontaktów -> Merge tagi.

W HTML formularzu w parametrze "name" nazwę merge tagu należy wprowadzić jako custom_fields[notatka]

W formularzu, w tagu input będzie to wyglądać następująco:

<input type="text" name="custom_fields[notatka]">

Własne źródło dla kontaktów zapisanych przez własny formularz

Własne źródło kontaktów, które zostanie przypisane do kontaktu (i można będzie go znaleźć w szczegółach kontaktu = segmentować na tej podstawie) można dodać na końcu adresu URL w parametrze "action" dodając za niego następujący tekst:¨

?source=wlasnezrodlo

Więc przykładowo w ten sposób:

W Ecomail, w szczegółach danego kontaktu ta informacja będzie wyglądała w ten sposób:

Przekierowanie na inną stronę

Jeśli chcesz przekierować nowy kontakt na inną stronę (na przykład stronę powitalną) po jego zapisaniu się do listy, wejdź w Kontakty -> wybierz listę kontaktów -> Ustawienia, znajdź sekcję Double opt-in i włącz opcję Przekierowanie po zapisie za pomocą formularza:

2. Połączenie po API

Jeśli chcesz jeszcze bardziej dostosować swój własny formularz i zbierasz dane między innymi również do swego systemu, możesz dostosować wszystko za pomocą API.

Konfigurację API należy przeprowadzić na Twej stronie i zalecamy skonsultować wszystko z własnymi developerami.

Możesz użyć naszych punktów końcowych z dokumentacji API, aby połączyć swoje formularze. Połączenie po API pozwala również na uruchamianie automatyzacji i tworzenie kampanii.

3. Połączenie własnego formularza za pośrednictwem plaftorm firm trzecich

By połączyć własny formularz z Ecomail, można również wykorzystać te platformy:

  1. Make

  2. Zapier (instrukcja)

  3. SolidPixels

  4. Elementor(WordPress)

Możesz też wykorzystać inne plaftormy, które mogą wysyłać dane na adres URL (jak w pierwszym kroku), lub możesz użyć punktów końcowych z dokumentacji API.

4. Często zadawane pytania (FAQ)

Podczas pracy z formularzem otrzymuję błąd CORS, co mogę zrobić?

Błąd występuje, ponieważ w nagłówku Twej strony internetowej jest ustawiona polityka CORS (Cross Origin Resource Sharing).

Podczas wysyłania danych z formularza na Twej stronie internetowej, dane wysyłane są na inny (nasz) adres (domenę), co zabezpieczenie Twej strony może ocenić jako potencjalnie niebezpieczne zachowanie.

Jak umożliwić wysyłanie danych do innej domeny można znaleźć na oficjalnych stronach pomocy. Następnym rozwiązaniem jest połączenie formularza po API.

Jak zabezpieczony jest formularz?

W webhooku z listy kontaktów ustawione jest automatyczne sprawdzanie adresów e-mail (reCaptcha). Ta kontrola jest ustawiana automatycznie przez przeglądarkę i nie można jej wyłączyć. Jeśli nie chcesz korzystać z tej kontroli, zalecamy połączyć formularz po API.

Jednak w przypadku API musisz zapewnić ochronę formularza na własną rękę.

Czy jest możliwy double opt-in (podwójna zgoda) w wypadku formularza własnego?

Jeśli masz włączoną opcję Double opt-in dla listy, do której zapisują się kontakty z formularza, kontakty te nadal będą otrzymywać wiadomość e-mail z potwierdzeniem.


Masz pytania? Napisz do nas na [email protected].

Czy to odpowiedziało na twoje pytanie?