8 mins read
How to Fix Contact Form Email Sending Issues on Hostinger WordPress Using SMTP
Introduction
Email delivery issues in WordPress contact forms can affect customer communication and lead to missed inquiries. On Hostinger WordPress hosting, these problems usually occur due to incorrect mail server configuration or lack of proper authentication.
This guidde explains how to fix contact form email sending issues by configuring the WP Mail SMTP plugin and integrating Google Gmail API. By following these steps, you can securely authenticate your website with Gmail’s SMTP servers and ensure that all contact form messages and notification emails are delivered reliably.
1. Unable to Send Message
An error occurred while sending the message due to a configuration issue. Please try again later or contact the site administrator for assistance.
2. Hostinger Dashboard
This section of the Hostinger dashboard is used to fix email sending issues on a WordPress website, ensuring contact form messages and notification emails are delivered successfully.
3. Click Hostinger Website Section
Click the link on the Hostinger homepage to begin accessing your website management options.
4. Select WP Admin Option
Click the “WP Admin” button to open the WordPress administration panel for your site.
5. Switch to Specific WordPress Site
Switch to your WordPress site by selecting the site named “sandybrown-starling-957372.hostingersite.com” to manage its settings.
6. Click Add Plugin Button
Click the Add Plugin button in your WordPress dashboard to begin installing the SMTP plugin.
7. Open Search Plugins
Click the Search Plugins field to find the SMTP plugin needed for email configuration.
8. Enter SMTP In Search
Enter smtp in the search bar to locate the SMTP plugin for WordPress.
9. Install SMTP Plugin
Click Install Now to add the SMTP plugin to your WordPress site.
10. Activate SMTP Plugin
Click Activate to enable the SMTP plugin after installation.
11. Open WP Mail SMTP Plugin
Click WP Mail SMTP in the plugins list to access its settings.
12. Open General Settings
Click Settings again in the General section to proceed with setup.
13. Enter Email Address
Enter your email address to be used for sending emails from your website.
14. Proceed To Next Step
Click the indicated button to continue with the SMTP setup process.
15. Select Google Gmail Option
Click Google / Gmail as the mailer option to use Gmail’s SMTP service.
16. Open Backup Connection
Click Backup Connection to add an additional connection option if needed.
17. Go To Google Cloud Console
Switch to console.cloud.google.com to manage Google Cloud projects and APIs.
18. Select Project Menu
Click Select a project to choose or create a Google Cloud project.
19. Create New Project
Click New project to start setting up a new Google Cloud project for API access.
20. Fill Project Name Again
Fill Userportfolio to finalize the project name entry.
21. Create Project
Click Create to establish the new Google Cloud project.
22. Access APIs & Services
Click APIs & Services to manage APIs for your Google Cloud project.
23. Open API Library
Click Library to browse available APIs to enable for your project.
24. Search Gmail API
Fill gmail api in the search bar to locate the Gmail API.
25. Select Gmail API
Click Gmail API to open its details and enable it.
26. Enable Gmail API
Click Enable to activate the Gmail API for your project.
27. Create Credentials
Click Create credentials to generate the necessary authentication keys.
28. Choose User Data
Click User data to specify the type of data your app will access.
29. Proceed To Next Step
Click Next to continue setting up OAuth credentials.
30. Fill App Name Userportfolio
Fill Userportfolio as the application name for OAuth credentials.
31. Select Email Address
Click your email address to associate it with the OAuth consent screen.
32. Open Email Addresses Section
Click Email addresses to manage authorized email accounts.
33. Save And Continue
Click Save and continue to proceed with the OAuth setup.
34. Click Indicated Area
Click the specified area to move forward in the process.
35. Select Web Application
Click Web application to specify the application type for credentials.
36. Switch To WordPress Site
Switch to your WordPress site to retrieve the authorized redirect URI.
37. Open Redirect URI Field
Click Authorized redirect URI to view the URI needed for OAuth.
38. Return To Google Cloud Console
Switch back to the Google Cloud console to add the redirect URI.
39. Add New URI
Click Add URI to input the authorized redirect URI for your app.
40. Enter Redirect URI
Fill https://connect.wpmailsmtp.com/google/ as the authorized redirect URI.
41. Create URI Entry
Click Create to save the new authorized redirect URI.
42. Complete URI Setup
Click Done to finish adding the redirect URI.
43. Open Credentials Tab
Click Credentials to view and manage your OAuth client IDs.
44. Access OAuth Consent Screen
Click OAuth consent screen to configure app permissions and publishing.
45. Open Audience Section
Click Audience to manage who can use your OAuth app.
46. Publish OAuth App
Click Publish app to make your OAuth consent screen available to users.
47. Confirm Publishing Action
Click Confirm to approve the app publishing.
48. Return To Credentials
Click Credentials to continue managing your OAuth client IDs.
49. Click Indicated Area
Click the specified area to select your OAuth client ID.
50. Select OAuth Client ID
Click your OAuth client ID to view its details.
51. Select Client ID Field
Click Client ID field to input your OAuth client ID.
52. Enter OAuth Client ID
Fill your OAuth client ID to connect WordPress with Google API.
53. Click Indicated Area
Click the specified area to copy the client secret.
54. Select Client Secret Field
Click Client Secret field to input your OAuth client secret.
55. Enter Client Secret
Fill your client secret to complete OAuth credential setup.
56. Save SMTP Settings
Click Save Settings to apply your SMTP and OAuth configurations.
57. Allow Email Sending
Click Allow plugin to send emails using your Google account.
58. Select Google Account
Click your Google account to proceed with authorization.
59. Open Advanced Options
Click Advanced to access additional sign-in options.
60. Proceed To Unsafe Site
Click Go to wpmailsmtp.com (unsafe) to continue authorization.
61. Confirm Authorization
Click Continue to approve plugin access to your Google account.
62. Return To WordPress Site
Switch back to WordPress after completing Google authorization.
63. Open Tools Menu
Click Tools in WordPress to access email testing features.
64. Enter Recipient Email
Fill your email address to receive the test email.
65. Send Test Email
Click Send Email to dispatch a test message from your site.
66. Confirm Success Message
Click Success! to acknowledge the test email was sent successfully.
67. Open Gmail Inbox
Switch to mail.google.com to check your Gmail inbox for the test email.
68. also check from here
69. Review Email Permissions
Click the email permissions message to review access and settings.
Conclusion
By following this guide, you have successfully configured SMTP settings and integrated Google Gmail API with your WordPress website on Hostinger. Your website is now able to send emails securely using authenticated servers, reducing the chances of delivery failure or spam filtering.
With proper SMTP setup, contact form submissions, password reset emails, and system notifications will work consistently. To maintain reliability, it is recommended to review email logs, update credentials when required, and test email delivery regularly. This setup improves website professionalism and strengthens user trust.
WooHelpDesk Support
Need expert help with WordPress email setup, hosting configuration, or website troubleshooting? WooHelpDesk provides reliable technical support to keep your website running smoothly and securely.
Visit: https://www.woohelpdesk.com
Call Us Toll-Free: +1 888 602 0119 (US & Canada)
Professional Support | Secure Solutions | Trusted Experts
