WhatsApp Business o página web: cuál necesita primero tu negocio (y por qué los dos juntos venden más)

Esta es, posiblemente, la duda más común que me llega por WhatsApp cada semana (qué apropiado, ¿no?): "Lili, tengo un negocio pequeño. ¿Invierto primero en WhatsApp Business o en una página web?"

La respuesta corta: depende de dónde te encuentran tus clientes hoy. La respuesta larga es la que vale la pena leer, porque te va a ahorrar dinero y tiempo.

¿Necesito una página web para mi negocio?

Si llegaste aquí, probablemente tu primo, tu contador o algún amigo emprendedor ya te dijo "necesitas una página web". Y tú asientes con la cabeza, pero por dentro piensas: "¿de verdad la necesito? ¿no basta con Instagram y WhatsApp?"

Te voy a contar la verdad sin adornos, desde 22 años desarrollando sitios web para negocios como el tuyo: no todos los negocios necesitan una página web hoy, pero casi todos la van a necesitar mañana. La diferencia está en saber identificar en qué momento estás.

Plantillas para WP Store Locator

He instalado el plugin WP Store Locator pero su plantilla original no se ve muy bien.  lo mejor es crear nuestras propias plantillas para esto seguimos estos pasos:

1. Crear una carpeta dentro de la actual plantilla activa de wordpress.  En mi caso utilizó plantillas hijo para no tener problemas con las actualizaciones de la plantilla general.  Se debe tener acceso a los archivos.
   
   En este caso vamos a crear las carpetas usando cpanel. Buscamos el administrador de archivo y encontramos las carpetas donde está la plantilla activa para nuestro caso estamos usando la plantilla
   
   
2. Creamos una carpeta llamada wpsl-templates  dentro de la carpeta de nuestra plantilla activa de wordpress
   
   
3. Dentro de esta carpeta creamos un archivo custom.php.
   
   
4. Copiamos dentro de este archivo el mismo código que encontramos en wp-content/plugins/wp-store-locator/frontend/templates/default.php e iniciamos desde aquí a personalizar el código.
5. Para activar nuestra plantilla debemos adicionar el siguiente código en el archivo functios.php de nuestra plantilla activa.
   
   
   
6. El código anterior habilita la plantilla custom, para ser usada en nuestros sitio, ahora desde el administrador de wordpress en:
   
   

Cómo crear borde multicolores con CSS puro

Para lograr el efecto borde multicolor con CSS seguimos el siguiente código.

En este código realmente vamos a utilizar el selectro AFTER al cual le aplicaremos un BACKGROUND linear-gradient, primero vamos a ir a un  CSS Gradient Generator y construimos los colores según lo necesitemos. 

Luego usamos el código en nuestro CSS aquí les dejo el código completo 

Contact Form 7 Formularios Dinamicos

Un cliente me ha solicitado crear un formulario que según la selección de persona natural o persona jurídica me muestres diferentes opciones.   Uso wordpress y para formularios tengo instalado el plugin contact form 7, me di a la tarea de investigar y efectivamente existe la forma de agrupar opciones que según una selección muestre uno u otro campo.

No puedo agregar otra cuenta a mi correo en Gmail

Añadir otra dirección de correo tuya

Functionality not enabled. Cuando envías correos con la cuenta cuenta@adicionalnueva.com, tienes que utilizar los servidores SMTP de adicionalnueva.com. Sin embargo, tu cuenta no dispone de esta función. Consulta al administrador de tu dominio.

¿Si está frente a este problema y no sabe que hacer?

Primero debe ingresar por la cuenta administrador del dominio.   Sabemos que la cuenta es la administradora del dominio, si entrando por gmail ingresando en el icono de configuración encontramos administrar este dominio.

Una vez dentro del administrador de Dominio, Ingresamos por Aplicaciones 

Luego Google APP

Seleccionamos Gmail

Vamos hasta configuraciones avanzadas

Asegúrese de tener chequeada la opción Permitir pasarelas de salida por usuario Esto soluciona el problema en la mayoría de los casos

Traducción con CSS en wordpress

Si se desea realizar una traducción sencilla en un sitio web desarrollado bajo wordpress y no se encuentra una mejor forma de hacerlo (como en mi caso que siempre uso loco-translate, pero me tope con una plantilla que no tenía toda la traducción bien configurada ) algunas palabras me quedaban en inglés.   Busque está solución que les comparto y que funciona bien para palabras.


Para este ejemplo vamos a usar un boton.

 
  

.social-share {
  text-indent: -9999px;
  line-height: 0; /* colapso la línea origina */
}

.social-share:after {
  content: "Compartir:";
  text-indent: 0;
  display: block;
  line-height: initial; /* El nuevo contenido toma el lugar de la linea original */
}