It is very usual to find Contact Forms in websites but having an Upload Form will be convenient for some web sites.
For example, if you have business and you are hiring, your visitors can attach their resume to the Upload Form. This will enhance the form’s functionality as visitors would not need to send an extra email to you. Also, having both functionalities in one is even more convenient for your users.
The Upload Form Widget for Adobe Muse has these features. You can style the form as you wish and choose which fields you want to show among the options we give you. Not only can you upload resumes. Think about other possibilities like uploading photos or graphics.
Main Features of Upload Contact Form Widget for Adobe Muse:
- Add a contact form to your website.
- The form supports one attached file. If you need to attach more than one file, compress all the files into a zip.
- This form allows users to send you file attachments.
- You will receive files attached in your email.
- Resizable Widget.
HOW DOES IT WORK
- Drop a new widget to Adobe Muse.
- IMPORTANT: ADD PHP FILE “contact.php” included in your downloaded zip file.
- Fill in “Send to email” destination address.
- Fill in “From email” origin address.
- Customize all other available options if desired.
- You can show/hide phone, subject and phone fields.
UPDATE V2: now you can change font type choosing between more than 40 standard webfonts
UPDATE V3:
- Now you can send form to multiple recipients. Separate them by comma.
- You can also set up to 5 subjects.
- Added label texts to config, so you can modify or translate them.
UPDATE V4:
- Created new optional contactsec.php file that deals with email delivery. To avoid spam, you shold use contactsec.php instead of old contact.php.
- Edit contactsec.php with Notepad++ (or another software that will not change file encoding). Set up your form destination email changing first line there:
- You can also add multiple destination recipients in contactsec.php separating them by comma. Keep all values between quotes as shown in example.
- Save contactsec.php and use ADD PHP FILE “contactsec.php” in your widget settings.
- Edit contactsec.php with Notepad++ (or another software that will not change file encoding). Set up your form destination email changing first line there:
UPDATE V5:
- Bugs fixed when using multiple forms in different breakpoints.
- Multiple files submission is now allowed.
- Added a loading bar when file is uploading, you can customize its color.
- Added option to redirect to any URL after upload is successful.
UPDATE V6:
- Contact and contactsec php files updated: they will not send empty fields.
- Email body text format updated.
- Form title: show or hide title. Control font, size, color & separator.
- Form text labels: customize font, size, color & width.
- Form input labels: control a lot of settings from input fields like font, size, color, background, corner radius, borders, shadow, width or margin.
- Form button: customize font, size, color, width, background or alignment.
- Default font added. Select font -default- to use any Adobe Muse selected font (exported as image fonts are not valid).
- Small bug fixed when using special characters (December 2017).
REQUIREMENTS. READ BEFORE PURCHASE:
- You should take into account that these form elements are not editable directly in Adobe Muse nor you can add more fields (since Muse does not support upload fields) so to control the form layout you must use the widget settings.
- This widget will not work in Adobe Muse Preview. You need to upload it to your PHP compatible server to see it work.
- Make sure your Hosting Provider is PHP compatible and supports mail() PHP function. The widget needs this requirement in order to work.
- Some servers like Banahosting or Ipage, send emails with no problems. Others, like Aruba or Godaddy, require a change in your hosting settings to enable it. Note that Business Catalyst does not support PHP. You can read more related info here: https://forums.adobe.com/docs/DOC-3581
- Please, read “How to check if mail() PHP function is enabled in your server” or contact your hosting provider if you are not sure they meet this requirement.
[button link=”https://responsive-muse.com/demos/widget-upload-form/” color=”orange” size=”” stretch=”” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” icon=”” icon_divider=”yes” icon_position=”center” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ alignment=”center” class=”” id=””]PREVIEW[/button]
okgraphics –
working as charm
Dammo –
Love it! Works perfectly! Just what I needed!
Johan Müller –
thanks for update
Salome –
Great widget
Jack (verified owner) –
This widget does exactly what it says it will do. It’s fully customizable and looks great!!
You won’t be disappointed!
Ward J –
You made my day useful tut and updates
Kurt –
Not bad but I miss some options
ChristianH –
amazing V5 release, finally it supports multiple files, thanks!
Jocelyn –
Please allow for restyling. It functions well but I really would like to have access to all of the elements to make them look how I want.
responsive-muse –
EDIT: please, update to V6 version, we added a lot of customization options.
Pedro –
V6 really improve the quality of this widget. Nice options to customize it
Christopher –
Only solution I could find for our needs. It implements well with a multi z layered site design.
Support is top notch, fast response time and able to resolve issues that were impacting the widget.
Will be looking at more Responsive Muse solutions to round out my Muse toolkit!
Veronica V –
I was stuck with muse built in contact form… too limited for me. I needed a contact form where you could upload resumes and this widget worked perfect!
Elson –
The widget works almost normal. I’m having character problems. They are misconfiguring when the email arrives. And attachments are returning with blank content. How to solve this?
responsive-muse –
Hi Elson.
It seems there was a encoding problem. The support team has notified me that they have already solved the problem in the ticket you have sent.
Kind regards.
Yessmin –
Thanks for adding optional url redirect. This is great widget, only miss I could make fields with different length.
florin –
Not so special like it might be …..
Allot of options missing to be a good widget …
1) option to use radio or check buttons
2) option to add more fields
3) option to select the order for each field
responsive-muse –
I am afraid that you cannot add additional fields to the widget or select the order, as Muse does not support file upload fields. This widget enables you to upload files, so as much as we would like to, it is impossible to edit these fields directly in Muse or add new fields.
Marcio (verified owner) –
Any forecast for a new version with clean field button?