FormSnap Jr. stack
Introduction
The Yabdab FormSnap Jr SmartStack allows RapidWeaver users to add a simple, self contained contact form to a Stacks v2+ page ( http://www.yourhead.com ). Site visitors can submit a form on the published page. Form contents will be sent via email to the email address specified in the stack setup. The FormSnap Jr Stack, while not as fully featured as our FormSnap Suite, does provide for simple form usage combined with the flexible layout of Stacks.
FormSnap Jr. requires a web host with PHP5+. (MobileMe hosting is not supported)
Installation
When you purchase FormSnap Jr., you'll receive a file named: FormSnapJunior.stack.zip
Double click on this file to uncompress the stack. The uncompressed file will be named FormSnapJunior.stack
Make sure RapidWeaver is NOT open, then double click FormSnapJunior.stack. This will automatically install the stack to /user/Library/Application Support/RapidWeaver/Stacks
Installation is now complete and you can launch RapidWeaver.
Setup
You can add a FormSnap Jr. form to any Stacks page. It's important to note that the page containing FormSnap Jr. must be PUBLISHED to function. You can preview in RapidWeaver to view layout, but no form mails will be sent unless the page is published to a host running PHP5..
To add FormSnap Junior. to your page, simply drag the FormSnap Junior stack from the stack elements list onto your page, it generally doesn't matter WHERE you place it on your Stacks page. You will control it's location in the Info Pane. To configure FormSnap Junior, take a look at the info pane on the right hand side of your Stacks 2 page in Edit Mode. You'll see the following settings available to you:.
These are the four basic fields you have to work with. You can not add or remove fields.
FormSnap Jr. Fields:
Name: text field
Email: text field (with email address format validation)
Message: textarea
Test Question text field with validated response. This field is a simple form of Captcha used to validate that humans (and not form/spam bots) are sending form submissions. This field allows you to ask a general simple knowledge question and only send the form if the response is valid. For example, you might use as the question: What is 3 + 3 - the form will only send if the sender enters the value 6 as the Test Answer.
General Settings
These settings control basic form behavior
- Preview Enable this checkbox to see a preview of the FormSnap Junior display window within Stacks edit mode.
- Recipient Email address that form submissions will be sent to.
- Auto Reply Enable this checkbox to send an auto reply acknowledgement to the form sender.
Tab Settings
These settings control the appearance and behavior of the tab used to open the FormSnap Junior contact form.
- Tab Label Text that will display on the contact tab - "Contact" by default.
- Tab Position Select the side of the browser window the contact tab will appear on. Note that you can control finite position with Detailed Tab Position (below).
- Tab Icon Use the color picker to select a colr for the Tab Icon (if enabled). This is the envelope icon which can optionally displayed in the tab.
- Font Enter the font name to be used to display the Tab Label. Helvetica by default
- Tab Background Select a color for the Tab Background. This is the large, main body color of the tab.
- Tab Border Select a color for the Tab Border. The Tab Border outlines the Tab Background.
- Tab Text Select a color for the Tab Text (this is the text you provide as the Tab Label). /li>
- Show Tab Icon Enable this checkbox to display an envelope icon next to your Tab Label. /li>
- Detailed Tab Position If you need to adjust the position of the contact tab, enable this checkbox. Once enabled, you'll see four offset sliders, use these to control positioning.
Text Settings
These settings are use to customize your form and even translate into another language. English is the default, but all text on the form can be localized to any language via Text Settings.
- Contact Title Header Title displayed at the top of the form input view.
- Name Label The text that will appear next to the Name input field on the form.
- Email Label The text that will appear next to the Email input field on the form.
- Message Label The text that will appear next to the Message input area on the form.
- Test Question The text that will appear next to the Human Validation input area on the form.
- Test Answer Enter a value that satisfies the Test Question. Note that this is NOT case sensivite. For example, if your Test Question is: Are you Human, then enter the term: yes as the Test Answer. The answer will validate whether the user enters "Yes", "yes" or even "yEs"
- Subject The subject of the email created by the form. For example, Website Message or Site Form Submission, etc.
- Send Button Text on the Send button used to submit the firm
- Cancel Button Text on the Cancel button which is used to close the form.
- Success MessageText displayed when the user has sent in a successful form.
- Error Message Text displayed when the user has attempted to process a failed form submission
- Footer Any text you'd like to display underneath the form, use this to provide further instructions or even alternate contact methods (telephone, address, etc)
- Processing Text displayed while the form script is processing. Keep it short, this is not usually displayed for long.
Style Settings
Style Setting control form appearance. Use the built in color pickers to select colors to be used for all labeled elements. The single Font entry is for all items INSIDE the form view (title, field labels, footer text inside the form view itself)
Note: Do not use any html, javascript or css in your custom text labels.
0 Comments