Facebook-f X-twitter
EncodeByte
Need Help!
  • How-To
    How-ToShow More
    How To Redirect Old Website To New Domain Without Losing SEO | 301 Domain Redirect
    By
    Franchbabu
    How to Fix the “Windows Cannot Be Installed to This Disk” Error
    By
    EncodeMore
    How to Check Your Laptop’s Battery Health: A Step-by-Step Guide
    By
    EncodeMore
    How to Become a Freelancer in 2025: A Comprehensive Guide.
    By
    EncodeMore
    How to Activate Windows Legally and For Free (100% Working)
    By
    EncodeMore
  • Web Development & Coding
    Web Development & CodingShow More
    How to Become a Freelancer in 2025: A Comprehensive Guide.
    By
    EncodeMore
    What Are the Top In-Demand Freelancer Niches Predicted for 2025?
    By
    EncodeMore
    🚀 10 Reasons Why Hostinger Is the Best Web Hosting Platform for Speed, Security & Affordability
    By
    Franchbabu
    How to Add “Made with ❤️” to Your WordPress Footer (No Plugin Needed)
    By
    EncodeMore
    WordPress Redirect After Login: How to Set It Up
    By
    EncodeMore
  • Code Snippets & Scripts
    Code Snippets & ScriptsShow More
    How to Hide a Class in WordPress (Easy CSS & Admin Tips)
    By
    EncodeMore
  • Website Design & UX
    Website Design & UXShow More
    10 Web Design Mistakes That Are Killing Your User Experience (and How to Fix Them)
    By
    Franchbabu
  • Make Money Online
    Make Money OnlineShow More
    How to Become a Freelancer in 2025: A Comprehensive Guide.
    By
    EncodeMore
    What Are the Top In-Demand Freelancer Niches Predicted for 2025?
    By
    EncodeMore
    Website related skillsets that you shoud have
    By
    EncodeMore
    Top Sites Like Fiverr: The Best Fiverr Alternatives for Freelancers
    By
    Franchbabu
    Best Telegram Channels For Free Paid Courses
    By
    Franchbabu
  • 🤩 Trending:
  • How-To Guides
  • WordPress & Website Development
  • Web Development & Coding
  • Windows & Software Fixes
  • Tech Tips, Tools & Tutorials
  • Computer Tips & Tricks
Font ResizerAa
EncodeByteEncodeByte
Search
  • How-To
  • Web Development & Coding
  • Code Snippets & Scripts
  • Website Design & UX
  • Make Money Online
Follow US
Made by ThemeRuby using the Foxiz theme. Powered by WordPress
WordPress & Website DevelopmentWeb Development & Coding

How to Add “Made with ❤️” to Your WordPress Footer (No Plugin Needed)

Last updated: July 30, 2025 1:54 pm
By
EncodeMore
Share

Want to personalize your website footer with a sweet touch? Adding a “Made with ❤️” message is a small but meaningful detail that can make your site feel more human and memorable.

Contents
🔧 Method 1: For Elementor or Page Builder Users💻 Method 2: Add to Your WordPress Theme Footer🌈 Bonus Tips✅ Final Output Preview:💡 Why Add This?Another Advance WayCustomizing Your FooterStyling the Heart Dashicon

In this quick tutorial, we’ll show you how to do it without any plugins — just a simple HTML or PHP tweak.


🔧 Method 1: For Elementor or Page Builder Users

If you’re using Elementor, follow these steps:

  1. Go to Appearance > Footer (or Templates > Footer).
  2. Add a Text widget or HTML widget.
  3. Paste this code:

“`html

<p style="text-align:center; font-size:14px;">
  Made with <span style="color:red;">❤️</span> by <a href="https://codexcool.com" target="_blank">CodeXcool</a>
</p>

Style it as needed with Elementor controls.

💻 Method 2: Add to Your WordPress Theme Footer

If you want to add this globally to your site footer:

  1. Go to your WordPress Dashboard.
  2. Navigate to Appearance > Theme File Editor.
  3. Find the footer.php file.
  4. Before the </body> or </footer> tag, insert:
<p style="text-align:center; font-size:14px;">
  Made with <span style="color:red;">&#10084;&#65039;</span> by <a href="https://codexcool.com" target="_blank">CodeXcool</a>
</p>

⚠️ Important: Always back up your theme files before editing them directly.

🌈 Bonus Tips

  • You can animate the heart using CSS if you want a cute pulsing effect.
  • Add your brand link, portfolio, or support page beside the message.
  • Use this footer in your child theme to preserve it through theme updates.

✅ Final Output Preview:

Made with ❤️ by CodeXcool


💡 Why Add This?

  • Adds human touch to your brand.
  • Boosts trust and relatability.
  • Shows off a bit of your personality.

That’s it! A quick and heartfelt way to enhance your site’s footer.

Want more WordPress tricks like this?
👉 Explore more tutorials on EncodeByte


Another Advance Way

Open up your theme’s functions.php file and place the code below. Feel free to place this at the very bottom of the file, if you want.

// Enqueue Ionicons.
add_action( 'wp_enqueue_scripts', 'sp_enqueue_ionicons' );
function sp_enqueue_ionicons() {

wp_enqueue_style( 'ionicons', '//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css', array(), CHILD_THEME_VERSION );

}

To see a comprehensive list of their icon font library, click here.

Customizing Your Footer

The next step in the process is quite simple as well.

(Be sure that the Modify Entire Footer Text option is selected.)

Here you should place the following code.

<p class="love">Made with <i class="icon ion-heart"></i> By Franchbabu</p>

Obviously you can edit the HTML provided with your own name and links to other places. This is simply the code that I use on Authentik.

Styling the Heart Dashicon

Depending on what size and color of fonts you have declared in your style sheet, you might need to tweak the CSS a bit for your heart Ionicon.

Below is the CSS that I have used on my website to ensure the best look and placement of the heart Ionicon in my site footer.

/* Heart Icon
--------------------------------------------- */

.site-footer .icon {
	font-size: 20px;
}

.site-footer .love .icon {
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;

And that is it—you’ve customized your site footer with a heart icon!

TAGGED:Beginner GuideFooter CustomizationMade with LoveWordPress
Share This Article
Facebook Whatsapp Whatsapp LinkedIn
Leave a Comment

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Popular Categories

Themes & Customization

1 Article

Troubleshooting & Fixes

1 Article

WordPress Tips & Tricks

6 Articles

WordPress Tutorials

5 Articles

Must Read

How-To GuidesSEO Tips & StrategiesWordPress Tutorials

How To Redirect Old Website To New Domain Without Losing SEO | 301 Domain Redirect

WordPress & Website DevelopmentHow-To Guides

How to Create a Private/Password Protected Post or Page in WordPress

Computer Tips & TricksHow-To Guides

How to Repair a Bad Hard Disk (Hard Disk Low Level Format)

How-To GuidesTech Tips, Tools & Tutorials

How to Remove URLs From Google Search

  • I need help with …

Starting a Blog

WordPress SEO

WordPress Performance

WordPress Errors

WordPress Security

Got A Question?

Need Expert Help?
Let CodeXcool power up your website with
custom WordPress design, speed optimization, and SEO!
🚀 Get Started

You Might also Like

WordPress & Website DevelopmentHow-To Guides

Make a WordPress Website: An Easy, Free Step by Step Guide for Beginners in 2024

WordPress & Website DevelopmentHow-To Guides

Change a WordPress username in PhpMyAdmin

WordPress & Website DevelopmentHow-To Guides

How To fix 404 errors caused by permalinks in WordPress?

How-To GuidesWordPress Tips & Tricks

How To disable file editing in WordPress admin

EncodeByte

© 2025 EncodeByte – Discover expert tech tutorials, coding guides, troubleshooting solutions, and free tools. Simplify technology, build smarter, and learn faster with us.

About Us / Privacy Policy / Contact Us

Latest News

  • Coming Soon
  • Coming Soon
  • Coming Soon
  • Coming Soon

Services

  • Coming Soon
  • Coming Soon
  • Coming Soon
  • Coming Soon

Looking for custom web development or maintenance?

Check out our parent team at [CodeXcool.com] 🚀
— Let's build together!
Request a Quote
Welcome Back!

Sign in to your account

Username or Email Address
Password

Lost your password?