Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo promocionar tu página de Twitter en WordPress con una ventana emergente

Promocionar tu página de Twitter mediante una ventana emergente en tu sitio de WordPress puede aumentar el número de seguidores y la participación. Al aprovechar el tráfico existente en tu sitio web, puedes dirigir más atención a tu contenido de Twitter.

Sin embargo, establecer y personalizar ventanas emergentes puede requerir algunos conocimientos técnicos. Así que, si buscas una forma sencilla de hacerlo, sigue leyendo.

En este artículo, te guiaremos sobre cómo promocionar tu página de Twitter en WordPress con una caja de luz emergente.

How to promote Twitter page with lightbox popup

¿Por qué promocionar tu página de Twitter en WordPress?

Twitter es uno de los medios sociales más populares. Muchas empresas la utilizan para promocionar sus productos o entradas de blog y compartir anuncios o noticias. También es un buen lugar para obtener respuestas / comentarios / opiniones de los usuarios, realizar encuestas y organizar seminarios web de audio a través de Twitter Spaces.

Conseguir que más gente te siga en Twitter puede ser todo un reto. Por suerte, puedes utilizar el tráfico existente en tu sitio web para aumentar el número de seguidores con una caja de luz emergente. Esto te ayudará a mejorar la visibilidad de tu perfil de Twitter y a aumentar el número de seguidores.

Pero eso no es todo. También puede utilizar una caja de luz emergente para crear una lista de correo electrónico, generar clientes potenciales, ofrecer actualizaciones de contenido, mostrar un formulario de contacto, etc.

En esta guía te mostraremos cómo utilizar una caja de luz emergente para promocionar tu página de Twitter. He aquí un resumen rápido de todos los pasos que vamos a cubrir:

¿Preparados? Primeros pasos.

Promoción de su página de Twitter en WordPress con una caja de luz emergente

La mejor manera de añadir una caja de luz emergente en WordPress es utilizar OptinMonster. Es el mejor plugin de ventanas emergentes para WordPress y el mejor software de generación de clientes potenciales del mercado.

OptinMonster hace que sea muy fácil aumentar las ventas, generar clientes potenciales, hacer crecer su lista de correo electrónico y optimizar su sitio para obtener más conversiones.

Para empezar, tendrá que visitar el sitio web de OptinMonster y hacer clic en el botón “Obtener OptinMonster ahora” para crear una cuenta.

Click the Get OptinMonster Now button

Para este tutorial, usaremos la licencia OptinMonster Pro porque incluye la característica Exit-Intent, más opciones de personalización y plantillas pre-construidas. Y como lector de WPBeginner, puedes obtener un 10% de descuento adicional usando nuestro código de cupón OptinMonster.

Después de crear una cuenta, tendrás que instalar y activar el plugin OptinMonster. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, aparecerá la pantalla del asistente de configuración de OptinMonster. Puede hacer clic en el botón “Conectar su cuenta existente” para iniciar el proceso de configuración.

Connect your existing account

Se abrirá una ventana emergente en la que deberá confirmar la cuenta de OptinMonster que desea utilizar.

Simplemente haga clic en el botón “Conectar con WordPress” para continuar y espere a que se complete el proceso.

Click the connect to WordPress button

Una vez hecho esto, puede ir a OptinMonster ” Campañas desde su escritorio de WordPress para crear una campaña.

Sigue adelante y haz clic en el botón “Crea tu primera campaña”.

Create first OptinMonster campaign

Después de eso, OptinMonster le ofrecerá diferentes tipos de campaña para elegir, incluyendo popup, barra flotante, pantalla completa, gamified spin-to-win optin, y más.

Como queremos crear una caja de luz emergente, simplemente selecciona el tipo de campaña ‘Popup’.

Choose campaign type

Debajo del tipo de campaña, verá diferentes plantillas para su campaña de mensajes / ventanas emergentes.

Puedes seleccionar una plantilla al pasar el cursor sobre ella y luego hacer clic en el botón “Usar plantilla”. Vamos a elegir la plantilla “Social” para añadir nuestra ventana de luz emergente de Twitter.

Select a social template

A continuación, aparecerá una ventana emergente en la que podrá introducir un nombre para su campaña.

Una vez que hayas nombrado la campaña, sigue adelante y haz clic en el botón “Empezar a construir”.

Click start building

Esto iniciará el maquetador de campañas OptinMonster con la funcionalidad de arrastrar y soltar para personalizar su mensaje / ventana emergente.

Así, basta con arrastrar y soltar elementos del menú de la izquierda para añadirlos a la plantilla.

Campaign builder in OptinMonster

También puede editar los bloques existentes en la plantilla.

Por ejemplo, puede quitar / eliminar otros botones de medios sociales y conservar solo el botón de Twitter. De este modo, los usuarios podrán utilizar fácilmente el botón de llamada a la acción y seguir su página de Twitter.

Además, hay opciones para editar el texto de los encabezados y el cuerpo. Por ejemplo, si quieres que el botón diga “Sígueme” en lugar de “Twitter”, puedes cambiar el campo “Texto del botón” a la izquierda.

Vamos a hacer clic en el botón de Twitter para ver más opciones en el menú de la izquierda. Introduce el enlace de tu página de Twitter en el campo “URL de nueva ventana”.

Add your twitter link in the button settings

A continuación, arrastre el bloque “HTML” del menú y suéltelo en la plantilla.

Ahora que has preparado un bloque para el código HTML, estás listo para el siguiente paso.

Add a HTML block to template

Crear un código para incrustar en una página de Twitter

En este paso, tendrás que crear un código para incrustar en tu página de Twitter accediendo a la herramienta de publicación de Twitter.

Le recomendamos que abra la herramienta en una nueva pestaña o ventana porque tendrá que volver al maquetador de campañas de OptinMonster para introducir el código HTML.

Una vez que hayas abierto la herramienta Publicar, puedes añadir la URL de tu página de Twitter en el campo “Qué te gustaría incrustar” y pulsar la clave de tu teclado.

Tu URL de Twitter se parecerá a https://twitter.com/YourUserNameHere. Solo tienes que sustituir “TuNombreDeUsuarioAquí” por tu propio nombre de usuario de Twitter.

Twitter publish tool

Después, puedes desplazarte hacia abajo y elegir si quieres incrustar la línea de tiempo de Twitter o los botones.

En este tutorial, elegiremos la opción “Cronología incrustada” para mostrar los tweets de nuestra página de Twitter en la caja de luz emergente.

Choose timeline or buttons to embed

A continuación, puede desplazarse por la página para abrir los ajustes de personalización.

Sólo tiene que hacer clic en el enlace “establecer opciones de personalización” situado encima del código incrustado.

Click set customization options

Aquí puedes editar la altura y la anchura de la línea de tiempo de Twitter. Esto le permite controlar la apariencia de su línea de tiempo en la caja de luz emergente.

También puedes elegir un tema claro u oscuro para tu cronología y el idioma en el que se mostrarán los tweets.

Customize the twitter timeline

Una vez que haya establecido estos ajustes, siga adelante y haga clic en el botón “Actualizar”.

A continuación, la herramienta Publicar generará un código para incrustar. Puede hacer clic en el botón “Copiar código”.

Copy the embed code

Una ventana emergente le mostrará que ha copiado correctamente el código incrustado.

Siga adelante y haga clic en el icono de la cruz en la esquina superior derecha para cerrar la ventana emergente.

Successfully copied the code

Añadir Twitter Página caja de luz emergente a su sitio web

Ahora, puede volver a la ventana o pestaña del maquetador de campañas de OptinMonster en su navegador / explorador.

A continuación, haz clic en el bloque HTML de la ventana emergente que estás diseñando. Verás un campo a la izquierda en el que puedes incrustar el código de la herramienta de publicación de Twitter.

Al incrustar el código, verás una vista previa de tu cronología de Twitter en la plantilla de la campaña.

Enter the embed code in the html block

Después, puedes dirigirte a la pestaña “Regla de visualización”. Aquí puedes establecer las condiciones para que la caja de luz emergente aparezca en tu sitio web.

Por ejemplo, puede aparecer cuando un usuario ve una página durante un periodo de tiempo específico, visita una página concreta o está a punto de abandonar su sitio web.

Select display rules

Para este tutorial, seleccionaremos “Tiempo en página” como regla de visualización y estableceremos el número de segundos tras los cuales aparecerá la ventana emergente.

A continuación, querrás que la ventana emergente aparezca en todas las páginas de tu sitio estableciendo ‘ruta URL actual’ en ‘es cualquier página’.

Configure display rules

Después, puedes pasar a la pestaña “Acciones” de la parte inferior.

Ahora, asegúrese de que ‘Optin’ está seleccionado para la opción ‘mostrar la vista de campaña’. También hay ajustes opcionales para añadir efectos y sonido a tu ventana emergente.

Set up display rules actions

Una vez hecho esto, puede ir a la pestaña “Publicado” para activar su campaña.

Sólo tiene que cambiar el “Estado de publicación” de “Borrador” a “Publicar”.

Publish your campaign

Ahora puede hacer clic en el botón “Guardar” de la parte superior para guardar sus ajustes y cerrar el maquetador de campañas.

Para confirmar si su campaña está publicada, puede dirigirse a OptinMonster ” Campañas en su panel de administrador de WordPress. En la columna “Estado” debería aparecer el texto “Publicado” en color verde.

Si no es así, haz clic en la opción “Cambiar estado” situada bajo el nombre de tu campaña y selecciona “Publicar” en el menú desplegable.

Change the campaign status to published

Su campaña OptinMonster debería estar ahora activa.

Para ver su página de Twitter en la caja de luz emergente, simplemente visite su sitio web. Cuando se active la campaña de OptinMonster, tu perfil de Twitter aparecerá en una caja de luz emergente junto con el botón CTA que hayas añadido debajo.

Twitter page popup preview

Esperamos que este artículo te haya ayudado a aprender cómo promocionar tu página de Twitter en WordPress con una caja de luz emergente. Puede que también quieras ver nuestra guía sobre cómo mostrar los tweets recientes en WordPress y el mejor software de chat en vivo para pequeñas empresas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

9 comentariosDeja una respuesta

  1. Jiří Vaněk

    Great tutorial. I needed to promote my page on Patreon so I followed this tutorial to use optin monster and it’s great. The best part is that I can see the exact number of people who saw the window and how many people also clicked on the link. That’s a very important metric to me.

  2. Kimb

    I’m looking for a tool that pops up a “tweet this” dialog box
    option

  3. wpbeginner

    @BenBonilla Don’t think they are tracking whether you liked the page or not. I think they are leaving a cookie for who has seen it and closed the popup.

  4. ALSpaulding

    Quick question. Once they have followed you on twitter will the plugin continue to pop up on them in the future? It does not mention that. Appreciate a response please. Thanks. =)

  5. startmywp

    Hi,

    This just works better for Twitter (and another one for facebook) but are there any notable updated plugins or code hacks if we need to display simple html in a lightbox? Say, perhaps just a ‘thank you’ note?

    • AhsanNaveed

      @startmywp For this, you’ll need to edit the plugin.

  6. easyP

    That looks good.

    I know that you won’t believe it, but I’ve just signed up with twitter – this plugin could be the way to go.

    Many thanks.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.