Operacje na formularzach kontaktowych opartych na Contact Form 7

04 Mar, 2015 Optymalizacja, audyt SEO i Wordpress, Wordpress 0 Komentarzy Wojciech Władziński

Niepodważalnie najpopularniejszą wtyczką do stworzenia formularza kontaktowego w WordPressie jest Contact Form 7. Dziś opiszę 3 wątki jakie mogą się przydać do poprawnego obsłużenia folmularza kontaktowego opartego o te rozszerzenie.

Wtyczkę Contact Form 7 możecie ściągnąć z repozytorium WP pod adresem: https://wordpress.org/plugins/contact-form-7/

Spis treści

1. Podpinanie kodów konwersji Adwords

Opisywany przypadek jest przydatny, gdy nasz formularz oparty o CF7 nie posiada oddzielnej strony podziękowania a jedynie dynamicznie wywoływany komunikat pod formularzem np. „Dziękujemy za wysłanie formularza”

1.1 W panelu klienta adwords pobieramy swój kod konwersji, który wygląda mniej więcej tak:

<!-- Google Code for Contact Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = XXXXXXXXX;
var google_conversion_language = "en";
var google_conversion_format = "1";
var google_conversion_color = "ffffff";
var google_conversion_label = "xxxxxxxxxxxxxxxx";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/XXXXXXXXX/?label=xxxxxxxxxxxxxx&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

/* <![CDATA[ */

var google_conversion_id = XXXXXXXXX;

var google_conversion_language = "en";

var google_conversion_format = "1";

var google_conversion_color = "ffffff";

var google_conversion_label = "xxxxxxxxxxxxxxxx";

var google_remarketing_only = false;

/* ]]> */

</script>

</script>

</div>

</noscript>

1.2 Kopiujemy zawartość umieszczoną w tagach <noscript>…</noscript> (ich bezpośrednio nie włączając).

1.3 Przechodzimy do wcześniej stworzonego formularza i dalej do sekcji „Komunikaty”.

1.4 W pole z nagłówkiem „Wiadomość została wysłana wklejamy skopiowany wcześniej kod po wyświetlanej informacji tekstowej.

2. Zapisywanie wysyłanych zapytań przez formularz kontaktowy cf7db

Do tego celu będzie nam potrzebne rozszerzenie do wtyczki CF7 (choć nie tylko) czyli:

https://wordpress.org/plugins/contact-form-7-to-database-extension/

Będziemy w stanie dzięki niej zapisywać do swojej bazy danych maile przychodzące poprzez nasz formularz. Co ciekawe wtyczka obsługuje także wtyczki:

Przechodzimy do opcji wtyczki poprzez Contact Form DB -> Options. I następnie ustawiamy na „true” select boxy przypisane do wtyczek formularza kontaktowego, który używamy.

3. Wysyłanie maili przez SMTP

Do kolejnego zadania także potrzebna będzie nam wtyczka:

https://wordpress.org/plugins/wp-mail-smtp/

Dzięki tej wtyczce wszelkie wysyłane automatycznie maile przez WordPressa będą dystrybuowane z adresu email podanym w konfiguracji

3.1 Po instalacji wtyczki przechodzimy do opcji Ustawienia -> Email

3.2 Przykładowa konfiguracja dla gmaila

3.3 W przypadku gdy chcemy skonfigurować maila w domenie (np. kontakt@domena.pl) musimy wyszukać informacji o konfiguracji programów pocztowych dla naszego hostingu. Dla wykorzystywanego przeze mnie zenbox.pl będzie to:

Serwer poczty wychodzącej SMTP:
smtp.zenbox.pl port 587 z i bez TLS
Należy również użyć opcji Autoryzacja SMTP
Nazwą użytkownika jest pełen adres e-mail: przykład@przykładowa_domena.pl

Po wypełnieniu wszystkich pól warto przetestować działanie w sekcji „Send email to„.

Artykuły

O Wojciech Władziński

Branżą SEO zajmuję się od 2008 roku. Na co dzień starszy specjalista ds. SEO w firmie Seogroup. Tworzę i optymalizuję duże serwisy jak i mniejsze strony internetowe. Szczególnie upodobałem sobie środowisko WordPressa, który mimo powszechnej opinii nie jest tylko platformą blogową.

Zabezpieczenie WordPressa przed atakami hackerów - 10 lipca 2016
Dodatkowe funkcje w edytorze wizualnym WordPressa - 20 maja 2016
WordCamp 2016 w Gdyni - 19 kwietnia 2016
Linkowanie wewnętrzne na stronie – porady - 1 marca 2016
Wyświetlanie pól wpisów i taksonomii tworzonych przez Types - 17 lutego 2016
Wtyczki do WP, których nie znasz a powinieneś cz.8 - 10 lutego 2016
Redukcja współczynnika odrzuceń dzięki Reduce Bounce Rate - 15 stycznia 2016
Posumowanie roku 2015 – najpopularniejsze artykuły w 2015 - 5 stycznia 2016
Jak ukryć widgety na urządzeniach moblinych ? - 8 października 2015
Wtyczki do WP, których nie znasz a powinieneś cz.7 - 9 lipca 2015

SEO Wordpress

Czego szukasz?

Operacje na formularzach kontaktowych opartych na Contact Form 7

1. Podpinanie kodów konwersji Adwords

2. Zapisywanie wysyłanych zapytań przez formularz kontaktowy cf7db

3. Wysyłanie maili przez SMTP

O Wojciech Władziński

Link Assistant

Rank Tracker

SEMRush

Brand24

Zostaw odpowiedź

Przeczytaj poprzedni wpis:

Kiedy powinniśmy skorzystać z WordPressa? [DIAGRAM]