Diseño Web

Hoy vamos a explicar un truco con CF7 de WordPress que no está en su documentación. Imaginaos que tenemos un formulario en WordPress con un campo select (un desplegable con opciones).Lo más normal es que el usuario elija la opción que quiere.
Pero, ¿y si quieres que dicho desplazamiento se preseleccione dependiendo de la página de la que venga?

Por ejemplo, el desplegable puede ser un selector de departamentos, como el que os mostramos el otro día. Y queremos que, dependiendo de la página de la que venga, esta opción ya esté seleccionada con el departamento adecuado.

La solución es sencilla pero, como decimos, no está documentada en ningún sitio y hemos tenido que hacer un poco de prueba y error. Hay que hacer dos cosas:

1. Cambiar el código del select en el formulario para incluir el que, por defecto, le llegue el valor por get.
   Así que campo que en el artículo antes mencionado era:
   
   [select* Departamentos “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”]
   
   Pasará a ser:
   
   [select* Departamentos default:get “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”]
   
2. Ahora tenemos que poner el enlace que ponemos y añadirle el valor del campo que queremos añadir.
   Por ejemplo, si suponemos que hemos puesto el formulario en la página de contacto, desde otra podemos preseleccionar la Opción 1 con:

https://tudominio.es/contacto/?Departamentos=Opci%C3%B3n%201

Como veis ponemos el valor del campo que queremos, pero en formato url. Lo más sencillo es que uséis herramientas como esta para convertir del texto a url.

Normalmente los formularios de Contact Form 7 suelen tener un sólo destinatario. PERO, en una empresa, suele ser habitual crear formularios que pueden ir a diferentes departamentos.

Es decir, queremos crear un formulario de atención al cliente en el que el usuario pueda, mediante un campo desplegable, la dirección o el departamento al que enviar el formulario.
Hoy os enseñamos a hacerlo.

Crear un desplegable para seleccionar el destinatario en Contact Form 7.

Para poder crear un desplegable desde el que seleccionar el destinatario de un formulario con CF7 tenemos que hacer lo siguiente.

• Creamos un campo “menú desplegable“.
• En el cuadro Opciones ponemos, línea por línea, el texto a mostrar en cada opción del desplegable y el correo del destinatario, separados por un pipe.
  Por ejemplo:
  Opción1|correo@dominio.es
  Opción2|correo2@dominio2.es
• Pon que el campo sea obligatorio (hay una casilla de verificación), porque destinatario tiene que haber.
• Llama el campo de una manera que te acuerdes donde pone Nombre . Por ejemplo Departamentos.
• Opcional. A mi me gusta que el primer campo sea blanco, para que la persona no tenga opción hasta que la elija. Puedes hacerlo poniendo como primera opción ” ” (que es un espacio en blanco) o en el código con la opción include_blank (lo mostramos en los ejemplos).
• El código resultante debería ser algo como:
  [select* Departamentos “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”]
• Por último hay que ir a la pestaña Correo electrónico del formulario y, en Para poner el campo del selector. En nuestro ejemplo [Departamentos]

Os lo mostramos en el siguiente vídeo.

Tenéis una tienda en WooCommerce y no os gusta el texto Oferta. Queréis poner algo más “vendible”, como “Promoción”, “Super Oferta” o similar. ¿Cómo se hace?
Hoy os lo explicamos.

Cómo cambiar el texto Oferta en tu tienda de Woocommerce.

Si quieres cambiar ese texto te dejamos dos opciones:

1. Traducirlo con Loco Translate (o similar). Una opción muy sencilla, que no requiere conocimientos previos, es usar un plugin de traducción de plugins y temas. Nosotros usamos Loco Translate.
   Sólo tienes que instalarlo, buscar “Traducción de Plugins”, elegir Woocommerce y buscar “Oferta”. Veréis el término en Inglés y que está traducido por “Oferta”. Cambiáis esto último por lo que queréis, y comprobáis que se cambia en el frontend.
   Fácil y rápido. Además permite que cualquier persona lo modifique (como un cliente).
2. Con un Snippet. Se puede usar un código y añadirlo a tus Snippets o al functions de tu tema hijo.
   Os dejamos un Snippet posible (página del autor aquí). No lo hemos probado pero debería funcionar sin problemas.

add_filter( 'woocommerce_sale_flash', 'dinapyme_wc_modificar_texto_oferta' );

function dinapyme_wc_modificar_texto_oferta( $texto ) {
    //cabia el valor del texto original 'Sale!' de WooCommerce por el texto '¡Promoción!'
    return str_replace( __( 'Sale!', 'woocommerce' ), __( '¡Promoción!', 'woocommerce' ), $texto );
}