WIMPLE Contact Form

Sharraxaad

A flexible and super-easy Web Form plug-in for WordPress to create Contact or any kind of forms for web sites and apps.

Create web forms for –
1. Contact Us
2. Feedback
3. Technical / Product Support Query
4. Customer Complaint
5. General Inquiry
or whatever form you can think of.

  • Simple UI to interactively design forms — no code to define fields or behavior.

  • Select data types for fields from the most commonly used pre-defined set.

  • Set custom help/hint and validation error messages to show for each field.

  • Specify prompt for each single-line and multi-line text field.

  • Put the fields anywhere within the form as needed.

  • Change the position of fields within a row or across rows.

  • Set or edit width of a field in any row.

  • Add one or more field(s) in one row.

  • Edit all the details for any field at any time.

  • Delete an entire row – with the filed(s) – and create a new one, if needed.

  • Customize the auto-generated default HTML and CSS as per your choice (e.g., to match the web site / page).

  • Receive auto-generated email with form data via your own SMTP server or AWS-SES — setup step-by-step using interactive UI, no coding needed.

  • Completely clean code, with no script embedded.

FEATURES

  1. Create and manage multiple forms using the plug-in.

  2. Use the same form or different forms for different web pages.

  3. Use custom email id[s] (not necessarily admin email only) as From (sender) and To (recipient) address for the form.

  4. Interactively create form from admin backend — add, remove, edit field values / options, place field anywhere within the form.

  5. View each form when it is created, modify if needed.

  6. Choice of using CAPTCHA or not — 6 or 8 characters for CAPTCHA string.

  7. Use any one of five ready-made themes to display form in the frontend or customize the selected theme as needed.

  8. Use default theme so that the form uses site’s theme for which the form is created.

  9. Send form data via auto-generated email using your SMTP server (easy) or AWS SES – API Signature version 4 (better deliverability).

HOW TO DISPLAY THE FORM TO THE USER (frontend)

  • Copy the ‘Shortcode’ for the form from plug-in’s admin backend.

  • Use WordPress function ‘do_shortcode()’ with the above Shortcode in the PHP file for the required web page.

NOTE: You can use the same ‘Shortcode’ in multiple web pages.

PRIVACY POLICY

As per the arrangement of the WIMPLE Web Form Plug-in, admin needs to specify the email settings for sending the auto-generated email with the form data from specified sender email id to recipient email id. There are two supported options, for each of which the admin needs to provide the following information.

  1. AWS-SES: Admin needs to provide —
    a) AWS Endpoint
    b) AWS account ‘Access Key’
    c) AWS account ‘Secret Access Key’

  2. SMTP server other than AWS-SES: Admin needs to provide —
    a) SMTP Server Address
    b) SMTP Server Port
    c) Username
    d) Password

NOTE: These data are put in the code (wp-config.php) and stored on the server where the plug-in is installed. These are used only to send the emails generated based on the form. SARANGSoft does NOT get / have any access to these information.

The auto-generated emails with the form data from WIMPLE Web Form Plug-in via AWS SES (Simple Email Service) are sent using Signature version 4 for better security.

FREQUENTLY ASKED QUESTIONS (FAQ)

  1. How to Display the form to the user (in frontend)?
    a) Copy the ‘Shortcode’ for the form from plug-in’s admin backend.
    b) Use WordPress function ‘do_shortcode()’ with the above Shortcode in the PHP file for the required web page.

  2. Can we use the same form in more than one page in user end (frontend)?
    Yes, you can use the same form (‘Shortcode’) in multiple web pages.

  3. What theme is used by the plug-in?
    There are five (5) built-in themes (color-oriented) with this plug-in. Select any one of those as per your needs, and then customize the CSS for selected theme as you see fit to suit your web site / page.

Sawir-shaashado

  • Site admin creates a form, sets basic properties, and chooses the preferred mail settings.
  • Blank form layout (in the right pane) before starting to define its field(s).
  • Add the first field (type 'radio button') and set its properties in the left pane.
  • See immediate update in form layout in the right pane after adding the field.
  • Add the second field 'Name' (type 'single-line text') and set its properties.
  • 'Name' field is made mandatory and placed on the second row.
  • Add the third field 'Phone Number' (type 'single-line text') including the 'Numeric Only' option.
  • 'Phone number' is added on the third row with 50% width.
  • Add the field 'Profession' (type 'dropdown list') with its properties, including permitted values / options separated by '|'.
  • 'Profession' with 50% width is placed to the right of 'Phone Number' on the third row.
  • Add 'Email' field (type 'single-line text') with properties, including the 'Email Validation' option (will accept only valid email-formatted input).
  • 'Email' is placed on the fourth row.
  • Add the 'Question' field (type 'multi-line text') with maximum 500 characters and place it on a new row.
  • After adding 'Question', the latest form layout is shown in the right pane.
  • Add a 'checkbox' type field in a new (sixth) row.
  • In the right pane, the checkbox field appears at the bottom of the form.
  • Use 'Edit' mode to change width of the 'Name' field from 100% to 50%.
  • The 'Name' field now takes half of its original width.
  • Edit the 'Profession' field to put it to the right of 'Name' on second row.
  • The 'Profession' field is placed after 'Name' on the same (second) row.
  • Edit the 'Email' field to put it to the left of 'Phone number' with 50% width.
  • The final layout of the (edited) form is shown in right panel.
  • In the right pane, hovering the mouse over a row of field(s) shows the 'Edit' and 'Delete' icons; an entire row can be deleted via the 'Delete' icon.
  • Look of the newly-created form (depending on existing page layout) to the frontend user.

Rakibaad

  1. Download and save ‘wimple-contact-form’ on your local drive.

  2. Extract ‘wimple-contact-form’.

  3. Upload the entire ‘wimple-contact-form’ folder into the ‘/wp-content/plugins/’ directory.

  4. Log into your WordPress Admin Panel. Click on Plugin in the left-pane menu list; you will find ‘Wimple Contact Form’ menu in the right-panel.

  5. Click on the ‘Activate’ button to install the plug-in.

Dibu-eegisyo

Akhri dhammaan 1 dibu-eegis

Ka-qaybgalayaasha & Horumariyayaasha

“WIMPLE Contact Form” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan.

Ka-qaybgalayaasha

Ku tarjun “WIMPLE Contact Form” luqaddaada.

Ma xiisaynaysaa horumarinta?

Baadh koodka, fiiri bakhaarka SVN, ama iska qor diiwaanka horumarinta adigoo adeegsanaya RSS.

Isbeddellada

2.0

  • Released in February 2022.*

  • Support for dynamic form creation using interactive UI. Each field can be placed anywhere within the form as needed. Makes form creation super easy and flexible without writing a single line of code.

  • Compatible with WP 5.0 to 5.9.

1.2

  • Released in January 2021.*

  • Compatible with WP 5.6 maintaining backward compatibility.

1.1.0

  • Released in September 2020.*

  • Support for Amazon AWS SES API requests signed using Signature version 4 for sending auto-generated e-mails from the form.
    NOTE: AWS-SES API Sig-v3 expires on Sep 30, 2020, and Sig-v4 is the only option for SES API from Oct 1, 2020.

1.0.0

  • Released in September 2020.*