=== Callout Bar by ContactUs === Contributors: contactus.com Stable tag: 1.2.2 Requires at least: 3.5 Tested up to: 3.9 Donate link: Tags: contactus, contactus.com, signup form, Callout Bar, Floating Bar, navigation bar, hello bar, hellobar License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html The Callout Bar is a customizable toolbar that floats at the top or bottom of a website and makes it easy to get a visitors attention. == Description == ***The Callout Bar is a customizable toolbar that floats at the top of a website and makes it easy to get a visitors attention, increase email opt-ins, and drive traffic to specific pages on your site.*** [youtube http://www.youtube.com/watch?v=9Jsy3bOAE0c] This bar makes it simple to direct users to a visible call-to-action that you define. In less than five minutes, you can be up and running with the Callout Bar on your WordPress website. The Callout Bar is a customizable toolbar that floats at the top or bottom of a website and makes it easy to get a visitors attention, generate opt-ins, and drive traffic to specific pages on your site. Our plugin is easy to setup, it’s highly customizable (font style, font color, bar color, bar height, etc.), and we have three actions so you can easily change how your Callout Bar functions. By default, the Callout Bar will load upon visitor click a modern and effective JavaScript opt-in pop-up form built by ContactUs.com. (If you’re new to ContactUs.com, this is what we specialize in as a company.) Our forms are highly customizable, mobile optimized, and we sync with 21 popular email and database applications. It’s also free to create unlimited forms with our tool, and users get unlimited form submissions. If you’re not looking to generate a contact submission, email sign-up or capture a lead, the Callout Bar can also be used for simple messaging or navigation. By changing the default setting, you can customize your Callout Bar to either provide new action (so that it’s text only), or direct it to navigate to a specific URL. When customizing the Callout Bar action, it’s also easy to load your own form code to deliver a custom experience for your site. When you use the Callout Bar form built by ContactUs.com, you can also get alerts via SMS (for premium users), email or direct the signups to 3rd party apps like MailChimp, Constant Contact, Google Docs, Zoho, SugarCRM, and many more (21 in all!). In short, the Callout Bar can supercharge the engagement process with your users, increase opt-ins, and more effectively drive traffic to specific pages on your website. When you download and install our plugin, you’ll be prompted to create an account, which will give you free access to our integrated contact management app hosted by ContactUs.com. Our web app also has additional customization options for admins who are creating forms, and we’re always adding new features to make your lead generation and contact management efforts easier and more effective. We have premium (paid) plans with advanced features, but our standard features are always free, and they include unlimited form submissions. **WP Shortcode implementation** - **Default Inline Contact Form Shortcode:** >[show-callout-bar] - **Specific Inline Contact Form Shortcode:** >[show-callout-bar formkey="FORM KEY HERE" version="inline"] - **Specific Tab Contact Form Shortcode:** >[show-callout-bar formkey="FORM KEY HERE" version="tab"] - **Add Contact Form directly on your template with php snippet** > echo do_shortcode('[show-callout-bar formkey="FORM KEY HERE" version="tab"]'); Note: ContactUs.com has a simple html snippet that does not require a plugin, you can use both in WP templates as well as plain HTML. More information on this [here](http://help.contactus.com/hc/en-us/articles/200619888-Copy-Pasting-the-Code-vs-Implementing-through-the-WordPress-Plugin). > **User Support:** > > We try to provide the best user support we can for our users and their contact forms. > > * View some of our Frequently-Asked Questions for contact forms on ContactUs.com [here](http://www.contactus.com/frequently-asked-questions/). > * View our contact form user support forum [here](http://help.contactus.com/home). > * Submit a support ticket [here](http://help.contactus.com/anonymous_requests/new). If you have any contact form questions we're here to help! > * [Find tutorials on our YouTube channel](http://www.youtube.com/user/ContactUsCom). **We built the Callout Bar so it’s simple and effective.** At ContactUs.com, we model best practices from dozens of companies and hundreds of influential bloggers and marketers across the world. We’ve seen and used similar floating bars on websites, and wanted to make this tool available for free for all WordPress users. The Callout Bar also includes features that we built into our Contact Form by ContactUs.com plugin that has been downloaded over 60,000 times. This plugin makes it easy to create contact forms, opt-in newsletter forms, and is easily customizable. **Some of the features our users have come to expect with our plugins include...** **Flexible Contact Forms for Every Occasion** - Our contact forms can be used for multiple uses such as: simple “Contact Us” contact form, Support contact form, a Price Quote Contact Form, Demo Request contact form, Newsletter signup form, “Advertise with Us” contact form, a Customer Feedback contact form, Request a Consultation contact form, and a Suggestion form. Using a custom form field template, you’ll be able to add or modify the form fields you need using our drag-and-drop editor. **A Sophisticated Admin Panel to Further Customize Your Forms** - You can manage even more customizations for your contact form from inside your ContactUs.com account admin panel, which is easy to navigate to from inside your plugin. The customization options include form content such as the header, sub-header, button text and website info. Also, from your ContactUs.com account admin panel, you’ll be able to manage your delivery options for your contact form, whether to direct form signups to an email address, receive an SMS alert, or post inquiry information to over twenty 3rd party software tools like MailChimp, Zoho, Hubspot and Google Docs. **Additional Details About Our Contact Forms** Our Contact Forms offer these options: * Contact Form with choice of contact form designs * Name, Email and Message fields for your contact form * Instant notification emails upon contact form submission * Auto-responder email with default text * * Confirmation page with default text * Note: The asterisk (*) Signifies that this contact form feature can be further customized (outside of the plugin) from within your free ContactUs.com account **Additional Customization for Contact Forms and Contact Management within the ContactUs.com web app** From within your ContactUs.com account integrated with the contact form plugin, you’ll be able to further customize your form with advanced functionality: * Choose the placement of the callout contact form tab within a page (right, left, top, bottom or each corner) * Customize the tooltip text that appears upon hovering over the callout tab * Create or upload a custom callout tab (so you can use alternative text besides “Contact Us”, and in the language of your choice) * Run A/B optimization experiments of callout contact form tabs and form templates * Create, add or remove custom form fields (which requires you to choose a form template designated as compatible with “Custom Fields”) * Customize form fields labels in a “Custom Field” form * Modify text in the email auto responder for each contact form * Modify text in the confirmation page each contact form * Modify the headline and call-to-action each contact form * Modify the button text each contact form * Add CAPTCHA protection to any of your contact forms * Add your Google Analytics code onto the contact form and confirmation page * Send your contact form submission data to 3rd party tools you already use, such as Google Docs, Zoho CRM, Constant Contact, MailChimp, Vertical Response, SendGrid, Emma, Sendy, GetResponse, ActiveCampaign, SugarCRM, Hubspot, Tactile CRM, Highrise, Capsule, and others (see http://www.contactus.com/3rd-party-software-integrations/ for a list of supported tools) * Modify your contact form mobile settings to automatically show a mobile-optimized contact form to mobile visitors * Extend your contact form to Facebook with our Facebook app * Include social media links and icons **Finally, Powerful Contact Management Tools** ContactUs.com provides more than just a form to capture website inquiries. Your integrated ContactUs.com account gives you the tools needed to track and communicate with your new contact form submissions, such as: * Track contact form submissions inside of your secure, cloud-based contact management database * Take notes on individual submissions * View overall submission stats (form views, submissions, segmentation by devices) * Gain detailed contact form analytics on each submission (referral source, pages visited, time on site, new/existing visitor) * Add our lead qualification API * Receive retargeting alerts when people who previously submitted your contact form come back to your website > **Legal** > > * [Privacy & Security](http://www.contactus.com/privacy-security/) > * [Terms of Service](http://www.contactus.com/terms-of-service/) > * [DMCA Policy](http://www.contactus.com/dmca-policy/) > * [SPAM Complaint](http://www.contactus.com/spam-complaint/) Follow for new product updates from ContactUs.com: * [Blog](http://www.contactus.com/blog/) * [Facebook](https://www.facebook.com/ContactUscom) * [Twitter](https://twitter.com/ContactUsCom) > Please note: This plugin from ContactUs.com includes JavaScript code used to connect the plugin to the ContactUs.com servers, when enabled. This JavaScript is used to connect to live chat support so that questions can be asked and answered directly from within the plugin. == Installation == 1. Log into your WordPress.org account as an administrator. 2. Go to the “Plugins” section from the side panel, and choose “Add New”. 3. Search for “Callout Bar” to find the ContactUs.com Callout Bar Plugin, and choose to install. 4. WordPress will automatically install the plugin into your account. 5. Once completed, go to your list of plugins (bottom of your side panel), and choose to “Activate”. 6. After the plugin is activated, open the ContactUs.com plugin. 7. Create a new account or Log into your existing ContactUs.com account from inside the plugin to get started. 8. Once logged in, click “Add a New Newsletter Bar” or select an existing form. 9. Click “Callout Bar Settings” and customize your Callout bar. Save when finished. 10. Click “Bar Placement” if you would like to change what pages show your Callout Bar. 11. Open your website and view your active Callout Bar! Done! Detailed instructions, which screenshots, on how to implement the ContactUs.com Wordpress can be found here. == Frequently Asked Questions == Remember we have live chat support at help.contactus.com during office hours. If we are not home, you can send us a support request or plugin suggestion, we will get back to you ASAP. And yeah, if you can think of anything that would make this plugin cooler, we will seriously consider adding that feature in our next release. **Do I need to know how to code?** > No, but you can add html in the bar content if you want to. This plugin is made for quick, painless setup. **Do I need to know how to code?** > No, but you can add html in the bar content if you want to. This plugin is made for quick, painless setup. **Are there available Short Codes for posts and PHP snippets for temples?** > Yes! – We made sure this plugin has all of the cool stuff WP developers like. > > **Php Snippet:** > > * echo do_shortcode('[show-callout-bar formkey="FORM KEY HERE"]'); > > Or use this one for the default callout bar: > > * echo do_shortcode('[show-callout-bar]'); > > **WP Shortcode:** > > * [show-callout-bar formkey="FORM KEY HERE"] > > Or use this one for the default callout bar: > > * [show-callout-bar] **Can you integrate with third party applications, such as MailChimp?** > Yes, you can learn more about third party integration here: http://help.contactus.com/hc/en-us/articles/201818353-Newsletter-Form-Configuring-third-party-integrations **How do I remove the callout tab that comes with the form?** > This will probably happen to users who have previously installed our other plugins like Mail Chimp Form, Contact Form by ContactUs.com, and 8 others. All you have to do is go to the Settings Tab, in the plugin settings page, and create a new form. Then set that new form as default. New users don’t need to do this. **What do you mean by HTML friendly?** > It means, that if you don´t know how to code, its ok. The settings panel is mat to be a WYSIWYG. (What you see is what you get). But, if you want to embed an image, a link, a video, or want to add other html tags on the text that is displayed on the bar, you can! It’s just what we thought we would want to see in a plugin like this. **Can I have more than one callout bar?** > Yes, you can build unlimited callout bars, and place them in different parts of your website. **Why must I create or login to a ContactUs.com account?** > Our plugins aren’t just contact forms, they are extensions of the ContactUs.com application, which is cloud based, and enable users to perform form submission optimization, lead management, tab and form customization, A/B testing, manage auto responders, create advanced triggers and manage all of your forms, for multiple sites, from one place. In other words, our free tool is a cloud-based lead acquisition system for inbound traffic, and it’s made to make multitasking easier for optimization junkies. *Check this link out for AB testing: http://www.contactus.com/contactus-com-features/ab-test-your-signup-forms/ and Check this one for Hyperlink Triggers: http://www.contactus.com/hyperlink-trigger/ For example, if you have a mailing list that is fed from multiple landing pages, in multiple sites, and you wanted to test out 3 different call to actions, you could log into ContactUs.com, click on AB test, select the Tabs you want to try out and save. All of your forms would automatically be updated, testing would be initialized, all in a matter of seconds. **Where can I get someone to help me with this?** > If you need any specific tips on optimizing your online forms with our tools, or any other question, please feel free to ask, we would love to help out. We've got a support portal here: http://help.contactus.com, live chat on the page, and we're more than happy to answer questions directly in this plugin feedback area, or if you want to submit questions to support@contactus.com. == Screenshots == 1. This is how the Callout Bar looks on a WordPress Template. *It can be added at the bottom as well. 2. These are the customization settings and action options, allowing for real-time previews of bar, as you configure it. 3. This is the default action of the callout bar, it opens a ContactUs.com high converting form. 4. Users can easily hide the bar using a hide bar icon on the top left corner of the header. 5. Sync with 3rd party software 6. Reports and Analytics 7. A/B Testing 8. Track and manage contacts 9. Smart Triggers == Changelog == = 1.2.2 = * Plugin Home Page Upgrades * *Launch date 28.04.2014* = 1.2.1 = * UI improvements and bug fixes * *Launch date 23.04.2014* = 1.2 = * PLUGIN UPGRADE: Create separate bar settings to customize the Callout Tab’s Mobile look and feel * PLUGIN UPGRADE: Improved wizard flow and added better instructions on for feature controls * BUG FIX: Fixed settings layout for IE>9 * *Launch date 11.04.2014* = 1.1 = * *PLUGIN UPGRADE :* User can now choose to past the hex for background colors * *PLUGIN UPGRADE :* You can now choose which form to use as default on the entire site * *PLUGIN UPGRADE :* Created function to “Disable” a bar without disabling the plugin * *PLUGIN UPGRADE :* Created layout improvements on settings panel * *BUG FIX :* Fixed mobile view of Callout Bar so it stays proportionate to the options defined in the settings panel * *BUG FIX :* Fixed slight discrepancy between Callout Bar size in preview and in live implementation * *BUG FIX :* WP ADMIN BAR on website theme pushes Callout Bar down, so WordPress admins can see both the WordPress admin bar, and the Callout Bar * NOW TESTED UP TO WordPress Version 3.8.2 * *Launch date 09.04.2014* = 1.0 = * First version available to WordPress community * *Launch date 31.03.2014* == Upgrade Notice == = 1.2.2 = Plugin Home Page Upgrades = 1.2.1 = UI improvements and bug fixes = 1.2 = New version available to WordPress community = 1.1 = New version available to WordPress community = 1.0 = First version available to WordPress community