2011
May
06
WordPress Plugin – Slick Contact Forms
Updated 7th October
Creates a widget, which adds a customisable contact form using either a floating/drop down tab or a sticky, slide out tab.
- Form submitted and processed using jQuery & AJAX – no page refresh!
- Allows multiple contact forms per page & multiple recipients.
- Location of the floating or sliding tab easily set from the widget control panel.
- Each form includes up to 3 text input fields, one text area & a text intro.
- Customise text labels, type of validation & error messages.
- Validation with animated error messages
- Shortcodes to open/close the contact form using external links.
The contact form also includes a “Honeypot” style captcha to help minimize spam – this works by having a blank input field hidden from view of the user but visible to spambots. If the field contains text the mail will not be sent – no more annoying & tricky captcha systems!
Very easy to set up – just add the Slick Contact Forms widget to any widget area!
Demo WordPress Slick Contact Forms Plugin
See the 2 demo forms on this page – top-left & bottom-right.
Download The Plugin
Download Slick Contact Forms 1.3.4 (86,385)
Installation
- Upload the plugin through `Plugins > Add New > Upload` interface or upload `slick-contact-forms` folder to the `/wp-content/plugins/` directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
- In the widgets section, select the Slick Contact Forms widget and add to one of your widget areas
- Configure the form details and click “Save”
Useage
In order to use the Slick Contact Forms plugin you will need a widget area in your theme files.
Location of the actual widget is not important since the plugin automatically sets the position based on the control panel settings. You can therefore add the WordPress contact form to an existing widget area in your WordPress theme or create a new widget area.
The forms have been made accessible so that in the event that a user does not have javascript enabled the form will still be available and can be submitted as usual – the form will then appear in the location set by the widget area in your WordPress theme files.
To learn more about adding widget areas to WordPress see our WordPress tutorial – “Adding A Widget Area To Your Theme Files”.
Slick Contact Forms Configuration Settings
General configuration for the plugin can be set via the WordPress admin menu option:
Settings –> Slick Contact Forms
Default Email Address
Email address where submitted forms are sent if not set in the widget control panel – default is the WordPress admin email
Email Subject
The text that appears in the email subject line – default is the Blog Name
Send From User Email
Check this option if you would like to use the email address of the user who completed the form in the email “from” field – note that this requires at least one of the text fields “status” options set to email. This may not work with all servers – if you experience problems sending/receiving email from the form then try disabling this option again.
If checked the email will include the IP address of the user
Include IP Address
If checked the email will include the IP address of the user
Include Page URL
If checked the email will include the URL of the page from which the form was sent, giving you more information about what your users were looking at when they decided to fill in the contact form
Use wp_mail()
Check this box if you wish to use the WordPress built-in mail function for sending out the emails as opposed to the standard PHP mail() function. This is more of a troubleshooting option – if you can normally receive email from WordPress but you cannot receive email from this plugin then check this box!
After Form Submit
The form can be set to either submit using AJAX (default) and return a message to the form slide out panel or to redirect to a different page.
Note: If you are not setting a redirect page use the “AJAX Message” option.
If using AJAX Message:
Set the text that is shown when the form has been submitted
- Email Sent: When a form is successfully submitted
- Error: If an error occurred during submission
- Invalid: If invalid data is received by the server
If using Redirect:
Enter the URLs to redirect the page to when the form submit is complete
- Email Sent: Enter the URL to redirect the page to when the form is successfully submitted
- Error: Enter the URL to redirect the page to when the form fails
If the “redirect” option is selected and no URL’s are entered the form will be redirected back to the current page when submitted.
Validation Messages – The text that will appear in the animated validation error messages
- Input Required: If a required form field is empty
- Email Address: If an invalid email format is entered
Configuring Your WordPress Contact Form Widget
The contact form can easily be customised using the options available in the widget control panel:
Method:
Select either a “floating” button or a “Sliding” tab
Tab Text:
Enter the text that you would like to use for the form tab.
Width:
Set the width of the contact form in pixels
Location:
The position of the contact in the browser window:
Offset
For each one you can also add the number of pixels that you would like to offset the form from the edge of the browser window in pixels.
For sticky tabs only option A is used:
- top left & bottom left – A: pixels from left
- top right & bottom right – A: px from right
- left & right – A: px from top
Floating contact forms:
- top left & left – A: pixels from top, B: pixels from left
- top right & right -A: pixels from top, B: pixels from right
- bottom left – A: pixels from bottom, B: pixels from left
- bottom right – A: pixels from bottom, B: pixels from right
Floating Speed:
The speed for the floating animation (only applicable for the floating type) in milliseconds – i.e. the time it takes to “catch up” when the page scrolls up or down) – e.g. to set the floating speed to 1.5 seconds use 1500.
The default speed is set to 1.5 secs.
Animation Speed:
The speed in milliseconds to open and close the contact form.
The default speed is set to 0.6 secs.
Auto-Close:
If checked, the contact form will automatically slide closed when the user clicks anywhere in the browser
Load Open:
If checked, the contact form will be open when the page first loads. The tab will still close when clicked.
Skin:
4 different sample skins are currently available for styling the contact form widget. These can easily be used to create your own custom menu theme.
The following 2 FAQ’s also provide examples of the main CSS rules used for the contact forms if you want to add your own styles to your theme’s style sheet:
- Creating a custom skin for a slide out contact form
- Creating a custom skin for a floating contact form
Note: If you use one of the skin CSS files to create your own style please remember to copy the CSS to your theme folder as all files in the plugin folder are automatically deleted when the plugin is updated.
The Form Elements
The widget control panel also includes options for customising the number of text input fields, the label for the form field and the type of validation you would like to use:
Email To
The address where the form details will be sent. To send to multiple email addresses enter the emails separated by a comma (available starting version 1.3).
Form Text
Add introduction text for the form. Select the position of the text – either before or after the form fields.
Text input fields
Up to 3 form fields can be added to the contact form. Enter the text for the label in the left hand box. The right-hand drop down “Status” menu allows you to select whether the form field is required:
- N/A – If selected the form field will not appear on the contact form
- None – Form field will appear but is not required
- Required – User must enter text in order to submit
- Email -Add jQuery email validation. Email address is checked against a standard regular expression to make sure it matches the correct format.
Text Area
The form also includes the option of one text area
Submit Button
This allows you to set the text of the submit button
Shortcodes
The plugin includes the feature to add text links within your site content that will open/close the sticky or floating tab.
[dcscf-link] –
default link, which will toggle the contact form open/closed with the link text “Contact Us” – Contact Us
[dcscf-link text="Contact Us Now"] –
toggle the contact form open/closed with the link text “Contact Us Now” – Contact Us Now
[dcscf-link action="open"] –
open the contact form with the default link text – Contact Us
[dcscf-link action="close"] –
close the contact form with the default link text – Contact Us
Frequently Asked Questions
Many issues that can crop up with installing and using the plugin with different themes have been covered in our comments section. Please check previous comments for further information/tips.
Also refer to our Frequently Asked Questions for Slick Contact Forms, which has answers to many of the most common problems that may occur.
Demo WordPress Slick Contact Forms Plugin
See demo forms on this page.
Download The Plugin
Download Slick Contact Forms 1.3.4 (86,385)
Feedback
If you find this plugin useful please rate it at wordpress.org.
If you have any problems or suggestions on how we can make the plugin better let us know via comments, email or our online contact form.
Donate
We develop & support all of our plugins for free. If you use this plugin and find it useful please consider a donation as a token of your appreciation
Screenshots
Widget in edit mode
Sample form using sticky tabs
Updates
Version 1.3.2 – 7th October 2011
- Added: Option to use user email address in “from” header
Version 1.3.1 – 3rd October 2011
- Updated: Minor modifications to form.css
Version 1.3 – 14th September 2011
- Added: Ability to send email to multiple recipient email addresses
Version 1.2.9 – 5th September 2011
- Added: Option to use wp_mail() function
- Fixed: Bug with saving “include url” option
Version 1.2.8 – 11th August 2011
- Added: Option to redirect to different pages on form submit
Version 1.2.7 – 31st July 2011
- Added: Server-side validation for required fields
Version 1.2.5 – 18th July 2011
- Fixed: Speed option for slide out tab
Version 1.2.4 – 16th July 2011
- Changed: Renamed email validation function to avoid conflict with WP Autoresponder And Newsletter Plugin
Version 1.2.3 – 11th July 2011
- Added: Option to have contact form open when page loads – see “load open” option
Version 1.2.2 – 2nd July 2011
- Added: Option to include origin page URL in contact email
Version 1.2.1 – 13th June 2011
- Added: Reply-To field in contact form auto-email
Version 1.2 – 11th June 2011
- Added: Shortcodes for adding external links to open/close the contact form
Version 1.1.3 – 5th June 2011
- Fixed: Bug with changing the default validation error text
Version 1.1.2 – 17th May 2011
- Added: Textarea removed when N/A selected for validation option
Version 1.1.1 – 12th May 2011
- Added: Ability to set text of form submit button using widget control panel
Version 1.1 – 11th May 2011
- Added: Can now leave tab text box blank to allow for background images for vertical text
- Added: Honeypot style captcha to help minimize spam.
total
twitter
facebook
google +1
linkedin
stumbleupon
digg
delicious
pinterest
reddit
Hi – I am trying to add a shortcode to an existing button shortcode! I would like the floating form to pop up when the button is pressed.
Maybe you could tell me the best way to achieve this as I am a complete novice!
Thanks
Hi,
You need to add the css class “dcscf-link” to the button so it will activate the form
Hey its a great plugin, just implemented on my site.
i added some fields and now was looking to add some special validation for field like mobile no. Please guide me for that.
Also i have skipped the email and used a direct posting to my crm. But the ajax message got disabled post that, where i might have got wrong.
For this i have replaced the form action.
Hi,
You can check out some of our past tutorials for additional validation methods:
http://www.designchemical.com/blog/index.php/category/jquery/
Not sure about the AJAX message. You need to go through the jquery code an find out where the code is failing
Great plugin! Thanks for the work.
I’m trying to find a way to have the contact form to send the email to the current page/post’s author, not a statically defined one. Any tips on how I can accomplish this?
Really appreciate it!
My initial thought was to add the lines:
if ($emailTo == 'author') { $emailTo = get_the_author_meta('user_email'); }just after the retrieve from parameters section near the top of slick_mail.php, then in the widget box for email enter: author
This type of thing works for a few other plugins, but is not working for me here.
Hi,
To get the authors email using this function it needs to be within the loop
Thanks for the reply, is there a better or easier way of achieving this that you could recommend?
Hi,
With any method you first need to actually get the author email first. I dont know any easier/better way – I also checked the function you gave earlier but its not returning any value so I can only assume its not in the right place.
If you can get it then there are a couple of places it could be used for the mail. Probably the best place would be to add it to is the form, which stores the admin email obfuscated and uses this to process the outgoing mail
My next attempt has been to try to use a WP_Query call… It’s not working, but maybe someone else will see what I’m doing wrong and post a fix:
I edited slick_mail.php:
1. added:
require_once(“../../../wp-includes/query.php”);
2. just after the retrieve from parameters section I added:
if ($emailTo == 'author') { $cpPageURL = $_SERVER['HTTP_REFERER']; $cpPageName = substr($cpPageURL,22); // The Query $the_query = new WP_Query( "pagename=".$cpPageName ); // The Loop while ( $the_query->have_posts() ) : $the_query->the_post(); $post = $the_query->post; $emailTo = the_author_meta('user_email'); endwhile; // Reset Post Data wp_reset_postdata(); }I am certain I am pulling the correct pagename as I test exported it. The full URL to my page is:
http://picturesfor.me/photographers/chris-peters
The substr($cpPageURL,22) function gives me: photographers/chris-peters which should be just what the WP_Query is looking for however it is returning no results.
Any help anyone can give is greatly appreciated
Another idea I’m working on is to pass the author email via short code using something like:
If this could be achievable, then I could just insert the code to grab the author email here, and let the plugin parse this via the short code. I have no experience yet with parsing variables like this from the short code. Do you have any ideas on how I could read this variable inside the plugin if passed from the short code?
forgot to include my code in a text tag…
<?php echo do_shortcode("[dcscf-link text="Contact Us Now" emailTo="myEmail@myDomain.com"]") ?>Strange, I thought I posted this yesterday but it doesn’t seem to have appeared.
I have this plugin working really well on one site (www.executive-post.info) and want to get it working on another (www.the-confidant.info).
If a particular widget area is enabled on a page, and the widget is placed in that area then the form appears in that area. However, it does not float or even appear anywhere else.
Both sites use the same theme (Atahualpa) and share several plugins in common too. I have been through the ‘confidant’ site removing plugins to see if any have an adverse effect but there don’t appear to be any.
The footer.php file has the jquery string mentioned above. When I look at the page source there are many references to JQuery but I can tell what is wrong with these.
Any help would be much appreciated.
Thanks
Graham
Hi,
Do you have a link to a page where the form should appear?
It’s supposed to be on every page. The site address is http://www.the-confidant.info
Cheers
Graham
The jQuery files in the header and the initialisation code in the footer are both there but the actual HTML for the form is not in the page. This suggests that the widget area code is either not in the template or the template is not inserting it for some reason.
That’s bizarre, Lee. Thanks very much for looking for me.
I had placed it in one of the sidebars that didn’t show to stop it appearing at the bottom of the one that did.
Presumably the theme doesn’t use those at all if they are not showing rather than disabling them inline.
With it back in the left sidebar, this time it displayed correctly. However, a further problem – I has the offsets and top-right set so that the comment button disappeared underneath the WordPress editing bar which appears now when one is logged in. Switching it to the ‘right’ position means it’s now working fine.
Thanks very much again.
Graham.
OK. Problem seems to be a conflict with NextGen gallery. When this is deactivated the Slick forms display correctly.
Hi,
check the page using firebug – this should give more info about why nextgen is causin a problem
Slick works perfectly with Chrome, Firefox and Safari.
I have two forms on left of website. With InternetExplorer they appear opened at the bottom of my pages
Hey,
great plugin, as you well know, but im having alot of issues changing the font on the contact us tab. i am editing the white style sheet, ive changed the colour of the font, the colour of the background, but i cannot get it to use tahoma or arial as a font.
any help you could provide would be greatly appreciated.
ive seen the custom css thing, but i cant figure it out, i have added it to my main style sheet for my theme but it does nothing. im just after a way to change the font, dont need to change anything else
Hi,
The plugin shouldnt change the font family as this is handled by your theme. If you want to target just the contact form tab font then you can use the following selectors:
for slide out forms .dc-contact-slick .tab {} for floating forms .dc-contact-float .tab {}where do i add this code to?
Lee, Love Slick Contact Form. Having trouble getting mail (Word Press mail is working fine). I’ve read available information & have not been able to resolve the problem. I have current versions of Word Press & Slick Contact Form. Testing on Safari & Firefox. Host is Godaddy.
I have checked “Use wp_mail” in the settings.
Also, I have edited the file slick_mail.php from:
$mail_sent = @mail($to, $subject, $body, $headers);
to:
$mail_sent = wp_mail($to, $subject, $message, $headers);
I am still not getting mail. Can you suggest something else I might do? Shoulk I uncheck the “Use wp_mail” in settings & add these lines to the PHP.ini file:
[mail Function]
SMTP = YOUR PROVIDER (updated with my information)
smtp_port = 25
username = USERNAME
password = YOUR_PASSWORD
If I should add the above information to the PHP.ini file, can you tell me where I need to put it (I am VERY new to this). Should I add it at the end of the file? or do I need to overwrite some information that is already in that file?
Thank You Very Much
Hi,
Try using the SMTP option then although godaddy may have a specific mail server you need to use – check with your host
Hi Lee, I am still not getting mail. I tried the SMTP option (added the mail function to the PHP.ini file). Also, I checked with Godaddy & reviewed the entries & the mail server. They told me to use:
SMTP = relay-hosting.secureserver.net Port is correct.
Can you suggest anything else I might try. I really like this form. Thank you for your work Lee
Vicki
Excellent plugin, works like a charm, easy to customize.
Solid 5 Stars here!
Thanks for your hard work, much appreciated !
Hi,
Thank you for the feedback and glad you find it useful
I had this loaded on my page and it was working fine until this week. I have tried deleting the plugin and re-installing and it’s not working. It is sitting as a form in the bottom widget where I placed it.
hi,
See FAQ – The contact form shows in the widget area and not as a sticky or floating tab
Check any plugins or theme revisions that were made just before the form stopped working
Hello Lee,
with the slick plugin is it possible to turn the Email to address txtBox to a combo box offering several choice of “Send to” email addresses? If so, would this code go into the html section of dcwp_admin.php?
Cheers & Thanks
Greg
Hi,
the plugin should be able to handle multiple email addresses now. Just add the email addresses to the text field seperated by commas
okay thx
Hi, the slide out tab looks fine in Firefox and IE, but it gets cut off in Chrome. I’ve tried all kinds of work arounds … any assistance would be appreciated. thanks!
Brian
Hi,
Add the following CSS to your theme’s style sheet. This should correct the chrome problem:
.dc-contact-slick .tab {width: 84px;}Hello,
great plugin.
Is it possible to invoke the Slick Contact from a menu item? If so, how would I use the provided short codes from a WP menu? #?
Cheers
Greg
Hi,
You can use CSS classes. The form will open/close when links with certain CSS classes are clicked.
To open the form use – dcscf-open
To close the form use – dcscf-close
To toggle the form use – dcscf-link
Ahhh got it!
Cheers and thanks
Greg
Loved it, but is only worked properly for less than an hour. It was a slide on the left side and now it is in the side bar. What went wrong?
Hi,
Obviously something related to your site. Try disabling other plugins one by one to see if that corrects the problem
Hi Lee,
I have this great plugin. It worked fine.
At first I had him at my mail address to send, but later I changed it to another email address. But he remains in my old mail address to send.
I like this need your help.
Thank you.
Hi Lee, thanks for your beautiful form.
I got it installed.
I only have a problem! At first I had him set up so that he should send to my email address. But now I want him to another address is sent. But he continues to send the old email address.
I saw him on “Default Email Address” and “admin email address” already changed. But unfortunately.
Thanks for your help.
Hoi Lee, bedankt voor je mooie formulier.
Ik heb hem geïnstalleerd.
Ik heb alleen een probleem! In het begin had ik hem zo ingesteld, dat hij naar mijn mail adres moet versturen. Maar nu wil ik dat hij naar een andere mailadres gaat sturen. Maar hij blijft naar die oude mail adres versturen.
ik heb hem bij “Default Email Address” en bij “admin email adres” al gewijzigd. Maar helaas.
Alvast bedankt voor je hulp.
Lee – When I set the “email subject” in settings, the plugin is appending the widget “tab text” to the end of “email subject” – would expect only “email subject” to appear there.
Lee – this is really a great plugin, thank you. It is sublimely simple, and seems to work perfectly. The presentation is very clean. It’s pretty slick, actually. Hey, that would be a great name…
Suggestion: a shortcode that, when present on a page, would actually CAUSE the open or close action. I would put that shortcode on my “Contact Us” page so that, while the slide-in is on every page, landing on the Contact Us page would cause it to slide open without any clicking.
Hi,
Good idea actually. Will add to the next update. Will also add a timer so it can be delayed.
Yes, I second this Lee. I would like the contact form to open ONLY when my contact page is accessed, and perhaps also when a contact hyperlink is clicked. I don’t personally like the floating or fixed buttons to be always present as it adds clutter to the screen.
hi,
Then create a widget area specifically for your contact page
Hi, I am using wordpress 3.3.1
When I submit the form is keeps processing and does not close out. I am testing on Firefox and Safari.
And suggestions, thanks, Proinsias
Great plughin,
Is it possible to add more form fields for this plugin?
Hi,
They would need to be addded manually by editing the plugin files and inserting the HTML
Will you have plan to update this feather in next version?
It’s a great plugin, but perhaps there should be a way to utilized as a normal contact from just using short code. Would be easier for novice users.
Hi,
There is no shortcode version available at the moment. Due to all of the variables with each form field and the form itself the shortcode gets quite complicated
Is there a way of adding a tick box?
I would like to add an automatically ticked ‘Subscribe to our newsletter?’ area to the form.
Many thanks
Jacob
Hi,
The current version doesnt include a checkbox. You would have to add the checkbox to the HTML in the plugin code. Let me know if you want to do this and I will give you the file name and which line to add the code
If you could tell me, that would be very helpful indeed. Thanks very much!
To add it just before the submit button go to file dcwp_admin.php.
Just before it says “” on line 330 add the following code:
<li class="text-row"> <label for="checkbox">{Enter your label}</label> <input type="checkbox" name="{Enter the name to use}" value="{Enter the value to use}" /> </li>Hi,
What is the error? The above code is correct so shouldnt cause any problems
The form won’t send emails. tried all combinations of settings.
Hi,
Try using the SMTP option. If it still wont then check with your hosting company
http://www.designchemical.com/blog/index.php/faq/i-dont-receive-any-email-from-the-slick-contact-form/
I found a typo, I think.
I was trying to modify the .btn-submit css class to use images for the submit button. But, I discovered an extra apostrophe in the form code.
In dcwp_admin.php on line 331
It was class=”‘btn-submit”
I changed it to class=”btn-submit”
Almost impossible to see, but there’s an extra ‘ after class=” (remove it)
This makes it impossible to change the submit button through the css.
Anyway, works now, thought you’d want to know.
Hi,
Thanks for the info. Have updated the plugin
Lee sir, thank you!…..great plugin!…..working perfectly…with the jquery
I like your plugin. However, I keep getting an extra text field type called: “Leave this field empty”.
I can”t name or get rid of it..
Also, how do i get rid of the numbering by each field.
Please help
It sounds like the jquery code is not working if you are seeing the empty field. Check the site using Firebug for any javascript errors that may be preventing it from loading correctly
This is the line of code and the error I am getting:
Line 49 $mainmenu.parent().get(0).className = setting.classname || “ddsmoothmenu”
SCRIPT5007: Unable to set value of the property ‘className’: object is null or undefined
ddsmoothmenu.js?ver=3.2.1, line 49 character 3
I am not a programmer, How do I fix this?
Thanks
Please Respond!
Hi,
This error is not from the plugin. You need to go back to either the plugin author or the theme author, if that’s what is causing the problem
Hi there, I actually just used the contact form on (http://www.designchemical.com/lab/), but it just “swirled” and after a few minutes I left the page, so I’m not sure if it sent or not…sorry if this is a duplicate.
I really like EVERYTHING about the form setup on that page (http://www.designchemical.com/lab/), but cannot figure out how to make it look like that. I have gotten the vertical pic, but that’s as far as I got.
Is there a chance you could help me…I love the formatting of the one you have on the above page.
Thanks so much!
Marcos
Hi,
There is an FAQ, which gives you more info on how to customise the style for the slide out version – see Creating a custom skin for a slide out contact form.
You can use the sample CSS provided as the basis for the new style
Slick broken with newest wordpress vers WordPress 3.3 . no longer on side but form in sidebar and all messy. floating or slide out makes no difference. please upgrade your wordpress too to test. I just tried your 1.33 vers no difference. please help!
All of the plugins have been tested with version 3.3
I am not sure if I missed something so I will ask just in case.
Above the form have physical address and contact information followed by a map and then the
actual form?
Thanks
Hi,
You can edit the plugin file directly to insert any custom HTML. The form HTML starts at line 275 of dcwp_admin.php file
Thanks Lee…..
Great plug in Lee.
Thanks!
Hello,
if I hide the form by clicking on the top and later I reload the page the form comes out again.
Is there a setting that it stays in until the user clicks on it again.
Or where should I place a cookie with the same effect?
Thanks very much, Walter
Hi,
Currently there is no cookie built in that remembers the state between pages. Its something we can look at adding for future updates
Very nice contact form. I got a question though:
Is it possible to have the form only appear after I click a link (so no floating)
Thanks Thomas
Hi,
You can hide the tab using CSS and then use the shortcode link to open the form:
Thank you: I tried it but whenever I change some CSS it si reflected once the form is visible.
I’m sure it’s me as I’m not a CSS wizard. Maybee you can tell me what and where to edit
Thomas
If its a floating form then use:
.dc-contact-float .tab {display: none;}
For a slide out form use:
dc-contact-slick .tab {display: none;}
Hi Lee, i have to say that this plugin is really great. I have a prob though. Every time the page loads i get this http://imm.io/cvpH for 2-3 seconds. Then this is gone and everything is ok. The thing is that this is annoying as it loads every time i go to a different page. Can we fix this?
well, i placed the widget to another place… and now its fine
Hi,
This is the form before the jquery has initialised. Either place the form in the footer where it cant be seen whilst the page loads or you can use CSS to hide the form – there should be a sample of CSS code in one of the earlier comments for the same problem
Great plugin! Three things and perhaps requests:
1. Allow an HTML date type, so that selecting a date no longer requires 3 fields
2. Allow for a two-column design, for this would drastically shorten the forms.
3. Allow for the plugin to be used as a normal contact form shortcode.
Cheers and keep up the excellent work!
Helmar
Hi,
Thanks for the suggestions
Hello,
I love the slick contact form and it works without problems.
Nevertheless what I would like to do is add a picture on the top of the form using 3 lines of java script. That java script will then display a picture which if you click on it opens up a chat window.
You see an example of the TechChat here: http://www.sindopower.com
Like this the visitor has a choice of either contacting us per your form or open up a chat window.
Where would I have to include this script in the code ?
Thank you, Walter
Hi,
If you want to insert the code directly into the slide out tab you can add it to file dcwp_admin.php at line 285
Hello Lee,
thank you for the advise. But now the height of the form is too short relative to the height of the picture element. Where do I manipulate the height of the form in total?
Thanks, Walter
Walter 2011 Nov 29 at 3:18 am
Hello,
I love the slick contact form and it works without problems.
Nevertheless what I would like to do is add a picture on the top of the form using 3 lines of java script. That java script will then display a picture which if you click on it opens up a chat window.
You see an example of the TechChat here: http://www.sindopower.com
Like this the visitor has a choice of either contacting us per your form or open up a chat window.
Where would I have to include this script in the code ?
Thank you, Walter
Reply
Lee 2011 Nov 29 at 7:30 am
Hi,
If you want to insert the code directly into the slide out tab you can add it to file dcwp_admin.php at line 285
This is a really great widget – and very easy to setup.
However, wouldn’t it make sense to add the instruction to the bottom of the configuration page: How to activate: “In the widgets section, select the Slick Contact Forms widget and add to one of your widget areas”? I had no clue what to do after saving the settings as there was no instructions what the next step was.
I do miss the option of 1) selecting my own font, 2) selecting more color options, 3) selecting a padding/frame color to the contact form, 4) selecting or deselecting the border around the tab. 5) the option to turn the tab parallel/sideways rather than sticking out.
Hi,
Thanks for the suggestions.
With regards to the font and colour options these can be set by creating a custom style sheet. FAQ Creating a custom skin for a slide out contact form gives detailed instructions and a sample CSS file.
For the vertical text unfortunately this isnt possible using standard HTML can can only be done using a background image – see the following FAQ for further instructions:
Adding vertical text to the contact form tab
Just wanted to say thanks for this. Seriously one of the best plugins in the entire WP repository. I was using a modified contact form widget that was slowing my site but this one is the business!
Hi,
Thanks for the feedback. Glad you find the plugin useful
I would like the contact form to be closed on page load and after 10sec is sliding in. How can it be implemented.
Thank’s
Hi,
The plugin doesnt have this facility built in but you could add custom jQuery code
Yes, I checked the source code for my Store theme and these lines of code come after yours:
jQuery(document).ready(function($) {
jQuery(‘#dc_jqslickcontact_widget-3-item’).dcSlickContact({
method: ‘stick’,
event: ‘click’,
classWrapper: ‘dc-contact-stick’,
classContent: ‘dc-contact-content’,
width: 200,
location: ‘left’,
align: ‘top’,
speedContent: 600,
speedFloat: 1500,
offsetLocation: 10,
offsetAlign: 10,
autoClose: false,
tabText: ‘Contact Us’,
idWrapper: ‘dc-contact-3′,
animateError: true,
loadOpen: false,
ajaxSubmit: true
});
});
Plugin
jQuery(function(){
jQuery(‘ul.sf-menu’).superfish();
});
What is the workaround?
The problem is due to your theme files loading jquery again in the header file:
See FAQ Adding jQuery to your theme files using wp_enqueue_script for details on how to correct it