(+1) 3055078868

Mailwing: Importá tus contactos en 3 simples pasos

A la hora de armar tu campaña hay un primer paso esencial: subir tu base de contactos. Y acá se disparan preguntas:

  • ¿Tardará mucho?
  • ¿Cómo los identifico?
  • ¿Puedo armar subgrupos?

Con esas preguntas en la cabeza para Mailwing buscamos hacerte el trabajo sencillo. Una vez que te logueaste podés importar tu base de contactos en 3 simples pasos.

(more…)

Compartí este artículo

Llega la primavera y con ella ¡más ventas para vos!

En esta primavera queremos que tus ventas crezcan y llegues a más clientes. Así que te queremos dar dos herramientas claves para tu éxito en la web: Más capacidad y potencia para tu sitio y una herramienta de email marketing GRATIS con tu plan para que puedas hacer envíos ilimitados durante todo el año. ¡Aprovechá esta promoción exclusiva para clientes de ELSERVER.COM!

startup semaforonitro2

Pack Startup

Te regalamos $580 para que llegues a más clientes y le des más potencia a tu web.

Hacé crecer tu plan, pasá a un Advanced, Advance Corporate o Cloud 4 Resellers y además de mayor potencia para tu web te damos Mailwing MW500 Gratis por un año.
Enviá tus correos a 500 potenciales nuevos clientes  todas las veces que quieras, tenés envíos ilimitados.
Convertí tus comunicaciones en oportunidades de venta.

Pack Nitro Plus

¿Picos de tráfico? Salí a buscarlos tranquilo. Accediendo a un Cloud Nitro tendrás recursos dedicados y además te regalamos los $840 de Mailwing MW1000 para que envíes todos los mails que quieras.

¡Llegá a tus potenciales clientes con nuevas ofertas, hacé email marketing y mirá como el tráfico a tu web se dispara!
Tenés envíos ilimitados, 1 CPU y más 2GB de memoria RAM exclusivos a un precio increíble.

 ¿Querés saber más? Chateá con nuestro equipo o escribinos

¡Aprovechá nuestra promo Primavera!

Promoción exclusiva para clientes de ELSERVER.COM, para cualquier upgrade de plan de hosting. Válida desde el 26 de Septiembre hasta el 25 de Octubre de 2013.

Compartí este artículo

SpamAssassin: Deshaciéndonos del SPAM

Spam Assasin

Desde los comienzos de Internet y el correo electrónico, el principal de los problemas siempre fue eliminar los “mensajes basura” o Spam (en ocasiones también llamados “información publicitaria no solicitada”) y al mismo tiempo poder mantener aquellos que nos resultan realmente útiles. Múltiples técnicas y herramientas han surgido desde entonces pero ninguna tan efectiva como SpamAssassin.

¿Qué es SpamAssassin?

(more…)

Compartí este artículo

[Mejoras_Programadas] Interrupción servicio Web

Te comentamos que durante la noche del jueves 12/9 y la madrugada del 13/9 estaremos realizando varias tareas de mejora de infraestructura sobre la plataforma. Esto puede generar interrupciones en el servicio web y mysql de aproximadamente 40 minutos de duración como máximo.
El nodo mysql afectado a la mejora es el que responde con la ip 192.168.0.61

Desde ya nuestras disculpas por las molestias, estamos trabajando en un programa de mejora continua de la plataforma.
Por cualquier consulta recordá que siempre nos encontrás  por chat o correo a soporte@elserver.com. Seguimos en contacto. Gracias!

Compartí este artículo

Conociendo Laravel: el framework que revolucionó PHP

Laravel

Si siguen ahí después de leer el título quiere decir que todavía no perdieron las esperanzas de encontrar un buen Framework en PHP.

La discusión entre “framework si” o “framework no” es larga y creo que los fundamentos más fuertes de los detractores se basan en las opciones disponibles de hoy en día. Pero en algún momento nos vemos en la necesidad de no reinventar la rueda, sobretodo cuando tenemos que implementar acciones comunes (friendly URLs, manejo de sesiones, manejo de base de datos, etc).

Es por eso que quería hablar de Laravel, un framework que viene tomando mucha fuerza en los últimos meses largos y con el lanzamiento de su version número 4 se posiciona como una opción más que interesante para explorar.

En esta nota vamos a repasar sus puntos fuertes y en notas posteriores ver algunos ejemplos prácticos de como usarlo y los beneficios que tiene.

(more…)

Compartí este artículo

Login con Facebook para tu sitio

A veces necesitamos obtener los datos del usuario de nuestra aplicación, por ejemplo, para que se suscriba a nuestro newsletter o que encargue un producto de nuestra tienda online. Lo normal es que complete un formulario con su nombre, apellido, email, fecha de nacimiento… Pero, ¿no sería mejor obtener esos datos y más directamente desde su cuenta de Facebook?

Hoy vamos a aprender a usar Facebook Login: una herramienta para que nuestras visitas puedan ingresar a nuestro sitio con su cuenta de Facebook. Vamos a tomar como ejemplo una tienda online y utilizar un poco de HTML, Javascript y jQuery; por lo que es un ejercicio perfecto para principiantes. ¡Adelante!

1. Creamos la aplicación en Facebook

El primer paso es crear una aplicación en Facebook con los datos de nuestro sitio. Para eso ingresamos en el Facebook App Dashboard y hacemos click en “Crear nueva aplicación”.

Vamos a completar el siguiente formulario, donde indicamos:

  • El nombre de la app (por ejemplo, Beta Shop)
  • La URL en Facebook (por ejemplo, facebook.com/beta_shop)
  • Y la categoría (por ejemplo, Compras)

Facebook App

No se preocupen mucho por estos datos. Si bien son requeridos no son vitales para lo que vamos a implementar. Lo más importante es el nombre que elegimos, para que nos represente bien.

A continuación, veremos la configuración general de nuestra aplicación. Como queremos utilizar Facebook Login, vamos a completar dos cosas:

  • En App Domains, escribimos el dominio de nuestra web (por ejemplo, betashop.com.ar)
  • Y en URL del sitio, ingresamos la URL completa (por ejemplo, http://betashop.com.ar)

Facebook App

El resto de la configuración pueden dejarla tal como está, no necesitamos nada más.

Bien, esto nos vá a servir para obtener una Application ID: un código que identifica nuestra aplicación en Facebook y que nos va a permitir utilizar su API.

Facebook App

Lo copiamos y pasamos al paso siguiente: programar el login en nuestro sitio.

2. Manos al código

Creamos el HTML

Vamos a crear una página HTML muy sencilla. Ponemos un mensaje para que el usuario sepa que para continuar debe loguearse con Facebook.

<p>Iniciar sesi&oacute;n con Facebook:</p>

Luego, insertamos un botón de Facebook, con esta sintaxis particular:

<fb:login-button perms="email,user_birthday"></fb:login-button>

Esto no es HTML si no XFBML, una sintaxis especial que nos permite insertar en nuestras páginas botones y elementos funcionales de la interfaz de Facebook. Si se fijan, la propiedad perms incluye email y user_birthday, para pedirle permiso al usuario a obtener estos datos adicionales. Ya veremos pronto como todo esto se pone en acción.

Cargamos las librerías

Como vamos a utilizar jQuery, vamos a incluirlo desde su CDN.

<script src="//http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>

Y vamos a utilizarlo para cargar de forma asincrónica el Facebook Javascript SDK que, como su nombre lo indica, sirve para poder utilizar las funciones de Facebook desde Javascript.

$.ajax({
  url: '//connect.facebook.net/es_ES/all.js',
  dataType: 'script',
  cache: true,
  success: function() {
    alert('Facebook listo');
  }
});

Si vimos el mensaje, entonces tanto jQuery como la librería de Facebook cargaron perfectamente.

Por ahora, entonces, el código es el siguiente:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Beta Shop</title>
</head>
<body>
<p>Iniciar sesi&oacute;n con Facebook:</p>
<fb:login-button perms="email,user_birthday"></fb:login-button>
<script src="//http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(function() {
  $.ajax({
    url: '//connect.facebook.net/es_ES/all.js',
    dataType: 'script',
    cache: true,
    success: function() {
      alert('Facebook listo');
    }
  });
});
</script>
</body>
</html>

Y ahora, el API de Facebook

Después de tanta preparación, es hora de ponerlo en marcha. Lo hacemos con la función FB.init, seteando los siguientes parámetros:

FB.init({
  appId: '180901918757485',
  xfbml: true
});

En appId ingresamos el identificador de nuestra app, y con xfbml en true habilitamos el uso de botones y otros elementos de Facebook, como el botón del que hablamos antes.

A continuación, vamos a suscribir nuestro script al evento auth.authResponseChange, que se dispara cada vez que la página cargue o se complete un login.

Si obtenemos una respuesta satisfactoria, mostramos el mensaje “Usuario conectado”:

FB.Event.subscribe('auth.authResponseChange', function(response) {
  if (response && response.status == 'connected') {
    alert('Usuario conectado');
  }
});

Si vemos ese mensaje, entonces significa que el usuario se ha autenticado y otorgado a nuestra aplicación el permiso para obtener sus datos.

Entonces, tenemos el permiso, pero… ¿cómo obtenemos los datos? Utilizando el API de Facebook con la función FB.api. Le pasamos dos parámetros:

  • La URL de la llamada a consultar, en este caso /me para obtener los datos del usuario logueado
  • Y el callback a ejecutar sobre los datos recibidos

Es decir:

FB.api('/me', function(data) {
  alert('Nombre: ' + data.name);
});

¿Que es data? La respuesta del servidor, un JSON con todos los datos del usuario. Así como el nombre, obtuvimos el apellido, el ID y todos los datos que el usuario haya hecho públicos, como su lugar de residencia o puesto laboral. Y también su fecha de nacimiento y dirección de email, por los permisos adicionales que pedimos.

Entonces, data será algo como:

{
  "id": "100003337804280",
  "name": "Juan Sequeira",
  "birthday": "01/02/1985",
  "gender": "male",
  "link": "https://www.facebook.com/juansequeira",
  "email": "juansequeira@hotmail.com"
}

Perfecto, tenemos el código completo:

$(function() {
  $.ajax({
    url: '//connect.facebook.net/es_ES/all.js',
    dataType: 'script',
    cache: true,
    success: function() {
      FB.init({
        appId: '280437052062374',
        xfbml: true
      });
      FB.Event.subscribe('auth.authResponseChange', function(response) {
        if (response && response.status == 'connected') {
          FB.api('/me', function(response) {
            alert('Nombre: ' + data.name);
          });
        }
      });
    }
  });
});

Ahora sólo nos queda probar si funciona.

3. ¡Login!

Vamos a ver si todo marcha tal como lo esperamos. El usuario va a ver en nuestra página:

login01

Al hacer click en “Entrar”, se abre una ventana pop-up como la siguiente:

login02

Ingresa en su cuenta de Facebook y decide si acepta a nuestra aplicación, Beta Shop.

login03

Luego de aceptar, se dispara el evento que habíamos programado: obtener sus datos y mostrar su nombre en pantalla.

login04

¡Hecho!

En resumen

Facebook Login es una excelente opción para obtener los datos de tus visitantes, sin obligarlos a llenar formularios, verificar su cuenta de correo y todas esas cosas engorrosas.

En un click, el usuario ya está utilizando nuestro sitio y nosotros tenemos toda la información que necesitamos, para guardarla, analizarla y personalizar su experiencia en nuestra aplicación.

Incluso, podemos pedir permisos más avanzados para obtener su listado de amigos o publicar en su muro. Facebook ofrece herramientas muy poderosas, pero… todo poder conlleva una gran responsabilidad, no usen esos datos de forma irresponsable. El usuario confió en nosotros, sus datos deben ser bien cuidados.

En próximas ediciones, vamos a ver cómo hacer todavía más con el API de Facebook. ¡Nos leemos pronto!

Compartí este artículo

Gracias Programa Empujar por dejarnos ser parte!

Estas cosas nos ponen muy contentos. Ayudar a las ONG a difundir sus ideas y proyectos es algo que venimos haciendo los últimos años y seguiremos haciéndolo porque siempre nos cuentan lo mucho que los ayuda nuestro granito de arena. Todas las organizaciones con las que trabajamos hacen cosas para cambiar el mundo y hacerlo un lugar mejor. Y a nosotros nos encanta ser parte de sus iniciativas.

Y más nos sentimos parte cuando nos mandan estas cartas. Así que las gracias son nuestras hacia ustedes, por dejarnos sumarnos. Por muchos años de acompañar el tránsito de los jóvenes al mundo laboral, por muchos años más de trabajo junto a Programa Empujar!

(more…)

Compartí este artículo

mailwing

Todos nos hemos encontrado con la necesidad de hacer un envío masivo de mails en alguna oportunidad, ya sea que lo necesitemos como herramienta permanente para nuestro trabajo, o que simplemente querramos enviar una notificación a nuestros contactos o amigos de vez en cuando.

Con esto en mente, desarrollamos una herramienta para hacer esa tarea lo más sencilla posible: Mailwing

¿Qué buscamos lograr con Mailwing?

Primero y principal, que sea una herramienta que esté a mano de forma inmediata. Cualquier cliente de ELSERVER.COM puede ingresar a http://www.mailwing.net, ingresar sus datos de SSO y comenzar a probarlo. Así de sencillo.

Nuestro plan trial es GRATIS y ya está habilitado para todos nuestros clientes: permite cargar 500 contactos y realizar hasta 4 envíos.

La definición de los planes comerciales para ampliar esa capacidad estará disponible en nuestro sitio para que pueda ser contratado online, con planes de envíos ilimitados.

A continuación, algunos de los aspectos fundamentales de la herramienta:

Generador HTML Online

16-campaign-create-content

18-campaign-template-newsletter

La principal limitación a la hora de realizar un envío es como generar el contenido. No todos tenemos acceso a un diseñador web para generarlo y hacerlo sin saber puede ser bastante catastrófico. Mailwing cuenta con un editor HTML desarrollado para que puedas armar el contenido que quieras sin ningún tipo de conocimiento de manera muy práctica. Templates predefinidos, posibilidad de modificar todos los elementos, bloques de uso frecuente (social media, texto, productos, etc.), opciones avanzadas, crop automático de imágenes, y mucho más.

Stay tunned para la versión 1.1 del editor ;)

Velocidad en los envíos

De nada sirve enviar un mail de fin de año y que llegue el 3 de Enero. Por eso la velocidad de envío es otro de los aspectos fundamentales de la herramienta. Hace click en enviar y nosotros nos encargamos de que llegue de forma casi inmediata.

SPAM check

Validación de SPAM en tiempo real de tu contenido. Para evitarte problemas, procesamos tu newsletter con SpamAssassin para avisarte si vas a ser considerado como SPAM. Te avisamos cuál es tu score y qué deberías ajustar para que tu correo llegue a destino sin problemas.

Estadísticas

39-stats-dispositivos

37-stats-rendimiento-detalle

35-stats-aperturas-y-clicks

Estadísticas en tiempo real sobre tus envíos: Cantidad de aperturas, clicks, desuscripciones, rebotes, sistemas operativos (mobile/desktop), navegadores, a que links se accedieron, entre otras opciones.
Toda esta información te va a ayudar a mejorar la tasa de apertura y de clicks de tus envíos.

Importación masiva de contactos

Cargá contactos desde un csv/txt masivamente para mayor comodidad, y categorizalos a todos juntos para identificarlos. Próximamente más vías de importación.

Etiquetá tus contactos

Manejo de etiquetas para poder filtrar contactos y segmentar mejor tus envíos. Creá todas las categorías que quieras y simplemente etiquetá tus contactos al momento de importarlos.

Estas son solo algunas de las características de esta aplicación. Pero lo más importante es que es muy fácil de usar.

Entrá ya a probarlo y contanos qué te parece.

Compartí este artículo

Fuentes de íconos: por qué son geniales

iconfont

¿Qué sucede si en nuestro sitio tenemos muchos íconos pequeños? No es conveniente guardar cada uno como una imagen, porque cuantas más peticiones haga nuestro sitio, más lenta será su carga.

Una buena opción es juntar todos los íconos en una sola imagen y generar un sprite. Esta técnica sigue siendo ampliamente utilizada y es la mejor opción para íconos de muchos colores.

Pero desde que los navegadores populares adoptaron los standares de CSS3, hay una nueva posibilidad: utilizar una fuente de íconos, donde cada caracter representa un ícono diferente.

Esta opción tiene muchas ventajas:

  • Con un solo pedido HTTP, obtenemos el archivo de la fuente y por ende todos los íconos.
  • Al ser caracteres, podemos aplicar a estos íconos todos los estilos que aplicamos al texto normal: cambiarles el color, agregarles sombras, animarlos… todo desde CSS, sin necesidad de editar imágenes.
  • Podemos cambiarles la opacidad y rotarlos, tal como lo hacemos con los íconos comunes.
  • Y podemos utilizarlos en cualquier tamaño sin perder calidad, porque los caracteres de la fuente se renderizan como vectores. Ideal si nuestro sitio tiene que ser adaptable o retina-ready.

Bastante bien, ¿no? Hoy vamos a ver cómo utilizarlos.

Cómo utilizarlos

Si bien podemos crear nuestra propia fuente de íconos y generar desde cero el CSS para utilizarla, lo más común es que utilicemos una de las opciones ya disponibles.

Por ejemplo, Font Awesome. Este paquete de íconos está especialmente pensado para utilizar junto con Boostrap, pero puede ser utilizado también de forma independiente.

Tiene más de 360 íconos variados listos para usar. Cada ícono se asocia a una clase que podemos aplicar en nuestro HTML de la siguiente forma:

<i class="icon-cart"></i> Usuario

De esta forma, obtendremos:

user

¿Qué tal si necesitamos una botonera? Ponemos Bootstrap en acción y hacemos:

<button class="btn">
	<i class="icon-star"></i> Agregar a favoritos
</button>
<button class="btn">
	<i class="icon-share"></i> Compartir
</button>
<button class="btn">
	<i class="icon-gear"></i> Configuración
</button>

… para obtener:

toolbar

Por supuesto, no sólo son útiles en botones y links. Pueden formar parte del encabezado de nuestro sitio:

icon-header

Para este ejemplo, creamos una clase especial que le otorga fondo naranja y bordes redondeados al div que contendrá nuestro ícono.

.rounded {
	font-size: 30px;
	background: orange;
	border-radius: 1em;
	color: white;
	text-align: center;
	padding: 0.2em;
	height: 1.5em;
	float: left;
}

El HTML, entonces, nos quedaría así:

<div class="rounded">
	<i class="icon-file"></i>
</div>
<h1>File Manager</h1>

Con ese mismo concepto y dando un color diferente a cada contenedor, podemos utilizarlos como enlaces a redes sociales:

icon-social

Con este HTML:

<div class="rounded" style="background-color: #3b5998;">
	<i class="icon-facebook"></i>
</div>
<div class="rounded" style="background-color: #598dca;">
	<i class="icon-twitter"></i>
</div>
<div class="rounded" style="background-color: #d6492f;">
	<i class="icon-google-plus"></i>
</div>

Como ven, si bien los íconos logrados con una fuente son monocromáticos, podemos darles estilo para que se adapten a nuestro diseño tan bien como los íconos de imágenes.

Conclusión

Aparte de Font Awesome, hay muchas otras librerías: Pictos, Entypo, Fico y muchas más. Incluso podés armar tu propio pack mezclando varias fuentes en Fontello o IcoMoon.

Estos packs son una opción muy conveniente y fácil de implementar siempre que necesitemos íconos comunes. ¡Espero que les sirvan!

Compartí este artículo

[Mejoras_Programadas] Interrupción servicio Web

Te comentamos que durante la noche del viernes 23/8 y la madrugada del 24/8 estaremos realizando varias tareas de mejora de infraestructura sobre la plataforma.

Esto puede generar interrupciones en el servicio web de aproximadamente 40 minutos de duración como máximo.

Desde ya nuestras disculpas por las molestias, estamos trabajando en un programa de mejora continua de la plataforma.

Por cualquier consulta recordá que siempre nos encontrás  por chat o correo a soporte@elserver.com.

Seguimos en contacto.

Gracias!

Compartí este artículo

Ingreso Clientes

Datos incorrectos. Por favor revisa el e-mail y la contraseña.

Ingresaste correctamente.

Olvidé mi contraseña

Cerrar

Recuperar contraseña

Te llegará un correo con la información acerca de como proceder.

Volver

Cerrar