#166 – Formas de contacto desde la web

Después de la reciente WordCamp Europe, de la que Nahuai todavia está recuperándose, y siendo lunes festivo para muchos de la zona, hoy traemos un episodio cortito y ligero para los que estéis en nuestra misma situación.

Tema de la semana:

• Enlace a email
• Formularios de contacto: 
  • Solicitud de información
  • Solicitud y/o cálculo de presupuesto: formularios avanzados
  • Envío mensaje audio (Speakpipe)
  • Envío de video (Gravity Forms + Pipe Video Recording)
• Whatsapp web: Join.chat  (anteriormente  WhatsApp me, o WAme)
• Plugin de chat:
  • Livechat
  • Tidio
  • WP Live chat support
  • Zendesk
  • Drift

Métodos para ofuscar el email en la web con CSS

Método A

CSS:

  <style type="text/css">
     div.prueba1 {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
     }
  </style>

HTML:

 <div class="prueba1">
        <span>freelandev.com</span>
        <span>@</span>
        <span>hola</span>
        <span>Contacta con nosotros en:&nbsp;</span>
 </div>

Método B

CSS:

  <style type="text/css">
     .e-mail:before {
         content: attr(data-website) "\0040" attr(data-user);
         unicode-bidi: bidi-override;
         direction: rtl;
      }
  </style>

HTML:

 <span class="e-mail" data-user="aloh" data-website="moc.vednaleerf"></span>