Como añadir códigos de Shortcodes Ultimate en Contact Form 7

Hace unos días un cliente me comentó que necesitaba algo más en en formulario de contacto. Quería usar “acordeones”, “pestañas” etc para que el formulario tuviera más funcionalidades.

Mirando cómo hacerlo descubrimos que podemos usar las códigos de Shortcodes Ultimate en Contact Form7, dos de los plugins más usados para cada una de esas funciones.

Hay dos maneras de poner los códigos:

1. La más recomendada. Podemos modificar el fichero functions.php de nuestra plantilla para poner este código:

   add_filter( 'wpcf7_form_elements', 'mycustom_wpcf7_form_elements' );
   
   function mycustom_wpcf7_form_elements( $form ) {
   $form = do_shortcode( $form );
   
   return $form;
   }

   Obviamente el gran problema de esto es que cada actualización de la plantilla hará que perdamos los cambios. Pero esto se puede arreglar haciendo una plantilla hija (de lo cual hablaremos mañana).
   Con este método podemos usar los códigos de Shortcodes Ultimate sin problemas en el formulario igual que en el resto de la web.

2. La más laboriosa. Podemos usar (no lo hemos probado) los códigos html en el formulario. Podéis ver el ejemplo aquí (respuesta 14).
   Esta manera es muy laboriosa porque requiere poner etiquetas de div y css casi en cada línea. Pero no se cambiará al actualizar la plantilla. Eso si, vuelve el formulario un texto enorme lleno de código.

Buen truco si queréis llevar los formularios al siguiente nivel.

 

Os recomendamos los siguientes productos relacionados con la informática:

 

Kingston NV3 NVMe PCIe 4.0 SSD Interno 1TB M.2 2280-SNV3S/1000G

(86)

59,96 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

305XL Cartuchos de Impresora para HP 305 Cartuchos de Repuesto para HP 305 Cartuchos para HP DeskJet 2700 2710 2720e 2722e 4110e Deskjet Plus 4100 4130e Envy 6000 6010e 6020e 6030e Envy Pro 6400 6420

(41)

37,88 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

JUMPER Ordenador Portatil de 16 Pulgadas, hasta 2,5 GHz Celeron (12 GB RAM, 128 GB eMMc + 512 GB SSD), PC Portátil Instalado Office 365, 1920 x 1200 IPS, Bluetooth4.0, USB 3.0 × 2

1199,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

HP 15s-eq1040ns - Ordenador portátil de 15.6" HD (AMD Athlon 3020E, 4GB RAM, 128GB SSD, AMD Radeon Graphics, Windows 11 Home en Modo S, Microsoft 365 Personal Incluido) Plata - Teclado QWERTY Español

(634)

349,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

HP 301 CH561EE, Negro, Cartucho de Tinta Original, Compatible con Impresoras de Inyección de Tinta HP DeskJet 1050, 2540, 3050, OfficeJet 2620, 4630, ENVY 4500, 5530

(82001)

17,50 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

UGREEN Revodok 105 Hub USB C HDMI 4K Adaptador USB C a USB 5 en 1 con 100W PD Carga Compatible con MacBook Pro Air M3 M2 M1, iPad Pro Air, iPhone 16 Plus Pro MAX, Galaxy S24 Plus Ultra, Surface Pro

(11940)

19,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

2024 Tablet 11 pulgadas Tablets Android 14 con Octa-Core, 12GB RAM 128GB ROM, 8000mAh Battery, Drop-Proof Case, TF 1TB, HD IPS Touchscreen, 5G/2.4G WiFi, Bluetooth 5.0, GPS, Split Screen (Azul)

(34)

105,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Philips 24E1N1100A - Monitor Full HD de 24 Pulgadas, Integrado Altavoz, Tiempo de Respuesta de 1 ms (1920x1080, 100 Hz, VGA, HDMI 1.4) Negro

(13519)

74,90 € (as of 20 noviembre, 2024 08:43 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

AiTodos® Soporte para Computadora Portatil, Aleación de Aluminio, Antideslizante, Soporte Portátil Plegable, Ventilación y Disipación de Calor, Ajuste de 6 Engranajes.

(4010)

12,99 € (as of 20 noviembre, 2024 04:06 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Toshiba 1TB Canvio Ready - Disco Duro Externo Portátil de 2,5 Pulgadas con USB 3.2 Gen 1 de Alta Velocidad, Compatible con Microsoft Windows 8.1, 10, 11 y macOS, Negro (HDTP310EK3AA)

(18746)

59,99 € (as of 20 noviembre, 2024 08:43 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)