wordpress-dashboard-support-widget

WordPress Dev

Add a Support Info Widget in WordPress Dashboard (No Plugin Needed)

Sometimes your clients need quick access to support — like an email or contact link — directly from their WordPress dashboard.

Instead of telling them “just contact me,” why not add a support info widget that appears every time they log into the admin area?

With a few lines of PHP, you can make their experience smoother — and your job easier. 🚀

💻 The Code to Add a Support Info Widget

Here’s a simple code snippet you can use 👇

<?php
// ✅ WordPress Admin Dashboard এ Support Info Widget
add_action('wp_dashboard_setup', function() {
    wp_add_dashboard_widget(
        'support_info_widget',
        __('Support Info', 'your-textdomain'),
        function() {
            echo '
            <style>
                .support-widget {
                    background: #fff;
                    border: 1px solid #e5e7eb;
                    border-radius: 12px;
                    padding: 20px 22px;
                    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
                    color: #1f2937;
                    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
                    transition: all 0.25s ease;
                }
                .support-widget:hover {
                    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
                    transform: translateY(-1px);
                }
                .support-widget h3 {
                    font-size: 17px;
                    font-weight: 600;
                    margin: 0 0 8px;
                    color: #111827;
                    display: flex;
                    align-items: center;
                    gap: 6px;
                }
                .support-widget h3::before {
                    content: "💬";
                    font-size: 18px;
                }
                .support-widget .intro {
                    font-size: 14px;
                    color: #4b5563;
                    margin-bottom: 14px;
                }
                .support-widget .contact {
                    display: flex;
                    flex-direction: column;
                    gap: 6px;
                    font-size: 14px;
                }
                .support-widget .contact a {
                    color: #2563eb;
                    text-decoration: none;
                    transition: color 0.2s ease;
                }
                .support-widget .contact a:hover {
                    color: #1d4ed8;
                    text-decoration: underline;
                }
                .support-widget .footer {
                    margin-top: 14px;
                    font-size: 12px;
                    color: #9ca3af;
                    border-top: 1px solid #f3f4f6;
                    padding-top: 8px;
                }
            </style>

            <div class="support-widget">
                <h3>Support Info</h3>
                <p class="intro">Need help? Contact <strong>Md Shorov Abedin</strong></p>

                <div class="contact">
                    <div>📞 <a href="https://wa.me/447400728866" target="_blank">+44 7400 728866</a></div>
                    <div>📧 <a href="mailto:[email protected]">[email protected]</a></div>
                    <div>🌐 <a href="https://shorovabedin.com" target="_blank">shorovabedin.com</a></div>
                </div>

                <div class="footer">— WordPress & Frontend Expert</div>
            </div>
            ';
        }
    );
});

Demo add support info widget

🧩 How to Add This Widget in WordPress Dashboard

  1. Open your theme’s functions.php file (or use a code snippet plugin).
  2. Paste the code above.
  3. Customize the contact details — name, email, and website.
  4. Save changes and refresh your WordPress Dashboard.

You’ll now see a “Support Info” box in the admin dashboard, visible to all users with dashboard access.

💡 Why Add a Support Info Widget?

Here’s why it’s such a smart idea:

✅ Clients can easily reach you when they need help.
✅ You can include your email, support link, or even WhatsApp number.
✅ It improves user trust and reduces repetitive questions.
✅ Great for agencies managing multiple WordPress sites.

💬 I often add this little widget for my clients — it makes WordPress feel more personalized and professional.

⚙️ Customization Tips

  • Change the widget title in this line: __('Support Info', 'your-textdomain')
  • Add custom links or styled HTML for better design.
  • You can even embed a quick “Support Form” using a shortcode.

🔗 Related Resources

📘 FAQ

Q1: Can I show this widget only for admin users?
Yes! Wrap the code with a check:

if ( current_user_can('manage_options') ) { ... }

Q2: Will this affect site speed?
No. It’s a lightweight function that runs only in the admin area.

Q3: Can I add multiple widgets like this?
Absolutely. Use unique widget IDs for each one.

Q4: Can I include clickable links?
Yes, you can include <a href> tags inside the widget for emails or websites.

Related Topic: