Grid & Styler For Contact Form 7 And Divi

外掛說明

Grid & Styler For Contact Form 7 And Divi plugin adds

  • Grid Layout Builder For Contact Form 7 – To create form in grid layout
  • Divi Styler Module For Contact Form 7 – Embed form with default styles and add custom styles (premium) the form using divi module

Grid Layout Builder For Contact Form 7

Create a grid layout for contact form 7 using rows and columns (1, 1/2, 1/3, 1/4, 2/3, 3/4). These row and columns can be found on the default contact form 7 template editor.

For details visit https://wptools.app/how-to/how-to-create-grid-layout-for-contact-form-7/

Divi Styler For Contact Form 7

Embed and style contact form 7 on a divi page using a divi module. Details on how to style the form can be found at https://wptools.app/how-to/how-to-style-contact-form-7-in-divi-theme/

Premium version

We offer premium version. It can be found at https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/

The premium version offers ability to add custom styles to the contact form 7.

螢幕擷圖

  • Styled Contact Form 7 On Divi Page
  • Grid Layout Builder For Contact Form 7 Template
  • Divi Module For Embedding And Styling Contact Form 7

安裝方式

How to install the Grid & Styler For Contact Form 7 And Divi plugin and get it working.

  1. Download the plugin and unzip it. You will get a cf7-grid-and-styler-for-divi folder
  2. Upload cf7-grid-and-styler-for-divi folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

常見問題集

How do I use the grid layout builder?

Please read this how-to guide https://wptools.app/how-to/how-to-create-grid-layout-for-contact-form-7/

How do I embed and style the contact form 7 on a divi page?

Please read this how-to guide https://wptools.app/how-to/how-to-style-contact-form-7-in-divi-theme/

Do you have a premium plugin?

Yes, please visit https://wptools.app/wordpress-plugin/grid-styler-for-contact-form-7-and-divi/ to learn more.

使用者評論

2024 年 4 月 16 日
Was having an issue with my contact form, and emailed for support, turns out it wasn’t even an issue with their plugin but another that was conflicting the contact form. But they still happily took a looked and advised. Really happy. 5 Stars.
閱讀全部 0 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Grid & Styler For Contact Form 7 And Divi〉的開發相關工作。

參與者

變更記錄

1.6.0

  • php8.1 compatible
  • Freemius upgrade
  • WordPress compatible

1.5.2

  • Freemius upgrade

1.5.1

  • Divi module selector bug fix

1.5.0

  • Freemius upgrade
  • Bug fix for form response at top
  • Added classes for grid columns
  • Size attribute fix for cf7 fields

1.4.2

  • Composer compatible with php 7.2.0

1.4.1

  • Upgraded freemius to 2.4.3
  • WordPress 5.9.1 compatible

1.4.0

  • Added support for sticky scroll.
  • Compatible with divi 4.10+

1.3.0

  • Added toggle field “Show Response At Top”. On “Yes”, the form response is set at the top. On “NO”, the form response location is set to default or on place where response tag is used.

1.2.2

  • Fixed responsive css for column wrapper in tablet and mobile.
  • Updated freemius sdk to 2.4.2

1.2.1

  • Fixed scrolling issue when cf7 success/error.
  • Bug fix when multiple cf7 forms on page, multiple success/error response elements were presented on a single form.

1.2.0

  • Fixed selector issue for form success and error messages.
  • WordPress 5.6 compatibility.

1.1.0

  • Added compatibility for Divi 4.5.1+
  • Compatible with WordPress 5.4.2

1.0.2

  • Fixed button and ajax loader layout issue
  • Fixed last column’s control with issue.
  • Added 7 day Free trial.

1.0.1

  • Added single column form field.

1.0.0

  • First version of the plugin
  • Divi module styler for contact form 7
  • Added following form fields
    • Row
    • 1/2 Column
    • 1/3 Column
    • 1/4 Column
    • 2/3 Column
    • 3/4 Column