Este documento resume la historia y funcionalidad del plugin Contact Form 7 para WordPress. Explica que el plugin fue creado en 2007 por Takayuki Miyoshi como una herramienta libre y gratuita, y desde entonces ha alcanzado gran popularidad con más de 70 millones de descargas. Detalla cómo crear formularios, añadir campos personalizados, y configurar opciones avanzadas como la validación, redirecciones, almacenamiento de datos y más. También presenta a Wapuu, la mascota de Contact Form 7 creada en 2009 que se ha vuel

1. Entendiendo y Extendiendo
Contact Form 7
Álvaro Gómez Velasco @MrFoxTalbot

2. Not just another WordPress plugin
INTRODUCCIÓN
¿Por qué CF7?

3. Standing on the shoulders of gigants
PRIMERA PARTE
Haciendo copias

4. 1455, Gutenberg. 180 Ejemplares.

5. ¿Y antes de Gutenberg?

6. Hyakumantō Darani - “Encanto del millón de pagodas”
Princesa Kōken de Japón encarga 1 millón de copias en 768 (s.VIII)

7. Bloques de madera sobre papel
Xylografía

8. Bloque de madera tallada

9. Impresión sobre papel

10. S. XIX: Arte industrial para el pueblo
“Ukiyo-e”

11. “Gran Ola de Kanagawa”
36 vistas del monte Fuji - Katsushika Hokusai, 1930

12. Taller Ukiyo-e del s.XVIII

13. “Templo de los 500 Rakan”
36 vistas del monte Fuji - Katsushika Hokusai, 1930

14. ¿Ahora os suena más?

15. Takayuki Miyoshi
Takayuki Miyoshi

16. Agosto de 2007
WordPress 2.2.1

17. Este aspecto tenía el plugin y WordPress en 2007

18. Este aspecto tenía el plugin y WordPress en 2007

19. Febrero de 2018
WordPress 4.9.4

20. No está mal para un muchachito de Fukuoka
+70 millones de descargas
+5 millones instalaciones activas
+200 extensiones

21. +70 millones de descargas. No está mal para un muchachito de Fukuoka.

22. Es el plugin de contacto que viene con muchísimos temas comerciales

23. Takayuki Miyoshi, 2012
https://ideasilo.wordpress.com/2012/04/28/free-plugin-declaration/
“I will keep publishing
Contact Form 7 as a free
plugin forever.”

24. Takayuki Miyoshi, 2012
https://ideasilo.wordpress.com/2012/04/28/free-plugin-declaration/
“The current trend is selling
WordPress plugins and themes,
this could weaken the WordPress
community over time.”

25. 2018: Freemium, Freemium everywhere

26. Comentario en WPTavern, 2016
“I’m not so cheap to think that
everything should be free”

28. A one Star Review, 2017
“Charge $$ and make this
better or get out of the org”

30. ¿Puedo hacer X con Contact Form 7?
SEGUNDA PARTE
“Sí, pero ¿cómo funciona?”

31. Entiéndelo
Crear/insertar un formulario
Añadir/editar campos
Required*
id´s y clases CSS
Placeholders
Email con las respuestas

32. Crear / Insertar

33. Editando un formulario

34. Añadir un campo nuevo

35. Estructura del shortcode

36. Configurar el correo de notificación

37. Configúralo
Personaliza los mensajes
Autorrespuesta dinámica
Adjuntar archivos
Aceptación como validación
Redirige al enviar
Captura datos ocultos

38. Personalizar mensajes de error y de confirmación

39. Autorrespuesta dinámica

40. Adjuntar archivos
[file archivo-adjunto limit:10mb filetypes:JPG|PNG]

41. Aceptación como validación

42. Redirigir a otra página después de enviar
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( '947' == event.detail.contactFormId ) {
location = 'https://www.example.com/thank-you-1/';
}
else if ( '1070' == event.detail.contactFormId ) {
location = 'https://www.example.com/thank-you-2/';
}
else {
location = 'https://www.example.com/thank-you-3/';
}
}, false );

43. Capturar datos ocultos
https://contactform7.com/special-mail-tags/
[_remote_ip]
[_user_agent]
[_url]
[_date]
[_time]
[_post_id]
[_post_name]
[_post_title]
[_post_url]
[_post_author]
[_post_author_email]
[_site_title]
[_site_description]
[_site_url]
[_site_admin_email]
[_user_login]
[_user_email]
[_user_url]
[_user_first_name]
[_user_last_name]
[_user_nickname]
[_user_display_name]

44. Mejóralo
Accesibilidad
SMTP
Honeypot / Akismet
Almacenar en BBDD
WPO

46. Haz que solo cargue su CSS/JS en las páginas donde se use el formulario
define('WPCF7_LOAD_JS', false);
define('WPCF7_LOAD_CSS', false);
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );
if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
wpcf7_enqueue_scripts();
}
if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
wpcf7_enqueue_styles();
}

47. Simplifícalo
Editor visual
Skins
Validación en tiempo real
Botón TinyMCE

49. Extiéndelo
Hooks
Autopopulate
Publicar desde el front
Registro desde el front
Multi-step
Lógica condicional

50. http://hookr.io/plugins/contact-form-7/

52. Intégralo
Polylang
MailChimp / Mailpoet
PayPal / Stripe
SMS
Zapier

54. Colabora
Traducciones (Euskara!)
Traduce las extensiones
Da soporte
Compra spinner de Wappuu

55. El origen de Wapuu
TERCERA PARTE
“Bonus track”

56. Una mascota en el Afterparty
WordCamp Tokyo 2009

57. Kazuko Kaneuchi @mutsuking // https://wapu.us/wapuu-history-origin/

58. La casualidad...
WordCamp Fukuoka 2011

60. Primera aparición. https://ja.wordpress.org/2011/02/19/wordpress-japan-
character/

61. Se iba a llamar Wappy pero por el nombre estaba ya registrado :S

62. Dos videos sobre CF7
Más información

65. [/La promoció]
Álvaro Gómez Velasco
@MrFoxTalbot
Consultor WordPress freelance
[La promoció]

66. ¿Preguntas?
¡Gracias!