Porady & Profesjonalne strony internetowe / usługi www

Jak prawidłowo skonfigurować SMTP dla naszego WordPressa

Często zdarza się tak, że nasz serwer nie wykorzystuje prawidłowo phpmailera albo po prostu usługodawca wymaga, abyśmy korzystali z własnego SMTP przy formularzach i ogólnie obsłudze wiadomości e-mail.

W takich przypadkach możemy skorzystać z jednej, z wielu wtyczek - problemem natomiast często może być sama konfiguracja, która niekoniecznie musi być tak oczywista dla przeciętnego użytkownika.

* Uwaga! Tutorial dotyczy tylko i wyłącznie integracji z serwerem SMTP Gmail.


Do opisu konfiguracji wykorzystam wtyczkę Post SMTP Mailer/Email Log - nieco leciwą(bo ostatnio aktualizowaną rok temu) ale nadal działającą niezawodnie oraz poczty Gmail. Nie będę opisywał procesu tworzenia konta na Google, ponieważ jest to raczej krótki i łatwy proces.

Proces instalacji i konfiguracji:

1. Najpierw oczywiście instalujemy wtyczkę Post SMTP Mailer/Email Log.
2. Następnie po prawidłowym zainstalowaniu wtyczki przechodzimy do jej konfiguracji(Ustawienia > Postman SMTP).
3. Tutaj klikamy na duży, czerwony przycisk "Start the Wizard".
4. Pojawi się ekran edycji:
SMTP Postman - ustawienia dla nazwy konta i adresu email
* W Email Address wpisujemy cały adres e-mail konta.
* W Name wpisujemy przykładowo przedrostek przed @.

5. W następnym kroku jest sprawdzany serwer poczty wychodzącej, jeśli pole nie wypełniło się automatycznie("Outgoing Mail Server Hostname"), to wpisujemy smtp.gmail.com.
6. Krok czwarty konfiguracji wtyczki to test połączenia - ten może potrwać do kilku minut, następnie wyświetli się nam wybór gniazda(portu) oraz sposobu autoryzacji:
SMTP Postman - ustawienia dla gniazda portu oraz sposobu autoryzacji
- wybieramy wedle zaznaczonych opcji na zrzucie, czyli:
Socket: SMTP - gmail.com:587
Authentication: OAuth 2.0 (requires Client ID and Client Secret)

7. Piątym krokiem konfiguracji wtyczki jest autoryzacja. Panel konfiguracyjny będzie wyglądał w ten sposób:
Panel konfiguracyjny SMTP Postman - klucz klienta i ID
(oczywiście zamiast mojastrona.pl będzie adres waszej instalacji wordpressa)

Zapisujemy linki podane w polach Authorized JavaScript origins oraz Authorized redirect URI.

8. Teraz klikamy na linki "Google Developers Console Gmail Wizard".
9. Zostaniemy przeniesieni do ekranu logowania konta(pamiętajcie, aby zmienić konto, jeśli nie jesteście zalogowani do tego, z którego ma być podłączony SMTP). Możemy w tym miejscu być poproszeni o hasło.
10. Po prawidłowym zalogowaniu nastąpi przekierowanie do Wizarda tworzenia projektu Gmail API(może to potrwać dłuższą chwilę):
Gmail API - tworzenie projektu

Po prawidłowym stworzeniu projektu wyświetli się potwierdzenie:
Potwierdzenie utworzenia projektu - Gmail API

11. Klikamy na "Przejdź do danych logowania". Pojawi się panel tworzenia danych logowania do aplikacji:
Domyślne tworzenie danych logowania Gmail API w konsoli developerskiej

Google prosi nas o stworzenie nowych danych logowania do aplikacji, jednak pójdziemy inną drogą i stworzymy manualnie wszystko. Klikamy na zakładkę "Dane logowania" w lewym panelu:
Dane logowania w panelu konsoli developerskiej
(tak, nawet pomimo tego, że technicznie rzecz biorąc znajdujemy się w tej zakładce).

12. Klikamy na zakładkę "Ekran zgody 0auth":
Dane dla projektu Gmail API - ekran akceptacji 0Auth
- wypełniamy tylko i wyłącznie Nazwa usługi widoczna dla użytkowników, reszta tak naprawdę nie jest nam potrzebna(chyba, że naprawdę chcemy, to można wypełnić). Możemy wpisać tutaj cokolwiek.

13. Po zapisaniu danych w poprzedniej zakładce zostaniemy automatycznie przekierowani do zakładki "Dane logowania":
Interfejs Google API - tworzenie danych dostępowych
- klikamy na "utwórz dane logowania".

14. Wybieramy opcję "ID klienta 0Auth".
15. Po tym wybieramy "Aplikacja internetowa".
16. Panel edycji rozwinie się:
Tworzenie identyfikatora dla klienta w konsoli developerskiej Google

* W Nazwa wpisujemy "obojętnie co".
* W polu Autoryzowane źródła JavaScript wpisujemy wcześniej zapisany adres, który skopiowaliśmy w punkcie nr 7(czyli po prostu adres naszej strony razem z http://).
* W polu Autoryzowane identyfikatory URI przekierowania wklejamy dokładny adres, który skopiowaliśmy z punktu nr 7 w miejscu Authorized redirect URI.

17. Klikamy "Utwórz".

18. Otrzymamy dane:
Przykładowe klucze dostępu Google API
- które musimy przekopiować do panelu z punktu nr 7.

19. Klikamy "Next"(już na naszej witrynie, przy konfiguracji wtyczki). Na koniec otrzymamy potwierdzenie i klikamy ponownie na "Finish".
20. Pojawi się monit o tym, że skonfigurowaliśmy wtyczkę ale jeszcze musimy dać zezwolenie z Google:
Monit o zezwolenie
- więc po prostu klikamy na link "Grant permission with Google". Zostaniemy przekierowani do podstrony z prośbą o zezwolenie:
Zezwolenie na integrację Poczty Gmail ze wtyczką Postman SMTP
- klikamy na "Zezwól".

Voila. To wszystko. W tym momencie mamy prawidłowo skonfigurowany serwer poczty wychodzącej podłączony pod naszą instalację WordPressa.


Jak widać cały proces nie jest jakoś specjalnie skomplikowany i problemy zazwyczaj pojawiają się przy mało intuicyjnych(dla przeciętnych użytkowników) panelach konfiguracyjnych API od Google(mowa o integracji SMTP z Gmail).

W przypadku, kiedy chcecie integrować pocztę wychodzącą z własnej domeny, to polecam do tego plugin WP Mail SMTP, który działa niezawodnie, jest bardzo lekki i szybki w konfiguracji(plus standardowo daje możliwość przetestowania wysyłki).