ToolTips For Contact Form 7
ToolTips For Contact Form 7 is a free WordPress plugin that lets you add contextual, hover-triggered tooltip hints to any field inside your Contact Form 7 forms. Place a small question-mark icon next to any field label or input — when a user hovers over it, a styled tooltip bubble appears with the guidance text you have written. Tooltips help users fill in forms correctly the first time. Long or technical forms — those asking for VAT numbers, date formats, phone formats, passport numbers, or legal agreements — often confuse visitors who are unsure exactly what to enter. Inline tooltip hints answer those questions right at the point of confusion, without cluttering your form with long label text or instruction paragraphs. The plugin is powered by Tippy.js, one of the most widely used and well-maintained tooltip libraries in the world. A dedicated admin settings panel lets you configure the tooltip appearance — background color, text color, icon style, width, arrow, and offset — and settings are saved globally so every form on your site uses the same polished style. Requires Contact Form 7 to be installed and activated on your WordPress site. 📄 Documentation | 🔴 Live Demo | ⭐ Get Pro Version Why Use ToolTips For Contact Form 7? Contact Form 7 provides labels and placeholder text, but neither is ideal for detailed guidance. Labels stay visible at all times and can make a form feel cluttered. Placeholder text disappears the moment a user starts typing — exactly when they need help most. Tooltips offer a clean solution: contextual help that appears only when a user actively needs it. The form stays uncluttered and professional, while the guidance is always just a hover away. Users make fewer mistakes, submit fewer invalid entries, and abandon the form less often. Adding a tooltip is as simple as wrapping your hint text in the [mytooltips] shortcode directly inside your CF7 form template — no page builders, no extra configuration, no coding required. How to Add a Tooltip Wrap any guidance text with the [mytooltips] shortcode inside your Contact Form 7 form template: [mytooltips]Enter your name as it appears on your ID[/mytooltips] Place it next to a field label or tag like this: Your Name [mytooltips]Enter your full legal name as it appears on official documents[/mytooltips] [text* your-name] When the form is displayed on the front end, a tooltip trigger icon appears next to the label. Hovering over it reveals the styled tooltip bubble with your hint text. Free Version Features Simple Shortcode Integration — Add a tooltip to any CF7 field by wrapping your hint text with [mytooltips]...[/mytooltips] directly in the CF7 form editor. No coding, no extra settings per field — just the shortcode. Dedicated Admin Settings Page — A standalone Tooltips For Contact Form 7 menu item is added to your WordPress admin sidebar. All tooltip style settings are managed from one clean settings panel — no hunting through CF7 form settings. 6 Built-In Tooltip Trigger Icons — Choose from 6 different question-mark style icons to use as the tooltip trigger. Select the icon that best fits the visual style of your website directly from the settings panel. Adjustable Tooltip Width — Set the maximum width of the tooltip bubble in pixels. The default is 350px, but you can increase or decrease it to suit the length of your hint text and your form layout. Tooltip Arrow — Toggle the directional pointer arrow on the tooltip bubble on or off. When enabled, a small arrow points from the tooltip back toward the trigger icon, making the relationship between the tooltip and the field clear. Tooltip Offset Control — Fine-tune the distance between the tooltip bubble and the trigger icon using the offset setting. This lets you adjust the spacing precisely so the tooltip never overlaps important form elements. Mouse Enter + Click Trigger — In the free version, tooltips appear when a user moves their mouse over the tooltip icon (hover) or clicks it. This dual trigger ensures the tooltip works naturally on both desktop and touch-capable devices. Custom Background Color — Set the background color of the tooltip bubble using a full color picker with alpha (transparency) support. Match the tooltip to your brand colors or website theme. Custom Text Color — Set the text color inside the tooltip bubble independently of the background color, also using a full color picker with alpha support. Ensure strong contrast and readability for all users. Works with All Recent CF7 Versions — Tested and compatible with Contact Form 7 up to version 7.0. Pro Version Features The following features are available exclusively in the Pro version. They appear as disabled options in the settings panel for free users. Upgrade to Pro → Manual Tooltip Position — Top — Pin the tooltip bubble to always appear directly above the trigger icon, regardless of where the form is on the page. Manual Tooltip Position — Bottom — Pin the tooltip bubble to always appear directly below the trigger icon for a consistent downward layout. Manual Tooltip Position — Left — Pin the tooltip bubble to appear to the left of the trigger icon. Useful for forms with wide layouts where left-side tooltips fit the visual flow better. Manual Tooltip Position — Right — Pin the tooltip bubble to appear to the right of the trigger icon. Ideal for inline forms or labels where right-side placement looks cleaner. Click-Only Trigger — Configure the tooltip to appear only when the user clicks the trigger icon, not on hover. Useful for mobile-first forms where hover events are unreliable, or for tooltips containing longer content that users need to read without accidental triggering. Mouseenter + Focus Trigger — Configure the tooltip to appear both on hover and when the trigger icon receives keyboard focus. This improves accessibility for keyboard-only users and screen reader users navigating the form by tab. Upload Custom Tooltip Icon Image — Replace the built-in question-mark icon set with your own custom image. Upload any image from your WordPress Media Library to use as the tooltip trigger icon, giving you full control over the visual style of the tooltip trigger. Custom Icon Image Width — Set the exact pixel width of your uploaded custom tooltip trigger icon to ensure it fits perfectly within your form layout without distorting. Custom Icon Image Height — Set the exact pixel height of your uploaded custom tooltip trigger icon to maintain the correct aspect ratio and alignment with surrounding form elements. Get the Pro Version → Perfect For Forms with technical fields requiring format guidance (phone numbers, dates, tax IDs, postal codes) Legal or compliance forms where field terms need plain-language explanation Registration and onboarding forms for new users unfamiliar with your platform Multi-step forms where each question benefits from additional context Survey and feedback forms with nuanced or sensitive questions eCommerce enquiry forms with billing, shipping, or order-specific fields Any Contact Form 7 form where reducing user confusion and form abandonment is a priority
Top keywords
- tooltip42×3.71%
- form27×2.39%
- icon20×1.77%
- trigger19×1.68%
- text13×1.15%
- forms12×1.06%
- trigger icon12×1.06%
- bubble11×0.97%
- tooltip bubble11×0.97%
- color9×0.80%
- contact9×0.80%
- contact form9×0.80%
UpdraftPlus
The UpdraftPlus Backup & Migration Plugin is trusted by the WordPress community to backup, restore and migrate their WordPress websites. UpdraftPlus is actively installed on more than 3 million websites around the world. Backup with UpdraftPlus UpdraftPlus is the world’s highest ranking and most popular scheduled backup and migration plugin. Backup to your preferred storage location and restore in just three clicks. Backup to Dropbox, Google Drive, Amazon S3 (or compatible), Rackspace Cloud, FTP, DreamObjects, Openstack Swift or email. The paid version also allows you to backup to Microsoft OneDrive, Microsoft Azure, Google Cloud, Backblaze B2, SFTP, SCP, pCloud, WebDAV or UpdraftVault, our integrated storage option for UpdraftPlus. Backup manually or schedule to run every 2, 4, 8 or 12 hours, daily, weekly, monthly or fortnightly. Restore with UpdraftPlus Your WordPress website is vulnerable. Your site may get hacked. Something could go wrong with an update or your server could crash. You might need to reverse a change made or a mistake caused by human error. Whatever the reason, you can restore your WordPress website in just a few clicks with UpdraftPlus. Choose which components to restore (e.g. plugins, themes, database etc.), click again to restore, then click again to return to the main screen. Migrate with UpdraftPlus It’s easy to migrate your WordPress website to another web host, server or domain with this free version of UpdraftPlus. To migrate, simply download your database, plugins, themes etc. from the source site, then upload them into your destination site. When migrating, a built-in search-and-replace engine identifies old strings and replaces these to reflect the new location. UpdraftPlus saves you time and reduces the risk of broken links or missing files associated with manual migrations. Why UpdraftPlus? Writing a reliable backup and migration plugin that ‘just works’ consistently across millions of different WordPress deployments is hard. UpdraftPlus is relied upon to do exactly that. We’re trusted and actively deployed on more websites around the world than any other WordPress backup and migration plugin. UpdraftPlus: Backs up, migrates and restores Offers a huge number of remote storage locations Allows you to schedule backups, so you can ‘set and forget’ Is comprehensive and easy to use Is proven to work on over 3 million sites. UpdraftPlus Premium The free version of UpdraftPlus will back up and migrate your website perfectly well. However if you need more features and options you can purchase our Premium version. Backup and Migrate with UpdraftPlus Premium, and: Get automatic backups before updates. Restore the very latest version if a WordPress or plugin update breaks your site. Backup Incrementally. Changes are added to the master, saving server resources vs repeatedly backing up in full. Get more remote storage options including Microsoft OneDrive, SFTP, Microsoft Azure, WebDAV, Google Cloud, SCP, Backblaze and pCloud. Get 1GB of integrated storage with UpdraftVault for 99.999% reliability, redundancy and scalability. Get more control over how many backups are stored in a specified interval. Restore from other backup plugins including BackWPup, BackupWordPress, Simple Backups and more. Run backups at set times e.g. during periods of low traffic. Backup to more than one location for added protection. Get detailed reports. Includes cryptographic checksums so you can verify the integrity of the backup files and more. Get Premium migration. Migrating to the destination site is more direct and can be done from the source site. Get Multisite / multi-network compatibility. Backup non-WP files and databases e.g. tables belonging to your e-commerce store or customisations to WordPress core. Get database encryption. Manage your backups and migrations from the WP-CLI. Get Premium Support. Find out more on our comparison page. UpdraftPlus Premium is available for purchase here. Managing multiple websites? UpdraftCentral is a powerful remote control dashboard for WordPress that allows you to manage your backups, as well as updates, users, pages, posts, plugins and themes from one central location. Choose between: UpdraftCentral (free, self-hosted) UpdraftCentral Premium (paid-for, self-hosted) UpdraftCentral Cloud (paid-for, fully-hosted) Optimize your sites centrally by combining the power of WP-Optimize and UpdraftCentral or manage your backups centrally by combining the power of UpdraftPlus with UpdraftCentral. Need to create a temporary clone of your site? UpdraftClone makes it quick and easy to create a temporary sandbox for changes you want to try out. Simply select the versions of WordPress and PHP that you want, and we’ll do the rest. More about UpdraftClone The full suite of plugins from Team Updraft and friends UpdraftPlus. Backup, migrate and restore. Rated 5* on the plugin directory and trusted by more than 3 million WordPress website owner WP-Optimize. Clean the database, compress images and caching. Optimize your WordPress website. 5* user rating. 1 million + active installs. All-In-One Security (AIOS). Secure your WordPress website. Comprehensive, feature rich and easy to use. 5* user rating and 1 million + active installs. WP Overnight. Quality Extensions for your WooCommerce store. 5* rated invoicing, order and product management, customer management solutions and more. Easy Updates Manager. Take control of updates. Lots of features for free, and a Premium version with even more – over 300,000 users. Internal Link Juicer.Boost your SEO. Automate internal links within your WordPress website. Save time and rank higher in the search engines. For other useful, free plugins see our lead developer’s profile, here. Are you multilingual? Can you translate? Do you want to help people that speak your language to backup, migrate and restore their WordPress websites? The UpdraftPlus backup, migration and restoration plugin is ready and waiting. The translation process is easy, and web-based – please go here for instructions: https://updraftplus.com/translate/. Or, if you’re already an expert WordPress translator, just pick out the .pot file from the wp-content/plugins/updraftplus/languages/ directory – if you scan for translatable strings manually, then you need to get these functions: _x(), __(), _e(), _ex(), log_e(). Many thanks to our existing translators. License Copyright 2011-24 David Anderson This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA Non-English translators are provided by volunteers, and wordpress.org does not give plugin developers control over their translations; thus relying on them is at your own risk; UpdraftPlus cannot guarantee that translations from the original English are accurate. We recognise and thank those mentioned at https://updraftplus.com/acknowledgements/ for code and/or libraries used and/or modified under the terms of their open source licences.