Volver a Proyectos Listado de Proyectos

GameLearn

Migración y mejora de un sitio web de WordPress con integración de formularios de Salesforce

Fecha de lanzamiento: septiembre 15, 2021

WordPress y Salesforce son dos de las plataformas más populares del mundo para crear sitios web y gestionar los datos de los clientes. Pero, ¿qué sucede cuando necesitas combinar las dos plataformas? En este artículo, te mostraremos cómo migrar tu sitio web de WordPress a un nuevo entorno y luego integrarlo con Salesforce.

Esto te permitirá aprovechar las mejores cualidades de ambas plataformas para crear un sitio web más potente y eficaz.

En 2021 nos metimos en un proyecto que se parecía más a una montaña rusa que a un trabajo. ¡Pero valió la pena! Al final logramos crear una web nueva y mejorada, a partir de una que estaba llena de problemas. ¡Y todavía estamos dándole mejoras! ¿Quién dice que el trabajo no puede ser divertido?

Solucionar problemas graves de rendimiento en WordPress

Antes de comenzar con el nuevo desarrollo tuvimos primero que estabilizar la web actual de GameLearn que tenía como constructor visual «WPBakery Visual Composer», para el multiidioma «Polylang», y «52 plugin» instalados.

Solucionamos varios problemas graves y uno de ellos era el consumo de los plugin. En estas imágenes podemos ver la importancia de elegir el plugin más adecuado para WordPress.

Diferencias de tiempo de carga entre plugin equivalentes.
Diferencias de tiempo de carga entre plugin equivalentes.
Sumario timeline entre los dos plugin
Sumario timeline entre los dos plugin

Reemplazamos algunos plugins por otros que brindaban las mismas funcionalidades, pero con un menor consumo de recursos del servidor, y desinstalamos aquellos que no eran esenciales.

De esta manera logramos eliminar las micro caídas y estabilizamos el servidor, especialmente en el lado de administración. Esto permitió a los equipos de marketing y contenidos poder trabajar sin interrupciones, mejorando su eficacia.

Migración de contenido

Uno de los requisitos que tenía el desarrollo de la nueva web era eliminar cualquier rastro de la web ya existente, debido a que daba muchos problemas por la multitud de plugin. Solo funcionaba en la versión de PHP 5.6.40 por un theme comercial absoleto y descontinuado.

Lo único que teníamos que intentar recuperar eran los artículos del blog que estaba realizado con el editor visual «WPBakery Visual Composer» y utilizaban para el multiidioma el plugin «Polylang», el cual tuvimos que migrar al plugin «WPML» que es el que se utilizaría en la nueva web.

Para ello estuvimos haciendo pruebas en un entorno local hasta que conseguimos parar todo el contenido de los artículos en ese instante.

Integración con Salesforce / Pardot

Personalización de Formularios de Salesforce

A los formularios de Salesforce les hemos dado estilo según el equipo de diseño y UX/UI, tarea relevante debido a que era la entrada de Lead.

Estuvimos valorando la posibilidad de integrarlo mediante iframe, o Form Handlers, pero debido a nuestra experiencia con casos anteriores, finalmente optamos por iframe. De esta manera evitaríamos spam y daríamos mayor flexibilidad al equipo de Marketing a la hora de crear formularios.

Integrar WordPress con Salesforce y dar estilo según diseño
Integrar WordPress con Salesforce y dar estilo según diseño

Integrar formularios de Salesforce con GA4

Hemos integrado los formularios de Salesforce con Google Analytics 4 (GA4) para mejorar la experiencia del usuario y la capacidad analítica.

Esto incluye la adaptación estética de los formularios a nuestro diseño web, y mejoras en funcionalidades.

La integración con GA4 permite un seguimiento en tiempo real y un análisis profundo del comportamiento del usuario, lo que respalda la toma de decisiones basadas en datos y la mejora continua de su presencia en online.

Guardar parámetros UTMS en formularios de Salesforce

Con el propósito de facilitar la identificación y seguimiento de la procedencia de leads en los formularios de Salesforce, diseñamos y desarrollamos una nueva funcionalidad destinada a la adquisición y gestión de parámetros UTMs provenientes de URLs.

Esta solución se establece como un componente clave en una estrategia de adquisición de datos y análisis de la efectividad de campañas.

El proceso de ejecución de esta funcionalidad se despliega en dos etapas fundamentales: en primer lugar, se capturan y almacenan los parámetros UTMs que se transmiten a través de las URLs de acceso, permitiendo así su posterior recuperación y uso en los formularios de Pardot. Esta metodología asegura que tengamos la capacidad de rastrear y asignar con precisión la fuente de origen de cada lead, determinando de manera efectiva desde qué campaña se generaron.

En segundo lugar, los parámetros UTMs se mantienen almacenados durante el período de relevancia de la campaña en curso, gracias a la implementación de cookies que garantizan su disponibilidad en los formularios cuando los leads los requieran. Esta medida asegura la continuidad en la recopilación y utilización de datos relevantes para el análisis de desempeño de las campañas, y el enriquecimiento de la estrategia de adquisición de leads.

Este enfoque, fundamentado en la captura, retención y utilización estratégica de los parámetros UTMs, constituye una valiosa herramienta para el fortalecimiento de la estrategia de marketing y la maximización de la eficiencia en la identificación de oportunidades de conversión. Como resultado, nuestro compromiso permanece en la vanguardia de la innovación tecnológica en la búsqueda de un rendimiento óptimo en Salesforce.

Reducir formularios Pardot sin perder información del Lead

Para optimizar la experiencia del usuario, y maximizar las tasas de conversión, implementamos una estrategia eficiente que implica la reducción de los formularios en Pardot sin sacrificar la integridad de los datos capturados. Este proceso se inicia extrayendo información crucial de diversas fuentes, incluyendo el nombre de la empresa a partir del dominio del correo electrónico del usuario, y el país obtenido a través de la IP del usuario y la consulta a una API.

El objetivo es simplificar la interacción del usuario con nuestros recursos, minimizando la complejidad percibida y reduciendo la longitud de los formularios, mitigando así cualquier posible reticencia del usuario a completarlos debido a su extensión. De manera concluyente, esta estrategia ha resultado en un aumento notable de las tasas de conversión, con un incremento del 20% en la eficiencia de captación de leads.

Con la intención de mejorar la experiencia del usuario, y aumentar la efectividad de la obtención de datos, representa una estrategia de vanguardia que demuestra nuestro compromiso con la optimización continua de los procesos de captación de leads en el ecosistema Pardot.

Dando forma al proyecto

Una vez estabilizada la web actual y migrado el contenido a un WordPress limpio, nos pusimos a trabajar con el equipo de Marketing, diseño y UX/UI de Gamelearn para conseguir una web bonita, usable, rápida y sobre todo fácil de manejar por el equipo de marketing, ya que sería su herramienta de trabajo.

Después de varias reuniones para definir requisitos nos pusimos manos a la obra. Utilizamos bastantes vídeos en modo local que podían afectar al rendimiento de la página, pero al final lo solucionamos de la mejor forma posible.

Unificamos los Artículos del blog, Casos de éxito e Informes y Whitepapers, con filtros y rutas personalizas. Una de las funcionalidades más complejas fue el comparador de los planes, puesto que queríamos que resultase lo más sencillo posible de gestionar.

Desarrollamos diferentes slider específicos para el proyecto siguiendo las indicaciones de su equipo de diseño UX/UI, multiidioma y 100% gestionado a través de WordPress.

Slider vídeo explicativo

Creación de plantillas para email y landings Salesforce/Pardot

El equipo de marketing nos comunicó que necesitaba unas plantillas para crear landing y emails en Salesforce. Nos facilitaron el diseño y desarrollamos plantillas a las que se le podían duplicar bloques, eliminar, mover hacia arriba y abajo, etc.

Podéis ver aquí algunos vídeos de la funcionalidad que desarrollamos.

Cambiando bloque de posición
Duplicando, eliminando y moviendo bloques

Página de Planes

Otro apartado delicado era la sección de Planes. Las páginas de precios siempre suele ser el mayor reto, sobre todo cuando uno de nuestros lemas es facilitar la inserción de contenido al equipo de contenidos para que no sea un dolor de cabeza.

Al ser 100% editable suele ser bastante complicado dependiendo de la complejidad del diseño y funcionalidades. En este caso teníamos dos, uno para empleados y otro para clientes, con sus respectivos comparadores.

Tabla de diferentes planes en WordPress
Tabla de diferentes planes
Comparador de los diferentes plantes en WordPress
Comparador de los diferentes plantes

Filtrado de la zona de recursos y búsqueda

Y como no, la sección de recursos, donde se puede filtrar por tipología, incorporamos un buscador, implementamos un botón de «cargar más» contenido en lugar de típica paginación, y muchas opciones más.

… Y para finalizar

Seguimos dando apoyo al equipo de marketing con otras pequeñas web corporativas, y creando documentación de los procesos para que sean los más «autosuficientes» posibles. Continuamos desarrollando nuevas funcionalidades a la web, y optimizando lo ya existente para que vaya lo más rápido posible.