Title: HTML Editor for Contact Form 7
Author: Wow-Company
Published: <strong>25 de juliol de 2021</strong>
Last modified: 25 d'agost de 2026

---

Cerca extensions

![](https://ps.w.org/cf7-coder/assets/banner-772x250.jpg?rev=2571791)

![](https://ps.w.org/cf7-coder/assets/icon-256x256.png?rev=2571791)

# HTML Editor for Contact Form 7

 Per [Wow-Company](https://profiles.wordpress.org/wpcalc/)

[Baixa](https://downloads.wordpress.org/plugin/cf7-coder.1.0.1.zip)

 * [Detalls](https://ca.wordpress.org/plugins/cf7-coder/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/cf7-coder/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/cf7-coder/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/cf7-coder/#developers)

 [Suport](https://wordpress.org/support/plugin/cf7-coder/)

## Descripció

Contact Form 7 plugin allows editing forms with a standard textarea. This addon 
adds an HTML editor with code highlighter to each contact form and provides many
useful options to enhance your forms.

#### Editor Features

 * **HTML Editor** with syntax highlighting powered by CodeMirror
 * **Dark Theme** (Material) support for comfortable editing
 * **Auto-close** brackets and tags
 * **Code folding** and line numbers
 * **Search and replace** functionality (Ctrl+F)

#### Form Behavior Options

 * **Test Mode** – Hide form from non-administrators for testing purposes
 * **Remove Auto Tags** – Remove auto-added p and br tags from form output
 * **Redirect After Submit** – Redirect users to a custom URL after successful submission
    - Support for ACF fields to get dynamic redirect URL from current page
    - Option to open redirect URL in new tab
    - Option to force file download
 * **Hide Form After Submit** – Hide the form and show only success message
 * **Disable Submit Button** – Prevent double submissions by disabling button during
   form submission
 * **Pre-fill Fields from URL** – Auto-fill form fields from URL parameters (e.g.,?
   your-email=test@example.com)
 * **GA/GTM Event** – Send custom event to Google Analytics/GTM dataLayer on successful
   submission
 * **Scroll to Message** – Automatically scroll to success/error message after form
   submission
 * **Auto-hide Success Message** – Automatically hide success message after specified
   seconds
 * **Remove Refill** – Clear form fields after validation error

#### Performance

 * **Conditional Script Loading** – Load CF7 scripts and styles only on pages with
   contact form shortcode

To improve the plugin’s functions and add new functions, write to us on the support
[forum](https://wordpress.org/support/plugin/cf7-coder/).

#### Support

Search for answers and ask your questions at [forum](https://wordpress.org/support/plugin/cf7-coder/)
or send requests on the [github](https://github.com/wow-company/cf7-coder/issues).

## Captures

[⌊Contact Form⌉⌊Contact Form⌉[

Contact Form

[⌊HTML editor⌉⌊HTML editor⌉[

HTML editor

## Instal·lació

 * Installation option 1: Find and install this plugin in the `Plugins` -> `Add 
   new` section of your `wp-admin`
 * Installation option 2: Download the zip file, then upload the plugin via the 
   wp-admin in the `Plugins` -> `Add new` section. Or unzip the archive and upload
   the folder to the plugins directory `/wp-content/plugins/` via ftp
 * Press `Activate` when you have installed the plugin via dashboard.
 * Go to `Contact Form`

## Ressenyes

![](https://secure.gravatar.com/avatar/8d8ec042829e0d4060243b6c1067768dd31773ace52982c6ac4a4fbef207cbfd?
s=60&d=retro&r=g)

### 󠀁[Very helpful](https://wordpress.org/support/topic/very-helpful-1395/)󠁿

 [btxtiger](https://profiles.wordpress.org/btxtiger/) 28 de novembre de 2023

Thank you

![](https://secure.gravatar.com/avatar/7b9b96062f598f296a2cd8aa4f3a9bdb91c841c69c6a22920e64feb8fd54b5c1?
s=60&d=retro&r=g)

### 󠀁[Useful](https://wordpress.org/support/topic/useful-950/)󠁿

 [shade351](https://profiles.wordpress.org/shade351/) 2 de desembre de 2022

Makes work easier

 [ Llegiu totes les 2 ressenyes ](https://wordpress.org/support/plugin/cf7-coder/reviews/)

## Col·laboradors i desenvolupadors

«HTML Editor for Contact Form 7» és programari de codi obert. La següent gent ha
col·laborat en aquesta extensió.

Col·laboradors

 *   [ Wow-Company ](https://profiles.wordpress.org/wpcalc/)
 *   [ DmtLo ](https://profiles.wordpress.org/lobov/)

[Traduïu «HTML Editor for Contact Form 7» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/cf7-coder)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/cf7-coder/), baixeu-
vos el [repositori SVN](https://plugins.svn.wordpress.org/cf7-coder/), o subscriviu-
vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/cf7-coder/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/cf7-coder/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 1.0.1

 * Fixed: if enable ‘Load scripts only on pages with shortcode’ recaptcha show only
   page with shortcode
 * Fixed: option ‘Remove Auto tags p and br ‘

#### 1.0

 * Added: Redirect after submit with URL input
 * Added: ACF field support for dynamic redirect URL
 * Added: Open redirect in new tab option
 * Added: Force download option for redirect URL
 * Added: Hide form after submit (show only success message)
 * Added: Disable submit button while sending to prevent double submissions
 * Added: Pre-fill form fields from URL parameters
 * Added: GA/GTM Event tracking on successful form submission
 * Added: Scroll to message after form submission
 * Added: Auto-hide success message with configurable timeout
 * Added: Remove refill option (clear fields after validation error)
 * Added: Conditional loading of CF7 scripts only on pages with shortcode
 * Improved: Tag generator integration with CodeMirror editor

#### 0.2

 * Added: Dark theme support.
 * Added: Vertical resize option for the editor.

#### 0.1

 * Initial release

## Meta

 *  Versió **1.0.1**
 *  Darrera actualització **fa 2 setmanes**
 *  Instal·lacions actives **1.000+**
 *  Versió del WordPress ** 5.0 o posterior **
 *  Provada fins a **7.1**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/cf7-coder/)
 * Etiquetes
 * [cf7](https://ca.wordpress.org/plugins/tags/cf7/)[code editor](https://ca.wordpress.org/plugins/tags/code-editor/)
   [contact form 7](https://ca.wordpress.org/plugins/tags/contact-form-7/)[html-editor](https://ca.wordpress.org/plugins/tags/html-editor/)
   [redirect](https://ca.wordpress.org/plugins/tags/redirect/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/cf7-coder/advanced/)

## Valoracions

 5 sobre 5 estrelles.

 *  [  2 valoracions de 5 estrelles     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=5)
 *  [  0 valoracions de 4 estrelles     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=4)
 *  [  0 valoracions de 3 estrelles     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=3)
 *  [  0 valoracions de 2 estrelles     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=2)
 *  [  0 valoracions de 1 estrelles     ](https://wordpress.org/support/plugin/cf7-coder/reviews/?filter=1)

[La vostra ressenya](https://wordpress.org/support/plugin/cf7-coder/reviews/#new-post)

[Visualitza totes les ressenyes](https://wordpress.org/support/plugin/cf7-coder/reviews/)

## Col·laboradors

 *   [ Wow-Company ](https://profiles.wordpress.org/wpcalc/)
 *   [ DmtLo ](https://profiles.wordpress.org/lobov/)

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/cf7-coder/)

## Feu una donació

Voleu ajudar a què l’extensió millori?

 [ Feu una donació a aquesta extensió ](https://wow-estore.com/)