<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=81693&amp;fmt=gif">
  1. Inicio
  2. Blog de Inbound Marketing

Pasos para crear tu landing page en Salesforce Marketing Cloud

New Call-to-action

Para conseguir una mayor tasa de conversión de tus visitas a la página web lo ideal es contar con una landing page, pero... ¿qué son realmente y qué deben contener?

Las landing page, o páginas de aterrizaje, son páginas que con el diseño y la integración de ciertos elementos claves te ayudarán a conseguir que las visitas realicen una acción en concreto y, de este modo, lograr tus objetivos de marketing. Con la plataforma Marketing Cloud, de Salesforce, es muy fácil realizar una. Conoce el mejor método para diseñar una Landing Page desde cero y da vida a tu negocio online.

¿Qué es y por qué es importante tener una landing page?

Antes de profundizar en cómo crear una landing page en la plataforma Marketing Cloud, vamos a comenzar definiendo qué es una LP y por qué necesitamos una.

A grandes rasgos, una LP es una página diseñada específicamente para convertir visitantes en registros que más adelante, a través de la ejecución de acciones de marketing, podríamos convertir en clientes de nuestro servicio. A través de esta herramienta podremos obtener infinidad de leads con los que trabajar, por lo que es muy importante aplicar una serie de buenas prácticas de cara a optimizar la conversión.

Si quieres saber un poco más de este tema, te invito a visitar este enlace.

¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

La importancia de una landing page en marketing digital: consideraciones básicas

En el ámbito del marketing digital, donde es fundamental crear estrategias y tácticas para encaminar al público objetivo al proceso de compra, son muy valiosas las landing pages o páginas de aterrizaje.

Aunque hay muchos tipos de landings, lo importante es tener claro cuál es el propósito de esta página y centrarnos en ese objetivo desde el momento de su elaboración, tanto en el contenido como en el diseño. Además, deberás tener siempre en mente a tu buyer persona para diseñar las mejores estrategias para persuadir a los usuarios y que estos hagan la acción que te has marcado como objetivo en tu landing page: la descarga de un ebook, la solicitud de una muestra gratuita, la inscripción a una jornada educativa, etc.

En cuanto a la explicación de por qué es importante tener una landing page bien creada, podemos comentarte algunos beneficios:

  • Podrás conectar con tu público objetivo: has estudiado cuáles son sus intereses, sus puntos de dolor o deseos, así que en esta página puedes plasmar todas tus argumentaciones para convertir visitas en leads.
  • Tendrás mayor capacidad de conversión: gracias a las diferentes posibilidades de diseño de la landing page y a su captación de datos, aumentarás el ROI y harás que el equipo comercial pueda hacer su trabajo.
  • Podrás decidir cómo mostrar tus landing pages para poner en práctica tu metodología inbound más eficazmente: a través de emails, anuncios en redes sociales, YouTube, etc.

¿Qué es Marketing Cloud y por qué usarla para crear landing pages?

Por si no lo sabías, Marketing Cloud es una herramienta muy potente de Salesforce, una de las grandes líderes CRM que puedes encontrarte hoy en día (además de HubSpot y algunas más) para gestionar las relaciones con tus clientes y facilitar el trabajo al equipo de marketing y ventas.

Se trata de una plataforma que, a su vez, dispone de distintas herramientas, todas ellas diseñadas para gestionar la interacción de la marca con sus clientes y posibles clientes: sus comunicaciones, la experiencia del cliente, el procesamiento de datos, etc.

Una de esas herramientas está destinada a la creación de landing pages y microsites. Se llama CloudPages. Con ella puedes crear el contenido que desees para optimizar tus estrategias inbound, personalizarlo y obtener diferentes experiencias.

¿Por qué elegir Marketing Cloud?

Estas son algunas razones:

  • Fácil de usar, con múltiples opciones predeterminadas.
  • Permite crear landing pages muy personalizables.
  • Emplea una interfaz de diseño basada en el método Drag Drop (arrastrar y soltar).
  • Los datos obtenidos en los formularios que incluyas podrán guardarse en listas y extensiones de datos (más adelante te explicamos cómo).
  • Podrás crear y guardar diferentes bloques de contenido y volver a usarlos (son los llamados "contenidos de referencia"). Esto te ahorrará mucho tiempo en futuras ediciones.
  • Podrás agregar diferentes efectos de diseño para que la experiencia de navegación sea más atractiva para el usuario.

Lo mejor de todo es que con CloudPages es muy fácil editar código HTML y enlazar tus landing pages con archivos CSS y JS. Por tanto, podrás hacer prácticamente lo que quieras, optimizarlas para móviles y olvidarte de limitaciones en cuanto a diseño y configuraciones.

Por último, si tu idea es crear una landing page sí o sí sin que te importen tanto los detalles que te hemos comentado, debes saber que hay muchas herramientas para diseñar landing pages (incluso sin conocimientos de programación o de diseño). El poder de estas páginas está en tus manos, pero ahora ya sabes que con la plataforma de Marketing Cloud tienes muchas posibilidades para convertir, por no hablar de que puedes jugar con diferentes opciones de diseño o gestión de datos en toda la web.

marketing cloud que es como funciona

Cómo crear una landing page con Marketing Cloud

Una vez hemos entendido qué es una landing page, la importancia de tener una y para qué sirve Marketing Cloud, vamos a pasar a explicar cómo puedes crear una landing page con esta plataforma. ¡Es más fácil de lo que piensas!

Paso 1. Crear los archivos html, CSS y JS

Lo primero que haremos será crear el archivo que utilizaremos como plantilla. Para ello, tenemos que ir a Web Studio CloudPages en el menú superior, lo cual nos llevará a una página en la que podremos ver todas nuestras colecciones.

Una vez ahí, elegimos la colección en la que queramos ubicar nuestra LP y entramos en ella. Por último, clicaremos en el botón “Crear” e introduciremos los diferentes datos que nos pide la plataforma, y elegiremos un formato.

Una vez hayamos creado la plantilla, necesitaremos crear otros dos archivos. El archivo CSS y el archivo JS.

EL archivo CSS lo utilizaremos para darle los estilos a nuestra página web. Esto nos servirá para personalizar la landing page para adaptar su diseño a la identidad corporativa de nuestra marca y hacerla cómoda e intuitiva de cara al usuario. Por su parte, el archivo JS lo utilizaremos para incluir diferentes funcionalidades que necesitemos (por ejemplo, hacer que en la versión mobile el menú superior aparezca y desaparezca al clicar en el icono ubicado en la top bar).

Para crear estos dos archivos tenemos que hacer lo siguiente:

Desde nuestra colección, clica en el botón “Crear” y elige la opción “Recurso de código informático”. Ahí introduciremos los diferentes datos que nos pidan y elegiremos la opción CSS para nuestro archivo CSS y JavaScript para nuestro archivo JS.

A continuación, tan solo tendremos que enlazar estos 2 archivos con la Landing Page, de manera que, los cambios que añadamos en ellos, se apliquen en nuestra LP. Para ello, todo lo que tendremos que hacer será lo siguiente:

  • En nuestra plantilla, clicar en el botón “Vista de código” para que se muestre el código HTML de nuestra página.
  • Para el archivo CSS pegar el siguiente código dentro del apartado “head”: <link rel=”stylesheet” src=”url-del-archivo-css” /. Cambiando el texto url-del-archivo-css por la verdadera url de tu archivo css.
  • Para el archivo JS, pegar el siguiente código al final del apartado “body”. <script src=”url-del archivo-js” />. Cambiando el texto url-del-archivo-js por la verdadera url de tu archivo js.
  • Para obtener la URL de nuestros archivos, los abriremos y clicaremos en ella, en la parte superior izquierda de nuestra pantalla. Ahí podremos copiarla.

Paso 2. Incluir los bloques básicos

Una vez tengamos creada nuestra plantilla y nuestros archivos CSS y JS, es hora de comenzar a introducir contenido en esta. Para ello, pincharemos en el botón “Formato” en el menú superior y veremos cómo nos aparecen diferentes contenidos.

¡Es la hora de crear!

Marketing Cloud hace sencillo el hecho de añadir contenido a nuestra página, ya que todo lo que tendremos que hacer será elegir el bloque que queramos y arrastrarlo a nuestra plantilla.

Por ejemplo, si queremos añadir un bloque de texto, lo elegiremos en el menú y lo arrastraremos hasta la ubicación exacta en el que queramos que este sea colocado en la página.

Una vez hecho esto, Marketing Cloud nos ofrece diferentes opciones de modificación para poder editar nuestro bloque sin tener que ir al archivo CSS. Aquí podremos editar tamaño, color, margen, añadir hipervínculos, orientación, etc.

Checklist con los 16 requisitos fundamentales para crear una landing page  perfecta

Paso 3. Incluir el formulario

Si bien añadir un bloque de texto o un bloque de imagen es tan sencillo como elegir el bloque y arrastrarlo a la plantilla, hay otros bloques igual de importantes para el buen funcionamiento de nuestra LP que requieren de una mayor cantidad de pasos a seguir. El principal de estos bloques es el formulario.

El formulario es un aspecto clave a la hora de crear nuestra landing page, ya que será aquí donde los usuarios introduzcan sus datos de contacto para que podamos seguir comunicándonos con ellos y, así, en un futuro, convertirlos en clientes. Por ello, es imprescindible que el formulario esté bien configurado e incluya todos los campos que necesitemos.

¿Cómo añadir un formulario en la landing page? Para añadir un formulario en nuestra plantilla, todo lo que tenemos que hacer es elegir la opción Smart Capture y arrastrarla donde queramos que se ubique. Una vez hayamos hecho esto, debemos elegir qué campos queremos incluir en nuestro formulario y dónde queremos que se guarden los datos que el cliente haya introducido. Para ello utilizaremos las extensiones de datos.

El tema de las extensiones de datos da para hablar mucho y se sale de lo que es este artículo, pero sí que haré una breve explicación de estas, de manera que podamos utilizarlas adecuadamente.

¿Qué son las extensiones de datos? De manera sencilla, las extensiones de datos son unas tablas que utilizaremos para guardar la información de nuestros contactos. Estas podemos crearlas directamente desde el apartado “Emails” en marketing cloud y aquí podremos añadir todos los campos de información que necesitemos obtener de nuestros clientes.

Lo ideal será crear diferentes extensiones de datos para los diferentes formularios, de manera que podamos tener los datos de nuestros posibles futuros clientes de manera ordenada y podamos acceder a ellos de manera fácil y rápida.

Volviendo al tema de los formularios, para añadir los campos deseados en nuestro formulario, todo lo que tenemos que hacer es elegir la extensión de datos que hayamos creado y, después, elegir los campos que queramos incluir.

Una vez hecho esto, veremos que tenemos el formulario totalmente visible e integrado con nuestra extensión de datos, de manera que, cuando los usuarios lo rellenen, tendremos toda la información ordenada en ella.

Por último, añadir que Marketing Cloud nos da la opción de redireccionar al usuario a una página de agradecimiento una vez se haya rellenado el formulario. En ella podremos ofrecerle al usuario la opción de ir a otras landing pages que tengamos creadas de cara a ofrecer más valor.

Paso 4. Incluir los contenidos repetibles

Otro de los bloques imprescindibles a la hora de crear una landing page son los contenidos de referencia.

¿Sabes qué son?

Estos bloques nos permiten incluir un módulo creado previamente y que tendrá el mismo contenido en todas las páginas en las que los hayamos incluido. De esta manera, si hacemos un cambio en la plantilla de uno de estos módulos, ese cambio se verá reflejado en todas las landing pages que incluyan este tipo de módulo.

¿Por qué usar los contenidos repetibles en las landing pages? Teniendo esto en cuenta, ¿por qué es importante utilizar este tipo de módulos? ¿Y dónde deberíamos usarlos?

Bien, la mejor manera de responder esta pregunta es a través de un ejemplo.

Imaginemos que nuestra página incluye un footer creado a través de un contenido de referencia en el que disponemos de un logo y de un menú con enlaces a la política de privacidad y de cookies, y un enlace a nuestra página web.

Al cabo de unos meses de haber creado múltiples LP, decidimos hacer una modificación en nuestro logo, por lo que actualizamos también el logo de nuestro footer. Para ello, todo lo que tendremos que hacer será ir al contenido de referencia y cambiar el logo en este. De esa manera, se actualizarán todos los footers creados a través de ese contenido de referencia. Fácil, ¿verdad?

Bien, ¿y qué pasaría si hubiéramos decidido crear el footer a través de un módulo normal? En ese caso, de haber querido actualizar nuestro footer en nuestras LP, tendríamos que ir una por una modificando la imagen de nuestro logo, lo que nos llevaría muchísimo tiempo, especialmente si ya tenemos una gran cantidad de landing pages creadas.

Por lo tanto, siempre que vayamos a incluir un bloque que sea común en todas nuestras landing pages, deberíamos hacerlo a través de los contenidos de referencia. Esto nos facilitará mucho el proceso de creación y nos ahorrará muchísimo tiempo, tanto en la creación de las páginas como en diferentes modificaciones que queramos hacer en ellas.

New Call-to-action

Paso 5. Dándole vida a nuestra landing page

¿Ya has creado tu landing page a través de Marketing Cloud? Ahora llega el momento de darle vida, movimiento, un toque especial o como quieras llamarlo. Por eso te hemos traído ejemplos fáciles y rápidos de efectos hover en botones, enlaces e iconos de social share.

Así que, una vez creada nuestra landing page y aplicados nuestros estilos en ella, es hora de hacerla más llamativa y fomentar las conversiones. Para ello, utilizaremos una serie de efectos hover muy fáciles que os enseñaré a continuación:

  • Hover en botón de formulario: con este efecto, haremos que cuando pasemos el cursor por encima del botón, este se desplace ligeramente hacia arriba, creando un ligero sombreado en la parte inferior del botón.

    ¿Cómo lo hacemos?
    Tendremos que ir al archivo CSS que hemos creado y enlazado en el primer paso de esta guía y añadir el siguiente código:

    form button{
       transition: all 300ms;
    }
    form button:hover{
       transform: translateY(-8px);
       box-shadow: 0px 5px 10px #888;
    }
  • Rotación de los iconos del bloque social share: con este efecto, haremos que cuando pases el ratón sobre los iconos del bloque social share, estos den una vuelta de 360º.

    Para ello tendremos que ir al archivo CSS que hemos creado y enlazado en el primer paso de esta guía, y añadir el siguiente código:

    .socialshare-innertable img{
       transition: all 400ms;
    }
    .socialshare-innertable img:hover{
       transform: translateZ(360deg)
    }

Como podéis ver, Marketing Cloud nos ofrece una manera muy sencilla de crear landing pages efectivas, de manera que podamos convertir visitantes en registros y que, en última instancia, podamos convertirlos en clientes. Gracias a su sistema “Drag and Drop”, prácticamente no hace falta saber nada de código, ya que, para crear módulos y darles un diseño personalizado básico, basta con arrastrar los diferentes bloques a la plantilla.

Ahora bien, para poder sacarle el máximo partido a la plataforma, es importante conocer ciertos tipos de módulos, como pueden ser los smart capture (para crear formularios e integrarlos con la extensión de datos de manera directa) o los reference content (para crear plantillas de bloques que luego podremos incluir en nuestras páginas y modificar de manera global).

Con los conocimientos adquiridos a través de la lectura de este artículo, y a estarás suficientemente capacitado para comenzar a crear tus propias LP y, de esa manera, comenzar a captar todo esos lead que se nos han estado escapando hasta ahora.

New Call-to-action

También te pueden interesar...

Marketing emocional: qué es y cómo usarlo en tu estrategia de marca
Argumentario de ventas: qué es, cómo crearlo y por qué necesitas uno
Marketing digital para PYMES: 8 acciones para captar clientes

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos