Advertisement
  1. Web Design
  2. HubSpot

Cómo conectar HubSpot a WordPress

by
Read Time:12 minsLanguages:

Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)

En este tutorial para principiantes, aprenderás qué es el complemento de HubSpot y cómo puede ayudarte a mejorar tu sitio web de WordPress. También te mostraré cómo instalar el complemento y, una vez que terminemos, aprenderás cómo conectar HubSpot a WordPress.

¿Estás listo? ¡Empecemos!

¿Qué es HubSpot?

HubSpot es un asistente de administración y marketing en línea para tu empresa. Es una de las plataformas de crecimiento empresarial más populares con cinco herramientas en línea útiles para los propietarios de sitios web. Te ayuda a atraer más usuarios (contactos), impulsar las ventas, construir mejores relaciones con los clientes y más. Estas son las cinco herramientas esenciales de HubSpot:

  1. Marketing Hub (Centro de marketing)
  2. CMS Hub (Centro de CMS)
  3. Sales Hub (Centro de ventas)
  4. Operations Hub (Centro de operaciones)
  5. Service Hub (Centro de servicio)

Ahora, para aprovechar las herramientas de HubSpot para tu sitio web de WordPress y para hacer crecer tu negocio basado en WordPress con esta increíble plataforma, debes descargar e instalar el complemento oficial de HubSpot para WordPress en su sitio.

HubSpot WordPress pluginHubSpot WordPress pluginHubSpot WordPress plugin

Beneficios de HubSpot para sitios web de WordPress

¿Cómo puede el complemento de HubSpot mejorar tu sitio web de WordPress? ¿Por qué deberías instalar el complemento de HubSpot en tu sitio?

El complemento de HubSpot elimina la necesidad de instalar muchos otros complementos en un sitio web de WordPress. Te proporciona muchas herramientas y funciones, como un generador de formularios y ventanas emergentes, un generador de boletines de correo electrónico, un administrador de chat en vivo, paneles de análisis, cookies y herramientas de cumplimiento de GDPR, y más. También es un complemento de marketing y administración de usuarios al mismo tiempo y te ayuda a administrar todo lo que esté relacionado con los usuarios.

Como dicen los desarrolladores del complemento de HubSpot:

"Ayuda a convertir a los visitantes en clientes potenciales, convertirlos en clientes y medir el crecimiento de su negocio".

Si necesitas aprender más sobre la plataforma HubSpot y el CMS de WordPress, lee los artículos a continuación:

Cómo conectar HubSpot a sitios web de WordPress

Sigue el proceso paso a paso y las instrucciones a continuación para conectar tu sitio web a una cuenta de HubSpot.

1. Descarga e instala HubSpot en WordPress

Para instalar el complemento de HubSpot, navega hasta Plugins > Add New (Complementos > Agregar nuevo) en tu área de administración de WordPress y busca la palabra clave "HubSpot". Cuando aparezca, haz clic en Install Now (Instalar ahora) y actívalo:

Install the HubSpot WordPress pluginInstall the HubSpot WordPress pluginInstall the HubSpot WordPress plugin

Después de esto, verás el elemento de HubSpot en el menú de administración de la izquierda. Sin embargo, este no es el final del proceso de instalación. Ahora debes registrarte para obtener una cuenta gratuita de HubSpot.

2. Regístrate para obtener una cuenta de HubSpot

Después de la activación, el complemento te lleva a la pantalla de registro. Desde allí, puedes registrarte con tu correo electrónico e información personal. También puedes utilizar el botón Sign up with Google (Registrarse con Google).

Completa los campos obligatorios y haz clic en Next (Siguiente).

sign up for a HubSpot accountsign up for a HubSpot accountsign up for a HubSpot account

Para el siguiente paso, debes confirmar que has utilizado tu dirección de correo electrónico real. Así que revisa tu bandeja de entrada, busca el correo electrónico de confirmación de HubSpot y haz clic en el botón Confirm email address (Confirmar dirección de correo electrónico).

Confirm your emailConfirm your emailConfirm your email

3. Actualiza la información de tu cuenta de HubSpot

Cuando confirmes tu dirección de correo electrónico, el navegador te redirigirá al sitio web de HubSpot, donde podrás continuar con el proceso de registro.

Elige una contraseña segura y haz clic en Next (Siguiente).

Choose a password for your HubSpot accountChoose a password for your HubSpot accountChoose a password for your HubSpot account

Luego, escribe el nombre de tu empresa y el dominio en los campos provistos y haz clic en Next (Siguiente) nuevamente.

Write down your companyname and domainWrite down your companyname and domainWrite down your companyname and domain

Ahora necesitas responder algunas preguntas sobre tu negocio; cuántas personas trabajan en tu empresa, en qué campo trabajas, tu función y qué tan familiarizado estás con la plataforma de HubSpot. Elige las respuestas adecuadas y haz clic en Finish sign up (Finalizar registro).

Finish the sign up processFinish the sign up processFinish the sign up process

4. Conecta tu cuenta de HubSpot a tu sitio web de WordPress

Finalmente, haz clic en Connect website (Conectar sitio web) para confirmar la conexión entre HubSpot (tu cuenta gratuita de Marketing Hub) y tu sitio web de WordPress.

Click the Connect website buttonClick the Connect website buttonClick the Connect website button

Entonces, probablemente serás redirigido a tu panel de administración de WordPress. Allí verás un mensaje emergente que dice "HubSpot is now connected to your website" (HubSpot ahora está conectado a tu sitio web).

The HubSpot dashboard in the WordPress admin panelThe HubSpot dashboard in the WordPress admin panelThe HubSpot dashboard in the WordPress admin panel

¡Bien hecho! Has instalado correctamente el complemento de HubSpot y conectado tu sitio web a tu nueva cuenta de HubSpot.

Ahora vayamos un paso más allá y revisemos diferentes partes de este complemento y veamos cómo usarlo.

Cómo usar HubSpot con WordPress

Como puedes ver en la captura de pantalla anterior, hay 9 submenús en el menú del complemento de HubSpot. Echemos un vistazo rápido a cada uno y veamos cómo pueden ser útiles.

¿Qué es la “Guía del usuario” en el complemento de HubSpot para WordPress?

El primer submenú del complemento de HubSpot es User Guide (Guía del usuario). Esto es como la página de inicio o el tablero del complemento. Aquí puedes ver algunos consejos y tareas sobre cómo comenzar con el complemento y algunos enlaces que te guían a tu cuenta en el sitio web de HubSpot, la academia oficial de HubSpot y su mercado.

Cómo los informes de HubSpot te ayudan a administrar tu sitio web de WordPress

Reporting (Informes) es el segundo submenú del complemento de HubSpot. Una característica que distingue a esta plataforma de otras son sus valiosos beneficios de análisis y marketing.

Puedes acceder a información analítica detallada sobre el rendimiento de tu sitio web en la pantalla de Reporting (Informes), como análisis de correo electrónico, análisis de tráfico, análisis de contactos y más. La pantalla de Informes te ayuda a averiguar qué formulario, correo electrónico o acción de marketing está funcionando bien y cuál debe cambiarse.

Reporting submenu of the HubSpot WordPress pluginReporting submenu of the HubSpot WordPress pluginReporting submenu of the HubSpot WordPress plugin

El sistema de seguimiento de HubSpot rastrea todas las actividades de tus usuarios en diferentes páginas y partes del sitio web. Almacena estos datos analíticos en la base de datos de HubSpot, por lo que al usar la sección Informes puedes acceder a ellos cuando lo desees, directamente desde tu área de administración de WordPress.

Para comprender mejor cómo esta información puede ayudarte a mejorar tu sitio o tus relaciones de contacto, navega al submenú de la User Guide (Guía del usuario) nuevamente y haz clic en Take the interactive demo (Tomar la demostración interactiva). Si no es suficiente, usa los cursos gratuitos disponibles en la academia oficial de HubSpot.

Contactos en el complemento de HubSpot para WordPress

Cualquier usuario del sitio web que complete una acción de algún tipo se convierte en un "contacto" en HubSpot. Ya sea que se hayan registrado para recibir un boletín informativo, hayan realizado consultas a través del chatbot o hayan realizado una compra a través de WooCommerce (por ejemplo), pueden identificarse con precisión y nutrirse como clientes potenciales.

En la pantalla Contactos, puedes acceder a una lista de todos los usuarios de tu sitio web. Aquí puedes ver tus contactos en diferentes categorías y encontrarlos usando filtros y el cuadro de búsqueda.

The Contacts list in the HubSpot plugin for WordPressThe Contacts list in the HubSpot plugin for WordPressThe Contacts list in the HubSpot plugin for WordPress

Si haces clic en una fila, te llevará a la página de contacto, donde puedes ver los detalles avanzados y los informes sobre el contacto. ¡Con estos informes detallados, puedes encontrar la mejor manera de comunicarte con el usuario y satisfacer sus necesidades!

Cómo crear listas de contactos con el complemento de HubSpot para WordPress

El complemento de HubSpot te permite crear listas segmentadas de tus contactos y usarlas para diferentes acciones de marketing, como enviar correos electrónicos a un número limitado de tus contactos. Para crear una nueva lista de tus usuarios, ve a Create Lists (HubSpot > Listas) en el menú del lado del administrador, luego, en la esquina superior derecha, haz clic en el botón Create List (Crear lista).

Creating contact lists with HubSpotCreating contact lists with HubSpotCreating contact lists with HubSpot

A continuación, debes elegir un nombre para tu lista y definir qué tipo de lista planeas crear. Puedes optar por crear una lista basada en contactos o basada en la empresa y convertirla en estática o activa.

Si cambias manualmente las propiedades de un contacto, también afectará al contacto en una lista activa. Pero nada puede eliminar, agregar o cambiar los contactos sin tu permiso en una lista estática.

Cuando selecciones el tipo de lista, haz clic en Next (Siguiente).

Choose what type of list you want to createChoose what type of list you want to createChoose what type of list you want to create

En la página siguiente, usa los filtros de la izquierda para buscar y seleccionar los contactos que deseas incluir en tu lista, después de seleccionar los contactos, haz clic en Save list (Guardar lista) para finalizar el proceso de creación.

Choose the contacts you want to add to your listChoose the contacts you want to add to your listChoose the contacts you want to add to your list

¡Eso es todo! Ahora tienes una lista segmentada para enviar un correo electrónico de marketing o inscribir contactos en tus flujos de trabajo.

Cómo crear formularios con el complemento de HubSpot para WordPress

¡Sí! el complemento de HubSpot admite formularios y viene con un editor visual en vivo para WordPress que te permite crear formularios (y correos electrónicos también) fácilmente. También proporciona informes útiles sobre cómo los visitantes interactúan con tu formulario y te ayudan a mejorarlo.

Para crear tu primer formulario con HubSpot, navega hasta Forms (Formularios) en el menú lateral y haz clic en Create Form (Crear formulario) en la esquina superior derecha.

Creating HubSpot forms in WordPressCreating HubSpot forms in WordPressCreating HubSpot forms in WordPress

Entonces debes elegir tu tipo de formulario. Puedes crear diferentes tipos de formularios de HubSpot, como un formulario incrustado, un cuadro emergente, una página independiente y más.

Choose your form typeChoose your form typeChoose your form type

Por favor elige el tipo que desees y haz clic en Next (Siguiente).

En el siguiente paso, puedes seleccionar una plantilla lista para usar para tu formulario o seguir con la plantilla en blanco. Después de elegir la plantilla, haz clic en Start (Iniciar). Esto te llevará a un generador de formularios en vivo y de arrastrar y soltar.

The HubSpot form builderThe HubSpot form builderThe HubSpot form builder

Cuando termines de diseñar tu formulario, haz clic en Submit (Enviar) en la esquina superior derecha. Crearás un código corto para que puedas copiarlo e incrustarlo en cualquier página de tu sitio web.

Cómo configurar el chat en vivo de HubSpot para un sitio web de WordPress

Tener un servicio de chat en vivo en tu sitio web es una manera excelente para que los visitantes se comuniquen contigo o con los agentes de soporte. Pueden hacer sus preguntas directamente y satisfarás a los clientes, haciéndoles sentir que tu empresa se preocupa por ellos.

Para configurar un chat en vivo para tu sitio web de WordPress, selecciona Live Chat (Chat en vivo) en el menú de administración y elige un color para tu caja de chat. Luego haga clic en Next (Siguiente).

Design your chatboxDesign your chatboxDesign your chatbox

Luego, elige un usuario como agente de soporte y escribe un mensaje de bienvenida para su chatbox. Cuando termines, vuelva a hacer clic en Next (Siguiente).

Write a welcome messageWrite a welcome messageWrite a welcome message

Una vez hecho esto, debes seleccionar cuándo tu equipo debe aparecer disponible, según el estado de los miembros de tu equipo o el horario comercial. También puedes establecer un tiempo de respuesta para tu chatbox que les indique a los usuarios cuánto tiempo deben esperar normalmente una respuesta. El tiempo de respuesta se mostrará en la parte superior de tu chatbox cuando no estés conectado, al igual que el chatbox en la siguiente captura de pantalla.

Select when you are online and availableSelect when you are online and availableSelect when you are online and available

Finalmente, revisa el chatbox que has creado, observa cómo se ve en diferentes dispositivos como teléfonos, computadoras de escritorio y tabletas, y asegúrate de que sea lo que deseas. Luego, haz clic en Publish (Publicar).

Review and publish your first HubSpot chatflowReview and publish your first HubSpot chatflowReview and publish your first HubSpot chatflow

¡Felicidades! Has creado con éxito un sistema de chat en vivo para tu sitio web de WordPress utilizando el complemento de HubSpot. Cada chat se agrega a tu cuenta de HubSpot como un hilo de discusión y se asocia con el cliente en cuestión.

Test the HubSpot live chat on your WordPress websiteTest the HubSpot live chat on your WordPress websiteTest the HubSpot live chat on your WordPress website

Para ver los mensajes y responderlos, o para acceder a tu bandeja de entrada, navega de nuevo al Live Chat (chat en vivo).

Si quieres ver tu bandeja de entrada en el sitio web de HubSpot, navega hasta la sección User Guide (Guía del usuario) y haz clic en el botón Manage Inbox (Administrar bandeja de entrada) debajo de la pestaña Live Chat (Chat en vivo). Te llevará a tu cuenta, donde podrás acceder a tu bandeja de entrada.

The HubSpot inbox and messeagesThe HubSpot inbox and messeagesThe HubSpot inbox and messeages

Ahora veamos cómo trabajar con correos electrónicos en el complemento de HubSpot.

Cómo crear y enviar correos electrónicos de marketing con el complemento de HubSpot

El envío de newsletters (boletines de noticias) por correo electrónico es una de las mejores estrategias de marketing para dar a conocer a tus contactos tus nuevos productos, descuentos, novedades, etc. Te permite comunicarte con los usuarios de forma personalizada y si lo utilizas con estrategias de negocio inteligentes, puedes aportar más clientes, ventas o usuarios normales a tu sitio web.

Para enviar un correo electrónico a tus contactos, primero debes crear uno. Ve a HubSpot > Email (HubSpot > Correo electrónico) y haz clic en Create email (Crear correo electrónico).

Create marketing emails with the HubSpot WordPress pluginCreate marketing emails with the HubSpot WordPress pluginCreate marketing emails with the HubSpot WordPress plugin

Luego, tal como hicimos en la sección de formularios, elige una plantilla y haz clic en Next (Siguiente).

Choose a template for your email newsletterChoose a template for your email newsletterChoose a template for your email newsletter

Luego, verás un editor en vivo y fácil de usar que te permite crear tu boletín de correo electrónico con acciones de arrastrar y soltar. Trabajar con este editor es tan fácil como trabajar con creadores de páginas famosos como Elementor, por lo que no tendrás problemas para diseñar y personalizar tu plantilla de correo electrónico.

Antes de enviarlo, no olvides revisar las pestañas Send or schedule (Enviar o programar) y Settings (Configuración) en la parte superior de la página. Desde allí, puedes personalizar algunas opciones para tu boletín de correo electrónico y cambiar los destinatarios del correo electrónico a una determinada lista (grupo) de tus contactos.

The HubSpot email builderThe HubSpot email builderThe HubSpot email builder

Finalmente, haz clic en Review and send (Revisar y enviar).

Cómo cambiar la configuración y restablecer el complemento de HubSpot para WordPress

A veces, es posible que desees restablecer el complemento o registrarte para obtener una nueva cuenta y configurarla nuevamente.

Por cualquier motivo, si tienes problemas con el complemento de HubSpot y estás buscando una manera de que todo vuelva a la normalidad, navega hasta el submenú Settings (Configuración) y haz clic en Reset plugin (Restablecer complemento).

Recuerda que esta opción restablecerá tu complemento y puede causar la pérdida de algunos/todos los datos que has guardado. Entonces, antes de hacer clic en el botón Reset  Plugin (Restablecer complemento), asegúrate de tener una copia de seguridad de tu sitio.
The Settings tab under the HubSpot WordPress pluginThe Settings tab under the HubSpot WordPress pluginThe Settings tab under the HubSpot WordPress plugin

Si solo deseas salir de tu cuenta, no uses este botón. En su lugar, haz clic en tu nombre en la esquina superior derecha y selecciona Sign Out (Cerrar sesión) en el menú desplegable.

Complemento gratuito de HubSpot vs. una versión premium para WordPress

El último submenú del complemento de HubSpot es Upgrade (Actualizar). La versión gratuita del complemento de HubSpot casi tiene todo lo que necesitas para una pequeña empresa y un sitio web normal de WordPress. Pero la versión premium puede ser beneficiosa si deseas eliminar las marcas de agua del lado frontal del complemento (como el chatbox y los correos electrónicos) y puede ser una buena opción si posees un negocio en línea en crecimiento.

Según el sitio web oficial de HubSpot:

“El complemento de WordPress de HubSpot es parte de Operations Hub, y puedes comenzar a usarlo de forma gratuita. Si buscas funciones más avanzadas para ayudarte a automatizar y escalar tus operaciones comerciales, HubSpot también ofrece funciones premium con las ediciones Starter, Professional y Enterprise de Operations Hub ".

Por lo tanto, depende de ti y de tus objetivos comerciales elegir entre las versiones gratuita y premium. Si decides comprar la versión premium, haz clic en el submenú Upgrade (Actualizar), selecciona el plan que desees y ¡paga!

Haga crecer su sitio web de WordPress con HubSpot hoy

En este tutorial, has aprendido qué es HubSpot y cómo conectar HubSpot a WordPress. Comienza a mejorar tu sitio web con este increíble complemento gratuito hoy. ¡Buena suerte!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.