How to Improve Your 404 Page Template in WordPress (2 Ways)

Do you want to improve your 404 page template in WordPress?

By replacing the default WordPress 404 page with your own design, you can improve the visitor experience and keep people on your site for longer.

In this article, we’ll show you how to customize your 404 page template in WordPress.

Why Improve Your 404 Page Template in WordPress?

Most WordPress themes come with a basic 404 template, including the default WordPress ones. For example, in the following image, you can see Twenty Twenty-Two’s 404 page.

However, most of these default templates are simple and don’t show any content from your site. This means that anyone who lands on your 404 page is more likely to leave your WordPress website, which will increase your bounce rate.

This is bad news for your WordPress SEO, and may affect where your site appears in the search engine rankings.

That being said, it’s a good idea to create a 404 page with your own content and branding.

For example, at WPBeginner we show a custom image and encourage visitors to contact us, so we can fix the 404 error. The sidebar also has links to our social media profiles and even some information about an ebook download.

This is also a chance to promote your most popular posts or products from your online store. In this way, your 404 page can add value for your visitors, which will increase pageviews and reduce bounce rate.

If you’re looking for inspiration, then we’ve collected the best 404 error page design examples for you to look at.

Note: Even if you design an engaging and helpful page, you’ll still want to fix any 404 errors. Here, it helps to track your 404 pages and redirect them.

With that said, let’s take a look at how you can improve your 404 page template in WordPress.

Video Tutorial

If you’d prefer written instructions, just keep reading. You can also use the quick links below to jump straight to the method you want to use.

Method 1. Create a Custom 404 Page in WordPress With No Code (Recommended)

The best way to improve the 404 page template is by using the SeedProd page builder plugin.

SeedProd is the best landing page builder for WordPress. It lets you create, edit, and customize your WordPress pages without writing any code.

With this plugin, you can easily create a custom 404 page using a wide range of professionally-designed templates.

The first thing you need to do is install the SeedProd plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Note: There is a free version of SeedProd available, but we’ll be using the Pro version since it lets you replace your theme’s built-in 404 template.

After activating the plugin, SeedProd will ask for your license key.

You can find this information under your account on the SeedProd website. After entering the license, click on the ‘Verify Key’ button.

Once you’ve done that, go to SeedProd » Landing Pages. In the ‘404 Page’ section, click on ‘Set up a 404 Page.’

You can now choose a template for your 404 page.

To preview a design, simply hover your mouse over it and then click on the magnifying glass.

When you find a design that you like, just click on ‘Choose This Template.’

We’re using the ‘Oh No 404 Page’ template, but you can use any design you like.

After selecting a template, you’ll be taken to the drag-and-drop builder, where you can start customizing the 404 page.

On the left side of the screen, you’ll find blocks and sections that you can add to your design. The right side of the page is the live preview.

Most 404 templates already have some blocks, which are a core part of all SeedProd designs.

To customize any of these ready-made blocks, simply click to select the block in your layout. You can then customize the block using the settings in the left-hand menu.

To add a new block to your design, simply find the block in the left-hand menu. Then, drag it onto your layout. You can now customize the block following the process described above.

To start, you’ll typically want to add your own website logo to the 404 page.

To replace the SeedProd logo with your own branding, simply click to select the placeholder logo in your layout. Then, hover over the image in the left-hand menu and click on the ‘Select Image’ button.

This launches the WordPress media library, where you can select any image or upload a new file from your computer.

Many 404 templates also display your site’s main navigation menu by default. If you have multiple menus, then you may prefer to show a different menu instead.

To make this change, simply click on the ‘Nav Menu’ block in your template. You can then open the ‘Menu’ dropdown and choose any menu from the list.

For more information, please see our guide on how to add custom navigation menus in WordPress themes.

You can create any design simply by adding and customizing blocks. However, when someone arrives at your 404 page, they may be confused about what to do next.

With this in mind, we’ll show you how to promote your most popular posts and create a contact form, so visitors can report any broken links or missing content.

To start, add a ‘Headline’ and a ‘Text’ block to your design. You can then type your message into the text editor in the left-hand menu.

For example, in the following image, we’ve created a headline that explains the page can’t be found and a ‘Text’ block that suggests reading some posts or using the contact form.

Next, we’re going to change the ‘Back To Home’ button so it encourages people to check out a particular post instead of going to the general homepage.

You might include a link to the most popular post on your WordPress blog or the one that helps you make the most money online blogging.

To customize the button, simply click to select it in the page layout. Then, type the post’s URL into the ‘Link’ field.

To change the text that appears on this button, simply type into the ‘Button Text’ box.

Once you’ve done that, click on the ‘Advanced’ tab. Here, you can change the button’s color, size, and more.

Add Your Most Popular Posts to Your WordPress 404 Page

Next, you can add a list of your most popular posts to the 404 page. Since these articles are popular, there’s a good chance visitors will find something they like.

You can create this list automatically using the MonsterInsights plugin. It’s the best analytics solution for WordPress used by over 3 million websites.

MonsterInsights can see which posts get the most visitors and add them to your 404 page. For more details, see our guide on how to display popular posts by views in WordPress.

After activating MonsterInsights, you can display your most popular posts by adding shortcode in WordPress. In SeedProd’s left-hand menu, simply find the ‘Shortcode’ block and drop it onto your layout.

Then, click to select the ‘Shortcode’ block. This will open the settings window to the left. Next, copy the following shortcode:

[monsterinsights_popular_posts_widget theme=”beta”]

Then, in the box labeled ‘Content,’ paste it into the text area labeled ‘Shortcode.’

By default, SeedProd doesn’t show a preview of your most popular posts inside the page editor, so you’ll need to click on the ‘Preview’ button in the upper-right corner. This opens your design in a new tab.

If you prefer to preview the popular posts list inside the page editor, then simply click on the ‘Show Shortcode Preview’ switch.

In the above shortcode, we’re using theme=“beta” for our list, but MonsterInsights has a few different themes that you can use.

To see the different themes, go to Insights » Popular Posts in the WordPress dashboard and then click on ‘Popular Posts Widget’.

You can now click on the different themes to see a preview.

When you find a design that you want to use, simply update the shortcode in SeedProd. For example, if you want to use the ‘Alpha’ theme then you would need to type in:

[monsterinsights_popular_posts_widget theme=”alpha”]

Add a Contact Form to Your WordPress 404 Page

You may also want to add a contact form so visitors can reach out if they can’t find what they’re looking for. This form also gives people an easy way to report broken links, so you can fix them and improve the experience for future visitors.

For more information, please see our complete guide on how to fix broken links in WordPress.

The best way to add a contact form to your site is by using the WPForms plugin. It’s the best contact form plugin for WordPress and comes with a user-friendly drag-and-drop form builder.

For more details, see our step-by-step guide on how to create a contact form in WordPress.

Once you’ve created a contact form, it’s easy to add that form to your 404 page. Simply find the ‘Contact Form’ block and drag it onto your design.

Then, open the ‘Select a Form’ dropdown and choose your contact form from the list.

The page editor will now show a preview of the contact form.

You might want to add some text introducing your contact form or encouraging visitors to get in touch.

To do this, simply add a ‘Headline’ or ‘Text’ block above your contact form and then type in the text that you want to use.

When you’re happy with how the 404 page looks, it’s time to publish it.

Simply click the dropdown arrow next to ‘Save’ and then select ‘Save as Template.’

When asked, go ahead and type in a name for the template. This is just for your reference so you can use anything you want.

After that, click on ‘Save Template.’

In the next popup, click on ‘Return to Page Editor.’ You can then click on the ‘X’ button in the upper-right corner to close the SeedProd page editor.

At this point, you may see a popup asking whether you want to publish your new 404 design. If you’re happy to go ahead, then click on ‘Yes, Activate.’

If you don’t want to publish the template right now, then click on ‘No, Close’ instead.

After that, you can publish the design at any point by going to SeedProd » Pages. Here, click on the switch in the ‘404 Page’ section so it shows ‘Active.’

To see your 404 page in action, just add /404 to the end of your domain name.

After publishing your custom 404 page, it’s a good idea to track how people are engaging with that page. This allows you to see what’s working and what isn’t working, so you can fine-tune your 404 design to get more conversions and engagement.

To learn more, see our beginner’s guide on how to install Google Analytics in WordPress.

Method 2. Create a Custom 404 Page in WordPress By Adding Code

If you don’t want to use a page builder plugin, then you can create a custom 404 page using code. However, just be aware that any mistakes in your code can cause common WordPress errors, or even break your site.

With that in mind, this method isn’t recommended for beginners. It’s also a good idea to back up your site before using this method, just in case you encounter any problems.

To get started, you’ll need an FTP client such as FileZilla, or you can use the file manager supplied by your WordPress hosting provider.

If this is your first time using FTP, then you can see our complete guide on how to connect to your site using FTP.

After connecting to the server, go to /wp-content/themes/ and then open the folder for your current WordPress theme.

If this folder already has a 404.php file, then you can go ahead and open that file in any text editor, such as Notepad.

If your theme doesn’t have a 404.php file, then you’ll need to create one. After that, go ahead and open the file in a text editor app.

You’re now ready to create a custom 404 design using code. You can create all sorts of designs, but here’s some simple examples to help you get started.

Display Most Popular Posts on 404 Page

A list of your most popular posts can encourage visitors to check out your site’s best content.

You can create this list using WordPress Popular Posts. It’s one of the best popular posts plugins for WordPress and comes with template tags that you can add to your 404.php file.

First thing you need to do is install and activate the WordPress Popular Posts plugins. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you can add a list of popular posts to your 404 page using the following template tag:

<?php wpp_get_mostpopular(); ?>

Display Most Commented Posts on 404 Page

This plugin can also display the posts that have the most comments.

In your 404.php file, simply find the area where you want to show your most commented posts, and then add the following template tag:

<?php wpp_get_mostpopular(“range=all&order_by=comments”); ?>

You can also check out our guide on how to display most commented posts in WordPress.

Display Recent Posts on 404 Page

Another option is to show your site’s most recent posts. This can be particularly effective if you post time-sensitive blogs, for example if you run a news aggregator website.

There are several different ways to display recent posts in WordPress, but the easiest way is adding a template tag to your 404.php file:

<?php wp_get_archives( array( ‘type’ => ‘postbypost’, ‘limit’ => 10, ‘format’ => ‘custom’, ‘before’ => ”, ‘after’ => ‘<br />’ ) ); ?>

Display Random Posts on 404 Page

Do you want to show a random list of posts on your custom 404 page?

Then simply add this code to your 404.php file:

<ul>
<?php
$posts = get_posts(‘orderby=rand&numberposts=5’);
foreach($posts as $post) { ?>
<li><a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>”><?php the_title(); ?></a>
</li>
<?php } ?>
</ul>

Add Monthly Archives with Compact Archives

If you have lots of content, then it may be impossible to show all those posts on your custom 404 page.

One option is to organize your content into monthly archives. Visitors can then click to explore content from different months and years.

Here at WPBeginner, we display our monthly archives on our 404 page using the Compact Archives plugin. This helps visitors browse all of our content, without overwhelming them with a long list of posts.

For more details, see our guide on how to create compact archives in WordPress.

After activating the Compact Archives plugin, simply add the following code to your 404.php file:

<p><strong>By Date</strong></p>
<ul>
<?php compact_archive($style=’block’); ?>
</ul>

Now, when a user lands on your 404 page they’ll see your compact post archives.

We hope this article helped you improve your 404 page template in WordPress. You may also want to see our guide on how to set up Google Analytics goals for your WordPress site and our expert pick of the best virtual business phone number apps.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Improve Your 404 Page Template in WordPress (2 Ways) first appeared on WPBeginner.

How to Embed Discord Widget into WordPress

Are you looking to embed a Discord widget in WordPress?

Discord is a well-known VOIP chat application that allows you to build your own communities and enables your users to communicate with each other through text, voice, and video. As of 2022, Discord has about 150 million active users.

In this article, we will show you how to embed a Discord widget into WordPress.

Why Should You Add a Discord Widget to Your Website

Discord chat allows users to communicate with each other over messages, voice calls, and video calls.

By embedding a Discord widget in your WordPress site, you can provide a way for your users to connect with each other. This widget will display the total members of your Discord server, and it will also provide an invite link for new members to join.

Your WordPress users will be able to join your Discord chat rooms through the link provided by the widget, so you can build a huge community for your website.

That being said, let’s see how you can add a Discord widget in WordPress.

How to Embed a Discord Widget in WordPress

To embed a Discord widget in WordPress, you must visit the official Discord website. You will need to create a Discord user account and create a Discord server for your community.

Step 1. Creating a Discord Username and Server

Once there, simply click the ‘Login’ button present at the top right corner if you already have a Discord account.

If you don’t have an account, click the ‘Open Discord in your browser’ button.

You will be then asked to choose a username for your Discord account.

This will be your handle for others to find you, but you can change your display name on a server-by-server basis.

Next, Discord will take you to the ‘Channels’ page and then ask for your date of birth.

Simply enter your details and click the ‘Next’ button.

Then, you’ll be asked to create your first Discord server. Now, you can either create your own template or choose any of the premade ones.

For this tutorial, we will be using the ‘Gaming’ server template.

After that, you’ll be asked to choose a ‘Server Name’ for your Discord chatroom. You can also upload an image for the server.

After choosing a name of your liking and uploading an image, simply click the ‘Create’ button to create your Discord server.

Lastly, you’ll be asked to provide your email account and choose a password for your Discord account.

Once you provide these details, click the ‘Claim Account’ button.

Now, an email will be sent by Discord to the email account you provided to verify your details.

Once you verify your account, your Discord server will be set up.

Now all you have to do is embed the Discord widget in WordPress.

For that, first, you need to click the arrow icon present beside your server name at the top of the Discord ‘Channels’ page.

This will open up a dropdown menu.

Here, you simply have to click the ‘Server Settings’ option to open up your Discord server settings.

Once you’re on the ‘Server Settings’ page, click the ‘Widget’ option from the sidebar.

This will open up the ‘Server Widget’ section where you simply have to toggle the switch present beside ‘Enable Server Widget’.

After that, simply scroll down to the ‘Premade Widget’ section and click the ‘Copy’ button present below the ‘Premade Widget’ option.

You can now embed the Discord widget anywhere on your website by pasting this code.

Step 2. Embedding the Discord Widget in WordPress

First, go to the WordPress page or post where you want to embed the Discord widget.

Then, simply choose the ‘Custom HTML’ block from the block editor and paste the code.

After that click the ‘Publish’ button at the top to embed the Discord widget.

This is how your Discord widget will look on your WordPress website.

Note that you can embed the Discord widget in any block-enabled area of your themes, such as a sidebar, header, or footer.

We hope you learned how to embed the Discord widget in WordPress. You may also want to check our top picks of the best VOIP themes in WordPress and our article on the best email marketing services for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Embed Discord Widget into WordPress first appeared on WPBeginner.

How to Show Random Quotes in Your WordPress Sidebar

Do you want to show random quotes in the WordPress sidebar?

Displaying quotes from happy customers can convince more visitors to buy your products. Or you might simply want to brighten your audience’s day by showing them a random inspirational quote. 

In this article, we will show you how to easily show random quotes in the WordPress sidebar by using a free plugin.

How to Show Random Quotes in Your WordPress Sidebar

You can show random quotes in the WordPress sidebar using the Quotes and Tips plugin. It lets you add an unlimited number of quotes to your site.

It also lets you display quotes on any page, post, or widget area, including your WordPress sidebar.

First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin

After activating the plugin, you can start adding quotes. To add your first quote, go to Quotes » Add New.

First you’ll need to type a title for your quote into the ‘Add Title’ field. In a later step, we’ll show you how to choose whether or not to display the quote’s title to your visitors, or use it for internal reference only.

Next, type your quote into the text editor. In our example, we’re using a quote from a case study.

You may want to organize your quotes into categories. This becomes important when it’s time to display your quotes.

Basically, you have two options.

The Quotes and Tips plugin can select a random quote from all of the quotes you’ve added. Or, it can select a random quote from a specific quote category.

For example, if you have an online store, you might want to display quotes about a specific product on that product page only.

If you already have some categories in mind, then it makes sense to organize your quotes into these categories now. But you can always add, remove, and edit your categories later. We’ll be covering that at the end of the post.

If you do want to create a quote category now, then you can find the Quotes Categories box on the right side of the page.

To add your category, first click on the ‘Add New Quotes Category’ link.

A field will display where you can type your category name. The category won’t appear to your visitors, so it’s just for your reference.

After you type it in, click on the ‘Add New Quotes Category’ button. 

This category will now appear in the Quotes Category tab. To add the current quote to this category, simply select the category’s checkbox. 

You can keep repeating these steps to create more quote categories. 

Next, you’ll typically want to show where a quote comes from. This might be a valued customer, a famous brand, or even a celebrity.

To assign your quote to a person or company, scroll down to the ‘Name and Official Position’ section.

You can now type the person or company’s name into the Name field. 

You might also want to add this person’s job title, or some information that explains why they’re qualified to make this statement. You can type this information into the Official Position field.

When you’re happy with your quote, click on the Publish button. 

You can now repeat these steps to create all of the quotes that you want to show in your WordPress sidebar.  

Configuring Your Quotes and Tips Settings 

After creating your quotes, it’s time to take a look at the Quotes and Tips settings. This contains some important settings that control how and when your site displays a random quote. 

To take a look at these settings, go to Tips » Settings

By default, Quotes and Tips will display a new quote every time the page reloads. This means visitors will see a new quote every time they visit a new page or press the Refresh button in their web browser. 

If you prefer, you can display a new quote automatically every few seconds or minutes. The visitor doesn’t even have to refresh their web browser.

To do this, select ‘AJAX (no page reload).’ You can then find the Change Frequency field. Here, simply type how frequently WordPress should display a new quote in seconds.

Next, it’s time to choose the title that will appear above your quote. 

The default setting is ‘Set Title From Post’. This will display the title you entered when adding the quote to WordPress.

Another option is creating a title that WordPress will use for all of your quotes. This might be something such as ‘Words of Wisdom’ or ‘Don’t take our word for it! Here’s what our customers think’ for testimonials.

To use the same title for all your quotes, click on ‘Set Custom Titles.’ You can now type your title into the Quote Title field. 

When you’re finished, don’t forget to click on the Save Changes button. 

How to Display a Random Quote 

Now it’s time to display your quotes.

Let’s start by showing a random quote from your entire quote collection. If you’ve created multiple categories, then this method will ignore all of these categories. 

You can add your quote to any page, post, or widget using the Quotes and Tips shortcode. To get this shortcode, go to Quotes » Settings

Now, copy the shortcode in the ‘Quotes and Tips’ section.

Another option is to simply copy the following: [quotes_and_tips]

Since we want to show random quotes in the WordPress sidebar, you’ll need to go to Appearance » Widgets. This shows all the areas of your site that support widgets. 

This screen may look slightly different depending on your WordPress theme. However, most modern WordPress themes have a sidebar. 

Find the Main Sidebar or similar section, and give it a click. This section will now expand.

You need to add a Shortcode block to this widget, so click on the + button. In the search field, type Shortcode. 

You can now select the Shortcode block when it appears. Next, either paste or type the shortcode into this block. 

Finally, click on the blue Update button at the top of the screen. Now, if you visit your website you should see a random quote in your WordPress sidebar. 

How to Display Random Quotes From a Specific Category 

Another option is to display a quote from a specific quote category.

To display a random quote from a particular category, you’ll need to use a different shortcode.

To get this code, head over to Quotes » Quote Category

Here, you’ll find a list of all the categories you’ve created. Each category has its own shortcode. 

Simply find the category that you want to use, and copy its shortcode. You can then paste this shortcode into any page, post, or widget, following the same process above.

How to Style and Brand Your Random Quotes

By default, Quotes and Tips adds a blue background to the quote area. It also uses a background image of silhouettes.

You can change this default styling to better match the rest of your website’s design. You can even remove the styling completely. 

To change the background color, text color, or background image, go to Quotes » Settings.

In the left menu, click on the Appearance tab.

You can now change the background color and text color, by clicking on the Select Color button.

This adds an area where you can choose your perfect color.

If you change your mind, you can restore the plugin’s default colors at any point. Simply click on the Default button.

You can also change the background image. To remove the default background image, scroll to Background Image, and then click on the None button.

You can also add your own background image.

Using your company or product logo as a background image can be a great way to brand your quotes.

To upload a new background image, click on the Custom button. This adds a Choose File button. 

Give this button a click. This will open a window where you can select the file that you want to use as your background image.

After making your choice, you can customize how this image looks on your site.

This includes changing the background image alignment and the opacity, which is how transparent the background image is.

Why not experiment, to see what different effects you can create?

How to Add, Edit and Delete Quote Categories 

Sometimes, you may want Quotes and Tips to display a completely random quote.

Other times, you may need more control over the kind of quotes that it displays. 

You can do this using quote categories. We’ve already seen how to create a category when adding a new quote. However, Quotes and Tips has an entire menu where you can make changes to these categories, and create new ones.

To see these settings, go to Quotes » Quotes Categories

Here, you can quickly and easily create quote categories. To add a new category, type a name for your category into the Name field.

By default this plugin creates each quote category as a parent category. 

Another option is to create a subcategory. For example, you might have an OptinMonster parent category, and then create subcategories for your different promotions, such as ‘OptinMonster summer sale’ and ‘OptinMonster holiday promotion.’ 

To create a quote subcategory, you’ll need to select a Parent Category.

When you’re happy with your quote category, click on the blue Add New Quotes Category button. 

You can also edit any of the categories you created earlier. 

To edit a category, hover over it. Then, click on the Edit link when it appears.

This launches a new page where you can make changes to this category. This includes editing the category’s name, and choosing a new parent.

We hope this article helped you learn how to show random quotes in the WordPress sidebar. Next, you can see our guide on how to increase your blog traffic, or see our expert pick of the best social proof plugins for WordPress 

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Show Random Quotes in Your WordPress Sidebar first appeared on WPBeginner.

How to Send Automated Emails in WordPress

Are you looking to automate emails in WordPress?

Your small business or online store relies on email. However, keeping up with marketing emails, transactional emails, email notifications, and engaging with users can become overwhelming. Automating these emails can save you time and effort while delivering you better results.

In this article, we’ll show you how to send automated emails in WordPress to streamline your workflow and grow your business.

Why Send Automated Emails in WordPress?

Whether you have an online store, a membership site, or a small business website, you rely on email to keep it growing and running smoothly.

For example, you can use email to welcome new users and let them know when new content or products are available. Email is also useful for marketing campaigns and updating your customers on the progress of their orders.

You can even use email to notify yourself when there is a new post waiting for you to review, or that a WordPress update needs to be installed.

Since email is used for so many tasks on your WordPress website, it only makes sense to save time and effort by automating as many emails as possible.

With that being said, let’s take a look at how to send automated emails in WordPress. Here are the topics we’ll cover in this tutorial:

Making Sure Your WordPress Email Is Being Sent Reliably

Before you start automating your emails, it’s important to make sure that emails from your website are being delivered reliably.

By default, most WordPress hosting companies do not have the mail function configured properly. To prevent their servers from abuse, many hosting companies even turn it off completely. In these cases, your WordPress emails will fail to reach users.

Luckily, you can fix this easily by using WP Mail SMTP. This plugin lets you send your WordPress email through a reliable SMTP platform which is configured specifically to send emails like SendLayer, Gmail, Outlook, etc.

The free version of WP Mail SMTP should be more than sufficient for most websites. For more details, see our guide on how to fix WordPress not sending email.

Sending Automated Drip Emails Using Constant Contact

A good place to start thinking about email automation is the way you market your store or business. And one of the best ways to automate marketing is with a drip campaign.

What Is an Automated Drip Campaign?

Automated drip campaigns are email messages that automatically guide your users along a specific journey. They’re great for boosting user engagement on your WordPress site.

For example, these messages can welcome new users, promote important content, upsell products, target specific geographic regions, and encourage users to register for events.

To send automated drip notifications by email, we recommend using Constant Contact because it’s the best email marketing service on the market. However, you can use any other major email marketing platform, including SendinblueHubSpot, and others.

To start, you can visit the Constant Contact website and create an account. The software gives you a 60-day free trial, so you can try it out before committing to a premium plan.

Pro Tip: If you use our Constant Contact coupon code, then you can also get 20% off by purchasing upfront.

Creating a List of Contacts

Once you sign up, you can visit the Constant Contact dashboard to create a contact list.

Constant Contact has already created a default list for you. However, you can create your own list by going to the ‘Contacts’ tab in the top menu, and then clicking the ‘Create List’ button.

A popup window will appear where you can enter a name for your list.

After that, simply click the ‘Save’ button.

You can add contacts to the list by going to the ‘Contacts’ tab and then clicking the ‘Add Contacts’ button.

A popup window will open with multiple options for adding new contacts.

Now you can add your contacts manually, upload them in a spreadsheet or CSV file, or import them from other apps.

Creating an Automated Drip Campaign

Once you’ve added your contacts, you need to create the drip campaign.

To do that, head over to the ‘Campaigns’ tab and then click the ‘Create’ button.

Next, Constant Contact will show you multiple options for creating a campaign.

Go ahead and select the ‘Email Automation’ campaign.

From here, you can select single-step automations or multi-step automation.

Single-step automations send just a single email, such as a welcome email. Multi-step automations let you create a series of emails that are automatically sent to your subscribers so you can let them know about your products and services, send special offers, and more.

In this tutorial, you’ll create a multi-step automation for when new subscribers join your email list. Go ahead and select the ‘A contact joins a list’ option.

Next, you will have to enter a name for your campaign.

Make sure you click the ‘Save’ button.

Constant Contact will then ask you to choose what activity will trigger the email. For example, the drip series is automatically triggered when a user joins your email list, opens an email, clicks a link, or buys a product.

You can use the default ‘Contact joins a list’ option as the trigger type. Then you can choose the email list you created earlier. Go ahead and click the ‘Save’ button when you’re done.

Creating the Emails for Your Drip Campaign

Now you need to create the emails to send in your automated drip campaign. The first one you create will be sent automatically when the user signs up.

To begin, simply click the ‘Create New Email’ option.

Constant Contact will now show different email templates to choose from.

For this tutorial, we’ll use the ‘Agent Welcome’ template.

You can customize the email template using the drag-and-drop email builder.

You can choose multiple elements from the menu on your left and place them on the template.

You also need to add the email’s content by removing the placeholder text and adding your own. Once you’ve done this, simply click the ‘Continue’ button at the top right of the editor and the email will be added to the drip series.

Next, you can add a second email by clicking the ‘+ Add to series’ button and then the ‘Create New Email’ button.

You’ll need to select a template and customize the new email as you did earlier. You can set the delay before the drip campaign sends its next email.

By default, this value is set to 4 days. You can change this by clicking the ‘Edit’ button in front of the section titled ‘Wait 4 days.’

This will open the ‘Time Delay Editor’ where you can choose when the next email in the drip campaign will be delivered. You can click the ‘Confirm’ button when you’re done.

Now, you should see all your emails in the campaign summary area.

Go ahead and click the ‘Activate’ button in the upper-right corner to launch your campaign.

Constant Contact will then show a prompt to verify whether you wish to activate your campaign.

Simply click the ‘Continue’ button, and the tool will check if everything is working properly and activate your campaign.

You’ve now successfully launched your automated drip email campaign.

For more detailed instructions, and to learn how to create a drip campaign using push notifications, see our guide on how to set up automated drip notifications in WordPress.

Sending Automated Transactional Emails With FunnelKit Automations

If you are running a WooCommerce store, then your customers will receive different transactional emails. These help them get order confirmations, track their order status, get invoices, and find more information about your online store.

You can customize and automate these emails using FunnelKit Automations, a popular WooCommerce plugin for marketing automation. It is a sister product to FunnelKit (formerly WooFunnels), a powerful sales funnel builder for WooCommerce.

First, you need to install and activate the FunnelKit Automations plugin. For more details, please see our guide on how to install a WordPress plugin.

Creating Email Automation Workflows With FunnelKit Automations

Upon activation, you need to go to Campaigns » Automations (Next-Gen) to add a new automation from your FunnelKit Automations dashboard. Here you will see a library of email types that make it simple to create new automations.

You can import an email automation workflow with a single click, then use the visual email automation builder to make any customizations that you need.

For example, here’s the workflow for Abandoned Cart Reminder.

Customizing WooCommerce Emails With FunnelKit Automations

FunnelKit Automations lets you customize any WooCommerce email and create new emails using a drag-and-drop email builder inside WordPress.

You can go to FunnelKit Automations » Templates from your WordPress dashboard and click the ‘Add New Email Template’ button.

Next, you can enter a name for your email template.

After that, make sure you click the ‘Add’ button to continue.

Now the plugin will let you enter a subject line and preview text for your email.

You can customize the content of your WooCommerce emails using rich text, HTML, or the visual builder.

The visual builder lets you select different elements from the menu on your left and place them on the template using drag and drop.

For instance, the ‘Content’ tab lets you can add columns, buttons, headings, menus, text, and more to the email template.

The ‘Body’ tab lets you further customize each element, such as the text color, alignment, font, size, and more.

Once you’re done, you can click the ‘Save’ button at the top.

For more detailed instructions, see our guide on how to customize WooCommerce emails. Once there, make sure you scroll down to the second section titled ‘Customizing WooCommerce Emails using FunnelKit Automations.’

Automating Marketing Emails Using Uncanny Automator

Of course, you’ll also still need to send marketing emails outside of your drip campaign. These are most effective when they are personalized and timely.

For example, you can use automated emails to showcase products similar to what your customer has already bought. Or you can automatically send users an email as soon as you publish a new article on your website.

You can do this easily by using Uncanny Automator. It’s the best WordPress automation plugin that allows you to create automated workflows for your WordPress site.

The free version easily connects with popular email marketing services such as Mailchimp, HubSpot, and others, making it easy to automate your email.

For this tutorial, we’ll use the free version of Mailchimp because it’s popular and they offer a free forever plan where you can send up to 10,000 emails per month to 2000 subscribers.

Getting Started With Uncanny Automator

The first thing you need to do is install and activate the free Uncanny Automator plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, head over to the Automator » Add New page to create your first recipe. In this tutorial, we’ll send an automated email to subscribers whenever we publish a new post.

You’ll be asked to select which type of recipe you want to create. You should choose ‘Logged-in users’ and then click the ‘Confirm’ button.

Setting Up the Automation Trigger

Next, you need to choose whether the automation will be triggered by Uncanny Automator or WordPress.

Since you will be sending an automated email when a new WordPress post is published, you should click on the ‘WordPress’ option.

Now you can choose from a long list of available WordPress triggers.

You need to select the trigger labeled ‘A user publishes a type of post with a taxonomy term in a taxonomy.’

You can use the search feature to find this trigger more quickly.

If you like, you can get specific about the types of posts that will trigger the email. You can choose a post type and a specific category or tag from the drop-down menus.

For this tutorial, we’ll go with the default settings.

Make sure you click the ‘Save’ button when you have finished setting up the trigger.

Setting Up the Automation Trigger

Next comes the action part, where you choose what action will be triggered. To get started, simply click the ‘Add action’ button.

Now you will be shown a long list of integrations that are available for the action.

You should click the Mailchimp icon to connect it to your website.

This will bring up a popup where you need to follow the on-screen instructions to finish the connection by logging into your Mailchimp account or creating a new one. Once connected, you will be able to choose what action you want to perform on your Mailchimp account.

You should then choose the option ‘Create a send a campaign’.

Now you need to type a name for the campaign. You might like to use tokens so that the Mailchimp campaign name for each new post is different.

For example, you can click the ‘*’ button to the right of the field and select the ‘Post title’ token.

After that, you can use the drop-down menus to choose your audience and segment and fill in the subject and other details of your email.

You can compose your email in the ‘Email contents’ field. Make sure you use tokens so that the content is updated for each email campaign.

For instance, you can include tokens for the post title, post author display name, post excerpt, post URL, and featured image URL.

Once you are finished, you can switch the recipe from ‘Draft’ to ‘Live.’

From now on, when you publish a new article on your website, Mailchimp will automatically send an email to your subscribers.

You can learn more about building an effective mailing list in our guides on using Mailchimp and WordPress and how to create an email newsletter the right way.

You might also like to see our guide on how to automatically send a coupon to users who leave reviews in WooCommerce. It’s another good example of how you create automated emails using Uncanny Automator to build customer loyalty.

Bonus: Sending Automated Notification Emails

Now that you have set up automated emails for your users, you can do the same for yourself and your team.

For example, you can create automated email notifications to keep track of issues that require your immediate attention, such as when an author submits a post for you to review.

You can also stop the WordPress notifications you don’t need from filling up your inbox, such as comment notifications.

To learn how to customize notification emails, see our step-by-step guide on how to add better custom notifications in WordPress.

We hope this tutorial helped you learn how to send automated emails in WordPress. You may also want to learn how to get a free email domain, or check out our list of the best WordPress membership plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Send Automated Emails in WordPress first appeared on WPBeginner.

How to Connect Salesforce to Your WordPress Forms

Do you want to connect Salesforce to your WordPress forms?

Salesforce is one of the most popular customer management software on the market. Connecting it to your WordPress forms allows you to automatically add leads, customers, and other contacts to your CRM.

In this article, we’ll show you how to easily connect Salesforce to your WordPress forms.

Why Connect Salesforce to Your WordPress Forms?

Salesforce is one of the best CRM (customer relationship management) software on the market. Many of the world’s largest businesses use it to manage customers, leads, and business contacts from one single dashboard.

Most business websites use contact forms to generate leads and then manually add them to their CRM software. This takes time, and you may still forget to follow up with a potential customer.

Connecting Salesforce to your WordPress contact form allows you to remove this hurdle. As soon as a user submits their information, it will automatically be added to your Salesforce contacts.

From there, you can follow up with customers to boost conversions and sales from your WordPress website.

That being said, let’s take a look at how to easily connect Salesforce to your WordPress forms.

Setting Up WPForms to Connect With Salesforce

For this tutorial, you’ll need WPForms. It is the best WordPress contact form plugin used by over 5 million website owners.

You can use it to easily create any type of form using a simple drag-and-drop form builder.

WPForms is a premium WordPress plugin, and you’ll need their Elite plan to use the Salesforce addon. There is also a WPForms Lite version which is available for free.

First, you need to install and activate the WPForms plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to visit the WPForms » Settings page to enter your license key. You can find this key under your account on the WPForms website.

Setting Up the Connection Between WPForms and Salesforce

Now, you need to set up a connection between WPForms and Salesforce. WPForms comes with the Salesforce addon which lets you easily connect the two apps together.

Simply go to the WPForms » Addons page and locate the Salesforce addon. You can then click on the ‘Install’ button, and it will be installed and activated automatically.

After that, you can go to the WPForms » Settings » Integrations page from your WordPress dashboard.

Here, you need to click on the Salesforce integration to open it up.

Under Salesforce settings, go ahead and click on the ‘Add New Account’ button.

WPForms will show you Salesforce settings with a Callback URL.

Simply keep the tab open in your browser or copy the Callback URL to a safe place. You’ll need it in a later step.

Now, you need to create an app in your Salesforce account. We’ll walk you through the process step by step.

Important Note: You need to have an Enterprise, Unlimited, Performance, or Developer edition of Salesforce. Otherwise, you will not be able to connect your WordPress forms. However, there is a free trial you can use to get started.

If you don’t already have an account, then you can create one by going to the Salesforce’ website and clicking the ‘Start My Free Trial’ button.

On the next screen, you can enter your details like name, work email, job title, company, phone number, and more to create an account.

After entering the data, go ahead and click the ‘Start My Free Trial’ button.

After completing the signup, you’ll reach your Salesforce account dashboard.

From here, you need to switch to the Salesforce Classic dashboard by clicking on your profile icon on the top, and then clicking the ‘Switch to Salesforce Classic’ option.

Next, you’ll the classic Salesforce dashboard.

After that, you need to click on the Setup link at the top to access the Salesforce dashboard settings.

On the next screen, navigate to the Build » Create menu from the column on the left.

From here, simply click the ‘Apps’ option in the menu.

This will bring you to the Apps section.

From here, click on the New button under the Connected Apps section.

Next, you now need to fill in the details for your app.

For the ‘Connected App Name,’ enter the name you want to use, so other users for your Salesforce account can see it.

The API name will default to the Connected App Name. You don’t need to enter or change it. For the contact email, enter your email address.

You don’t need to enter the logo image, icon, info URL, or description. These fields are for Salesforce users who will be publishing their apps.

Below this, you need to check the ‘Enable OAuth Settings’ box.

Once you check the box, you will see the OAuth settings.

First, you need to enter the Callback URL that you found earlier in your WPForms account.

Simply paste the link in the Callback URL field.

After that, scroll to the ‘Available OAuth Scopes’ section. The selected OAuth Scopes let Salesforce know what permissions your app should have.

Next, you need to enable 2 permissions here. They are ‘Manage user data via APIS (api)’ and ‘Perform requests at any time (refresh_token, offline_access).’

Simply select these and then click the ‘Add’ button to add those permissions.

There’s nothing else you need to change on this page. After adding the permissions, simply click the ‘Save’ button at the bottom of the page.

You should then see a message telling you to allow up to 10 minutes for your changes to take effect.

Then, just click on the ‘Continue’ button. On the next screen, you’ll see your API information.

We recommend that you wait 10 minutes before using your app. That way, you can be sure that your app will be ready. After the 10 minutes is up, you need to copy your ‘Consumer Key’ and ‘Consumer Secret’ to WPForms.

Simply click the ‘Manage Consumer Details’ button to continue.

Next, Salesforce will ask you to enter a verification to move ahead. You’ll receive the code in your email.

After entering the code, go ahead and click the ‘Verify’ button.

Next, you’ll see the ‘Consumer Key’ and ‘Consumer Secret’ codes. Go ahead and copy them.

Now, simply switch back to the tab with your WPForms Salesforce settings.

If you have closed this tab, then it’s easy to find it again in your WordPress admin. Just go to the WPForms » Settings » Integrations page.

Simply paste the Consumer Key and Consumer Secret into the Salesforce settings for WPForms.

Then, go ahead and click the ‘Connect to Salesforce’ button.

You will then be prompted to log in to your Salesforce. Simply log in to your account using your username and password.

Next, you need to click the ‘Allow’ button to give WPForms access to your Salesforce account.

After this, you will see your Integrations page again.

There should be a message at the top of the screen to let you know that the connection was successful.

Now that you have connected WPForms to your Salesforce account. You can start creating forms and send entries directly to your Salesforce account.

Creating a WordPress Form with Salesforce Integration

The next step is to create your form. You can connect any type of form to Salesforce.

Simply go to the WPForms » Add New page. This will launch the WPForms drag-and-drop form builder.

First, you can enter a name for your form at the top and then click on a template. We’ll use the ‘Simply Contact Form’ template for this tutorial.

In the form builder, you can drag and drop different fields from the left menu onto the template. For instance, you could add a phone number field.

Plus, you can rearrange their order and further customize each field in the form.

Once you are satisfied with the form, go to the Marketing » Salesforce tab to connect it with your Salesforce account.

Go ahead and click the ‘Add New Connection’ button.

You will then see a popup where you need to name your connection. Your site’s visitors will not see this. It’s just for your own use.

Just enter the name you want to use. Then, click the ‘OK’ button.

Now, you need to select your Salesforce account and ‘Salesforce Object.’

The object is the type of data you are sending to Salesforce, such as a contact or a lead.

Once you’ve chosen your Salesforce Object, you will see some new dropdowns.

Here, the ‘Custom Field Name’ column is the name of the field in your Salesforce account. The ‘Form Field Value’ is the name of the field on your form.

You need to select a ‘Form Field Value’ for each custom field you want to use. This means your form data will be entered into the correct field in Salesforce.

The only required field is the Full Name field in Salesforce. For this, select ‘Name’ as the Form Field value.

Next, go ahead and select a different field from the dropdown below this. Simply choose which WPForms field you want to map it to. To add more fields, click the blue + button.

We have included the email and phone fields from our form here:

Don’t forget to click the Save button at the top of the screen after adding your Salesforce connection.

Adding Your Form to a WordPress Page or Post

WPForms makes it super easy to add forms anywhere on your WordPress website.

Simply edit the post or page where you want to add the form or create a new one. On the content editor screen, click on the (+) add new block button and then add a WPForms block to your page.

Next, you need to choose your contact form from the dropdown list within the block.

Finally, go ahead and publish your page to see your form live on your site.

For more detailed instructions, check out our step-by-step guide to creating a contact form in WPForms.

It’s best practice to test your form to make sure that you’ve correctly connected Salesforce.

Simply fill in some test data and click Submit.

After that, switch to your Salesforce account dashboard.

You should see a new item listed on your homepage.

You can click on the name to see the information for that contact.

You’ve successfully connected Salesforce to WPForms. Now, all your new contacts will be automatically added to Salesforce for you.

We hope this article helped you learn how to connect Salesforce to your WordPress forms. You might also like our article on how to send contact form details to multiple recipients, and our pick of best business phone services for online businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Connect Salesforce to Your WordPress Forms first appeared on WPBeginner.