Here in this article you will get to know about how to add email button in your wordprss site
Table of Contents
Add Email button Link in Elementor
1. Drag and drop a text editor section on the page and modify it.
2. Write your content and choose the text that has to be linked to the mail.
3. Now, click on the link icon option and prefix a ‘mailto:’ and add the e-mail address and write the linked textbox.
4. Finally click on the “Apply” to create an Email link.
5. Through this method you’ll easily add the mailto choice to the WordPress site and add the e-mail button in WordPress.
Adding Clickable Email Link in WordPress
Creating an email link adding a link just with a copy-paste option or manually typing the URL correctly is usually a decent idea. But, email links can not be added in such an analogous way. When adding an email link to your WordPress site, all you wish to try to do is replace the HTTP: protocol you increase your website as ‘mailto:’.For sample linking structure refers to the below context.
mailto:elvarna@example.com
Now, select the actual context that you just want to link it to and use the shortcut ‘CTRL + K’ in Windows or ‘Command + K’ on Mac and click on ‘Insert Link’ to feature choice. Now you have got added an email button in WordPress via a linking process.
WordPress Email Button Plugin
An email service could be a tool with which we can easily change and access vivid options. With this plugin, by using their sharing buttons, we are able to meet all the requirements. Once installing this plugin, the user can automatically grow their site’s revenue faster and stronger.
- A highly customizable, clean, quick loading, caching via major global content delivery networks and super-lightweight button will upgrade your social tools to look more modern and user-friendly. No website registration is required.
- Well-engineered code will not slow pages from loading.
- HTML5 and CSS3 valid code
- HTTPS / SSL Support. If you’re using E-MAILiT on an encrypted page, you are doing not have to make any changes. An E-mail will automatically use this page’s protocol (HTTPS or HTTP). All features will still work the identical.
- Now with such share buttons, you’ll also easily optimize your site’s buttons to add email button by adding your email id for contact and queries.
How to Link Contact Form to Email in WordPress
- Activate the contact form and connect it to the e-mail plugin with the subsequent steps:
- Go to ‘Administration menu’
- Head over to ‘settings’
- Click on the ‘contact for to email’ and add the specified parts to your website.
How to Setup Email on WordPress Site
Using a Plugin that Automates the Mail Process
1. Log in to your WordPress site because of the administrator.
2. Click on the Plugins that are present on the left side of the dashboard and click on on ‘Add New’.
3. Now within the Search plugin box, type mail SMTP (simple mail transfer protocol) and click on enter.
4. Locate WP Mail SMTP by WP forms and click on install.
5. Once the installation made complete, click on the ‘Activate’ button to activate the plugin.
6. Now your WordPress site is prepared to send a preformatted mail right from your WordPress site directly and to add email button too.
Parallel way
1. log in to the WordPress site because of the administrator and click on WP Mail SMTP general and so click Settings.
2. Then, attend the WP Mail SMTP general settings page.
3. Under Mail, within the form Email text box, type the e-mail address you would like to use. Now, your site is completely ready to add email button.
Using the WordPress’s API site
- This process will make the identical mail sending feature accessible without adding a plugin to the positioning too. All you may have to do is add or customize the custom code and use the wp_mail() function within the WordPress API.
- Step 1: Copy-paste this code snippet within the wp-config.php file.
// A2 Hosting server name. For example, "a2ss10.a2hosting.com" define( 'SMTP_AUTH', true ); define( 'SMTP_PORT', '465' ); define( 'SMTP_SECURE', 'ssl' ); define( 'SMTP_USERNAME', 'user@example.com' ); // Username for SMTP authentication define( 'SMTP_PASSWORD', 'password' ); // Password for SMTP authentication define( 'SMTP_FROM', 'user@example.com' ); // SMTP From address define( 'SMTP_FROMNAME', 'Kelly Koe' ); // SMTP From name
- Step 2: Replace the values that are provided within the settings as per your own site and save the wp-config.php file.
- Step 3: Within the plugin code file, copy and paste the subsequent code:
add_action( 'phpmailer_init', 'send_smtp_email' );
function send_smtp_email( $phpmailer ) {
$phpmailer->isSMTP();
$phpmailer->Host = SMTP_HOST;
$phpmailer->SMTPAuth = SMTP_AUTH;
$phpmailer->Port = SMTP_PORT;
$phpmailer->SMTPSecure = SMTP_SECURE;
$phpmailer->Username = SMTP_USERNAME;
$phpmailer->Password = SMTP_PASSWORD;
$phpmailer->From = SMTP_FROM;
$phpmailer->FromName = SMTP_FROMNAME;
}
- Step 4: Now send a mail message or call the wp_mail() function. For reference take a look at this snippet below:
wp_mail("recipient@example.com", "Subject", "Message");
For more information about the WP-Mail-SMTP plugin, please visit https://wordpress.org/plugins/wp-mail-smtp.
How to Add a Subject Line to An Email Link?
Programmatically editing this to urge this action live will include adding mailto within the HTML tag. Start with adding a href HTML tag as this can allow you to send the e-mail using an installed email client by default. Now you may edit the topic to the e-ail and add? subject = to the e-mail tag and complete the tag. Finally, save the changes.
<a href="mailto:test@example.com?subject=Testing out mailto!">First Example</a>
Similarly, you’ll add the identical context in body with &bdy = body to finish the tag just like the snippet below:
<a href="mailto:test@example.com?subject=Testing out mailto!&body=This is only a test!">Second Example</a>
WordPress Mailto Link Not Working – Disfunctioning
If you cannot find the mail to activate in the website, possibilities are that the page going blank or showing an error because of improper linking made.
The solution to resolve this is rechecking the steps that have been done in the previous steps or redoing the whole process. Since the process is short and easy to adapt redoing this will not take a lot of time and also reduces chances of bugging back.