Linux 软件免费装

在这里免费安装WordPress以及其他软件

Form Styler for Gravity Forms and Elementor

开发者 appscreo
更新时间 2026年3月7日 21:34
PHP版本: 7.2 及以上
WordPress版本: 6.9
版权: GPL-2.0+
版权网址: 版权信息

标签

elementor contact form gravity forms form widget form styling

下载

1.0

详情介绍:

Form Styler for Gravity Forms and Elementor is the missing bridge between Gravity Forms and Elementor. It adds a dedicated drag-and-drop widget to the Elementor editor that lets you embed any Gravity Form on your page and style every part of it — inputs, labels, buttons, layout — without writing a single line of CSS. Unlike the plain shortcode approach, this widget renders Gravity Forms correctly inside the Elementor preview iframe so what you see in the editor is exactly what your visitors see. It is built specifically for the Gravity Forms Orbital theme introduced in Gravity Forms 2.5 and fully updated for the new theme framework structure in Gravity Forms 2.9+. Looking for more advanced visual styling? For users who want deeper, CSS‑free control over Gravity Forms (and other elements), check out our companion plugin Simple Custom Code – Custom CSS, JS, and HTML, Visual CSS Customizer. It includes a Gravity Forms Visual CSS Customizer that lets you tweak virtually every aspect of your form using interactive visual tools. 👉 Learn more about Simple Custom Code – Custom CSS, JS, and HTML, Visual CSS Customizer Why Use This Widget? Features Form Settings (Content Panel) Form Container (Style Panel) Form Labels Sub Labels Input Fields — Normal / Hover / Focus states Submit Button — Normal / Hover states Donate & Support Development If you find this plugin helpful, consider supporting future updates: Thank you! ❤️ Want to help? Want to file a bug, contribute some code, or improve translations? Excellent! Check out our GitHub issues or translations. You can also visit our GitHub page to report issues: https://github.com/appscreo/form-styler-for-gravity-forms-and-elementor Requirements Privacy This plugin does not collect, store, or transmit any personal data. It has no external HTTP requests and does not use cookies.

安装:

  1. Upload the form-styler-for-gravity-forms-and-elementor folder to /wp-content/plugins/.
  2. Activate the plugin through Plugins → Installed Plugins in your WordPress dashboard.
  3. Make sure both Elementor and Gravity Forms are installed and active.
  4. Open any page or post in the Elementor editor.
  5. Search for "Gravity Form" in the widget panel (look under the Gravity Forms category).
  6. Drag the widget onto your canvas, select a form from the dropdown, and start styling.

常见问题:

Does this work with the free version of Elementor?

Yes. The widget uses only core Elementor controls and APIs that are available in the free version of Elementor.

Which Gravity Forms version is supported?

The widget supports Gravity Forms 2.7 and higher. It is optimised for the Orbital theme introduced in Gravity Forms 2.5 and correctly handles the updated theme framework CSS and JavaScript structure introduced in Gravity Forms 2.9.

The form looks unstyled in the Elementor editor. What should I do?

This was a known issue in older versions of similar plugins caused by loading Gravity Forms styles into the wrong Elementor context. This plugin loads all required Gravity Forms styles and scripts into the Elementor preview iframe (not just the editor shell), so the form should render with full Orbital theme styling by default. If you are still seeing unstyled output, ensure that the Orbital theme is selected in Gravity Forms → Settings → Default Form Settings.

Can I use this plugin with Elementor Pro?

Yes. The widget is fully compatible with Elementor Pro and works alongside all Pro features including Theme Builder, dynamic tags, and custom breakpoints.

Does AJAX submission work when enabled?

Yes. Enabling the AJAX toggle passes ajax="true" to the Gravity Forms shortcode. All standard Gravity Forms AJAX behaviour is preserved.

Can I embed the same form more than once on the same page?

Yes. You can place multiple instances of the widget on the same page and target different forms or the same form with different settings. Use the Tab Index Start control to avoid duplicate tab index values when embedding the same form twice.

Is this plugin compatible with caching plugins?

Yes. The widget outputs standard Gravity Forms HTML via the official shortcode function. Compatibility with caching plugins follows the same rules as any other Gravity Forms shortcode embed.

How do I remove the browser focus outline from input fields?

In the Input Fields section, switch to the Focus tab, find the Outline control, and select None (remove outline). Note that removing outlines reduces keyboard accessibility, so consider replacing them with a visible box shadow instead.

更新日志:

1.0.0