這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Modal Contact Form

外掛說明

Modal Contact Form is a plugin which allows to insert a shortcode where you want to provide a contact button on your site.
Clicking on this button then opens a modal contact form with following features:

  • Slider captcha validation (Send button is visible only after drag the slider).
  • Modal window is CSS only
  • Form fields are: Name, Email (optional), Phone number(optional), Message, Checkbox to receive a copy (if Email option is enabled)
  • Optional field is file attachment (extensions allowed are jpg, jpeg, jpe, pdf, zip, png, txt, doc, docx, xls, xlsx, xla, xlt and xlw). Chosen rule : In case attached file extension is not allowed, mail is still sent but without file attached
  • Autoreply feature to add a specific message to your copy message when you are out of office
  • Languages translation ready for frontend and backend (English/French provided)
  • One default style CSS provided (lb-modal-contact-form.css) which can be turned off in admin interface to use your own

Note that it is also possible to disable modal window and just have contact form inside a page or post.

螢幕擷圖

  • Contact button created by inserting shortcode
  • Modal Contact Form window is displayed after clicking contact button (modal display "on")
  • Settings options

安裝方式

  1. Make sure you are using WordPress 3.1 or later and that your server is running PHP 5.2.4 or later (same requirement as WordPress itself)
  2. Download the plugin
  3. Extract all the files.
  4. Upload everything (keeping the directory structure) to the ‘/wp-content/plugins/’ directory.
  5. Activate the plugin through the ‘Plugins’ menu in WordPress.
  6. Go to the Contact Modal Form settings menu and fill your email address to can receive emails
  7. Select form fields you want to display (phone and email are optional)
  8. Insert a shortcode [insert-modal-contact-form] where you want to have your contact button
  9. In case you want or need to create a customized CSS, name it as lb-modal-contact-form-custom.css and place it into ‘/plugins/lb-modal-contact-form’ folder
  10. In case you don’t need modal window but just need a contact form, you can disable modal window (select “off” in this case)

常見問題集

尚未

使用者評論

2016 年 9 月 3 日
Very easy, and easy to customize too. Works perfect. LOVE the slide to reveal the "submit"... I mean the "SEND" button.
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Modal Contact Form〉的開發相關工作。

參與者

將 Modal Contact Form 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

Version 1.8.1

  • Removed non used files

Version 1.8

  • Updated CSS to be compatible with default WordPress 4.6 theme : Twenty Sixteen

Version 1.7

  • Add autoreply feature

Version 1.6.1

  • Avoid multiple emails sending in case of several shortcodes in same page

Version 1.6

  • Customer email and phone are now optional form fields
  • Keep users parameters after plugin update

Version 1.5.1

  • Fixed an issue which causes new options added where not filled at a plugin update

Version 1.5

  • Added an option to disable modal window. In this case contact form will be embedded in page or post.

Version 1.2

  • Plugin settings backend is now ready for translation
  • Added optional attachment file feature
  • fixed issue : settings was reset at deactivation

Version 1.1.3

  • Updated way to sanitize form inputs to correctly display quotes

Version 1.1.2

  • Fixed translation issue

Version 1.1.1

  • Fixed versioning issue

Version 1.1

  • Added field for phone number
  • After submit the form is closed
  • Fixed minor issue in default CSS (removed text decoration on link of contact button)

Version 1.0

  • First stable version