{"id":2745,"date":"2012-05-18T15:14:43","date_gmt":"2012-05-18T15:14:43","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=2745"},"modified":"2021-10-23T15:08:18","modified_gmt":"2021-10-23T15:08:18","slug":"popup-contact-form-wordpress-plugin","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2012\/05\/18\/popup-contact-form-wordpress-plugin\/","title":{"rendered":"Popup contact form WordPress plugin"},"content":{"rendered":"\n<p>P<strong>opup contact form<\/strong> WordPress plugin allows users to create and add the popup contact forms easily on the WordPress website and it is good to see the contact form on the popup. This popup contact form plugin has many advantages. We can add the image button link or text link to all the pages that pop up on the contact form. That popup contact form lets the user send the emails to the site admin. administration page available to manage the site admin email address. and this plugin uses <strong>Ajax<\/strong> to submit the contact form details.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin advantage<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to configuration. So, no coding required.<\/li><li>Ajax submission. Thus, no page refresh.<\/li><li>Unblockable and movable popup window.<\/li><\/ul>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo (Click the button to see Live Demo)<\/h2>\n\t<script type='text\/javascript' src='http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/popup-contact-popup.js'><\/script>\n\t<a href='javascript:PopupContact_OpenForm(\"PopupContact_BoxContainer\",\"PopupContact_BoxContainerBody\",\"PopupContact_BoxContainerFooter\");'>\n\t\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/popup-contact-form.jpg\" alt=\"Contact Us\" \/>\n\t<\/a>\n\t<div style=\"display: none;\" id=\"PopupContact_BoxContainer\">\n\t  <div id=\"PopupContact_BoxContainerHeader\">\n\t\t<div id=\"PopupContact_BoxTitle\">Contact Us Demo<\/div>\n\t\t<div id=\"PopupContact_BoxClose\"><a href=\"javascript:PopupContact_HideForm('PopupContact_BoxContainer','PopupContact_BoxContainerFooter');\">Close<\/a><\/div>\n\t  <\/div>\n\t  <div id=\"PopupContact_BoxContainerBody\">\n\t\t<form action=\"#\" name=\"PopupContact_Form\" id=\"PopupContact_Form\">\n\t\t  <div id=\"PopupContact_BoxAlert\"> <span id=\"PopupContact_alertmessage\"><\/span> <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\"> Your Name <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\">\n\t\t\t<input name=\"PopupContact_name\" class=\"PopupContact_TextBox\" id=\"PopupContact_name\" maxlength=\"120\" type=\"text\">\n\t\t  <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\"> Your Email <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\">\n\t\t\t<input name=\"PopupContact_email\" class=\"PopupContact_TextBox\" id=\"PopupContact_email\" maxlength=\"120\" type=\"text\">\n\t\t  <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\"> Enter Your Message <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\">\n\t\t\t<textarea name=\"PopupContact_message\" class=\"PopupContact_TextArea\" rows=\"3\" id=\"PopupContact_message\"><\/textarea>\n\t\t  <\/div>\n\t\t  <div id=\"PopupContact_BoxLabel\">\n\t\t\t<input name=\"button\" class=\"PopupContact_Button\" value=\"Submit\" onClick=\"alert('This form is for demo!...');\" type=\"button\">\n\t\t  <\/div>\n\t\t<\/form>\n\t  <\/div>\n\t<\/div>\n\t<div style=\"display: none;\" id=\"PopupContact_BoxContainerFooter\"><\/div>\n<\/div>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Plugin installation instruction<\/h2>\n\n\n\n<p>First, download the plugin ZIP file popup-contact-form.zip from the download location.<\/p>\n\n\n\n<p><strong>Plugin dashboard upload option.<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard. Navigate to the <strong>Plugins<\/strong> menu. And click <strong>Add New<\/strong> menu to upload the downloaded ZIP file (popup-contact-form.zip). Select the <strong>Upload Plugin<\/strong> button. Upload the available ZIP file and click <strong>Install Now<\/strong> button. Finally, click Activate plugin button to activate the plugin. Next, Go to the plugin admin page to change the default settings.<\/p>\n\n\n\n<p><strong>Install the plugin with the search option<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard and go to the Plugins menu and click <strong>Add New<\/strong>. Search <strong>Popup Contact Form<\/strong> plugin using the search option. This will search the plugin in the WordPress repository. This action required an active internet connection. Find the plugin in the search result and click <strong>Install Now<\/strong> button, so that the plugin will be installed automatically on the website directly from the WP repository. Finally, click activate plugin button to activate the plugin.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin administration<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select the <strong>Popup contact form<\/strong> menu to configure this plugin. This needed administrator privileged role account.<\/p>\n\n\n\n<p>If the popup window is <strong>hidden<\/strong> on the front page, or window open under the menu, just increase the <strong>z-index value<\/strong> in the CSS file. The z-index property specifies the stack order of an element in the HTML page. An element with greater stack order is always in front of an element with a lower stack order.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/popup-contact-form.png\" alt=\"Popup contact form WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Shortcode:<\/strong><\/p>\n\n\n\n<p>Shortcodes are the simple way to add plugins into your WordPress posts, pages, and sidebars. Find the code below. and use it inside the posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;popup-contact-form id=\"1\" title=\"Contact Us\"]<\/code><\/pre>\n\n\n\n<p><strong>Widget:<\/strong><\/p>\n\n\n\n<p>This is the easiest way, First, go to the <strong>Appearance<\/strong> menu and click Widgets. Then, click the &#8216;Plus&#8217; icon on the page to bring up the widget block menu. Finally, search the widget <strong>popup contact form<\/strong> and drag and drop to your widget section. Otherwise, you can double-click to add the widget.<\/p>\n\n\n\n<p><strong>PHP code:<\/strong><\/p>\n\n\n\n<p>Copy and paste the below PHP code to your desired template location (in PHP file) to show the plugin on the theme. It allows you to embed the shortcode anywhere you want in the file. of course, you have to activate the plugin.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;popup-contact-form id=\"1\" title=\"Contact Us\"]' ); ?><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q) How to change\/update the form style?<\/strong><\/p>\n\n\n\n<p>Edit the CSS file <strong>popup-contact-form.css<\/strong><\/p>\n\n\n\n<p><strong>Q) How to change\/update the form client validation?<\/strong><\/p>\n\n\n\n<p>Edit the JS file <strong>popup-contact-popup.js<\/strong><\/p>\n\n\n\n<p>If you got any error or mail issue, just comment on the below-mentioned two lines in the JS file popup-contact-popup.js and try again. so it will display the exact error on the popup.<\/p>\n\n\n\n<p>\/\/alert(http_req.readyState);<br>\/\/alert(http_req.responseText);<\/p>\n\n\n\n<p><strong>Q) How to change the contact us button image?<\/strong><\/p>\n\n\n\n<p>On the administration page, we have the text box option &#8220;Link Button\/Text:&#8221; to update this value. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/06\/24\/popup-contact-form-form-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/06\/24\/popup-contact-form-form-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/05\/18\/popup-contact-form-wordpress-plugin\/\">http:\/\/www.gopiplus.com\/work\/2012\/05\/18\/popup-contact-form-wordpress-plugin\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/popup-contact-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/popup-contact-form\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Popup contact form WordPress plugin allows users to create and add the popup contact forms easily on the WordPress website and it is good to see the contact form on the popup. This popup contact form plugin has many advantages. We can add the image button link or text link to all the pages that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[70,195,6,112,5],"class_list":["post-2745","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-contact","tag-contact-form","tag-plugin","tag-popup","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=2745"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/2745\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=2745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=2745"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=2745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}