Cómo insertar un widget de Twitter en un sitio web

En el mundo actual del marketing digital, cada marca y empresa tiene su propio sitio web para establecer un punto de contacto más auténtico con sus clientes leales y su público objetivo. Widget de Twitter Usar un elemento adicional en la barra lateral de un sitio web puede hacer maravillas a la hora de aumentar el nivel de participación de los visitantes de su sitio web.

Los beneficios de la interactividad y las tendencias de diseño de una barra lateral de widgets dinámicos en su sitio web son algo que no puede ignorar. Es fundamental para el sitio web de su empresa no solo mejorar su rendimiento SEO, sino también aumentar la confianza de los usuarios e impulsar las ventas de su negocio.

Este blog le ilustrará sobre el proceso de cómo Incrustar un feed de Twitter Crea un widget en tu sitio web de la forma más sencilla posible usando Tagbox.

¡Vamos a empezar!

Widget de Twitter en el sitio web

La idea de incorporar un widget de Twitter en un sitio web puede sonar demasiado técnica y compleja, pero en realidad no lo es. Tagbox lo simplifica de la forma más sencilla posible, solo para ti.

¿Quieres saber cómo? Aquí te contamos cómo.

Todo el proceso se puede dividir en 4 sencillos pasos: 

Step-1: Crea un muro de Twitter con Tagbox.

Step-2: Convierte tu muro de Twitter en un widget de Twitter.

Step-3: Obtenga el código para insertar el widget de Twitter desde Tagbox.

Step-4: Incruste el widget de Twitter en su sitio web.

Aprendamos cada paso en detalle para poder obtener una comprensión general de todo el proceso.

Crea un muro de Twitter con Tagbox

Este es el primer paso para incorporar un widget de Twitter en el sitio web. Siga estas sencillas pautas y tendrá un muro de Twitter activo en el editor de widgets de Tagbox.

Step-1: Cree una cuenta con Caja de etiquetasInicia sesión o regístrate. Accederás al panel de control.

Step-2: Aquí, haga clic en Agregar feeds sociales para agregar feeds de redes sociales en su widget.

Step-3: Seleccionar Twitter como su fuente de alimentación en el “Elige una fuente” Cuadro de diálogo que aparece.

Step-4: Otro cuadro de diálogo “Crear un feed de TwitterAparecerá ". Aquí, elige tu canal de agregación de feeds entre los siguientes: Hashtag(#), Manejar(@), Mencionar(@), Lista, Favoritosy Advanced. Elige uno. Haz clic en Crear feed para completar el proceso.

Step-5: Haga clic en Continuar con TwitterProporciona tus credenciales de Twitter y autoriza a la aplicación a acceder a tu perfil.

¡Y eso es todo! Pronto te encontrarás con un muro de Twitter activo en tu Tagbox Widget gratuito para sitios web Editor. 

Aquí puedes personalizarlo con la ayuda de la Personalizar panel y filtre su contenido para mostrar lo mejor de los agregados en su sitio web utilizando el Moderación panel. También puedes utilizar las diferentes funciones adicionales disponibles en el Más panel.

Crear un widget de Twitter

Una vez que hayas terminado de crear y diseñar tu propio muro de Twitter, el siguiente paso es convertirlo en un fantástico widget de Twitter. Es un proceso sencillo de 4 pasos que te permite mostrar tus feeds de Twitter agregados en forma de widget de Twitter.

Step-1: En la columna izquierda de su Editor de Widgets, encontrará el Diseño. Abrelo.

Step-2: Elegir- Temáticas ->  Tema del widget.

Step-3: Haga clic en Aplicar tema.

Step-4: Pronto verás un activo Widget de Twitter en su editor de widgets.

¡Bravo! Has creado con éxito un widget de Twitter que está listo para ser incorporado en tu sitio web. Pero solo queda un pequeño paso: generar un código de inserción desde Tagbox. Así que, sin esperar mucho, comencemos.

Generar el código de inserción del widget de Twitter desde Tagbox

Ahora bien, este paso puede parecer un poco pesado y técnico con todas las palabras como código de inserción, etc., pero, una vez más, es realmente simple. Solo sigue estos pasos básicos y tendrás un código de inserción a tu disposición, listo para pegar en el backend de tu sitio web para mostrar el widget de Twitter.

Step-1: Una vez que el widget de Twitter se muestre activamente en el editor de widgets, haga clic en el botón Publicar botón en la columna inferior izquierda.

Step-2: Seleccione su cuenta en Plataforma de creación de sitios web de las opciones dadas- HTML, WordPress, Wix, Squarespace, Weebly, y Shopify.  (p. ej.: vamos con HTML)

Step-3: Dar el Ancho, Alto y Tipo de Altura Parámetros según sus necesidades y presione Obtener código.

Step-4: Copia el código de inserción. Se guardará en el portapapeles. Vista previa el widget de Twitter si lo desea de antemano.

Entonces, este es el código de inserción que necesitas pegar en el backend de tu sitio web para poder mostrar el widget de Twitter en el sitio web. Felicitaciones por generar exitosamente el código de inserción de Tagbox. Ahora, pasemos al paso final de la inserción del widget de Twitter en tu sitio web.

Leer también - Herramientas de seguimiento de hashtags de Twitter

Incruste el widget de Twitter en su sitio web

Los usuarios utilizan distintos tipos de plataformas de creación de sitios web para satisfacer las necesidades y requisitos de funcionamiento de sus sitios web. Tagbox está afiliado a la mayoría de ellas. Aquí encontrará una breve guía sobre cómo integrar su widget de Twitter en un sitio web.

¡Vamos a empezar! 

Incrustar en sitio web HTML

HTML es el lenguaje más básico y la primera opción de un desarrollador cuando se trata de crear un sitio web. Siga estos sencillos pasos para incorporar un widget de Twitter en su sitio web HTML.

Step-1: Seleccionar HTML como su plataforma de creación de sitios web.

Step-2: Adquirir el Código de inserción obtenidos de Caja de etiquetas (Ya explicado) Copialo al portapapeles.

Step-3: Ahora, ve al backend de la página web donde quieres incrustar el widget de Twitter.

Step-4: Pegue el código de inserción generado en la sección del cuerpo donde desea insertar el widget de Twitter y guarde los cambios. (Solicite la ayuda de un desarrollador si es necesario. Es un tema técnico).

¡Genial! Pronto podrás ver un widget de Twitter funcional en tu sitio web.

Widget de Twitter en el sitio web de WordPress

WordPress es la plataforma de creación de sitios web más utilizada y popular, que incluso las principales marcas de todo el mundo utilizan para mantener sus sitios web.

Es fácil, simple y multifuncional y viene con increíbles complementos y funciones de personalización.

Siga las instrucciones de estos humildes pasos para integrar el widget de Twitter en su sitio web de WordPress.

Step-1: Elegir WordPress como su plataforma de creación de sitios web.

Step-2:Generar el código para insertar un sitio web desde Tagbox. (Ya explicado)

Step-3:Ahora, ve al backend de la página web donde quieres incrustar el widget de Twitter.

Step-4: Haga clic en "(+)Añadir bloque” en la esquina superior izquierda del Editor de WordPress.

Step-5: Aquí selecciona Maquetación y luego elige HTML personalizado.

Step-6: Pegue el código de inserción aquí.

Step-7: Haga clic en Publicar/Actualizar publica y listo.

Incrustar en el sitio web de WIX

WIX es un creador de sitios web todo incluido basado en la nube. Su interfaz de arrastrar y soltar permite que quienes no tienen conocimientos técnicos creen sitios web profesionales de manera sencilla. No es necesario ser un experto técnico para crear un sitio web en WIX.

Siga las siguientes instrucciones para integrar un widget de Twitter en su sitio web WIX.

Step-1: Seleccionar WIX como su plataforma de creación de sitios web.

Step-2: Genera el Código de inserción obtenidos de Caja de etiquetas. (Ya explicado)

Step-3: En tu sitio web WIX, ve al backend de la página web donde deseas insertar el widget de Twitter.

Step-4: Haga clic en "+ Agregar".

Step-5: Seleccionar Más y haga clic en iframes HTML en el archivo incrustado. Aquí, pegue el código de incrustación en el Campo de código.

Step-6: Guarde los cambios haciendo clic en Presente una solicitud.

Incrustar en el sitio web de Squarespace

Squarespace es el software de creación de sitios web para creativos. Te ofrece todo lo que necesitas para crear tu propio sitio web. Incluye opciones de personalización decorativas que te ayudan a crear hermosos sitios web en cuestión de horas.

Siga estos sencillos pasos para integrar el widget de Twitter en su sitio web de Squarespace: 

Step-1: Elegir Squarespace como su plataforma de creación de sitios web.

Step-2: Genera el Código de inserción De Tagbox. (Ya explicado)

Step-3: En su sitio web de Squarespace, vaya al backend de la página web donde desea insertar el widget de Twitter.

Step-4: Haga clic en “+ Agregar/Editar bloque".

Step-5: Seleccionar Código de inserción en el menú.

Step-6: Haga clic en el ícono en el campo URL.

Step-7: Pegue aquí el código de inserción copiado.

Step-8: Haga clic en Presente una solicitud y guarde los cambios.

Incrustar en el sitio web de Weebly

Weebly es un software gratuito para crear sitios web. Cuenta con una sencilla interfaz de arrastrar y soltar que lo hace divertido de usar. Su función de alojamiento gratuito te permite crear un sitio web activo en menos de una hora. Puedes agregar texto, imágenes, presentaciones de diapositivas, videos o cualquier cosa que desees agregar a tu sitio web.

Siga estos sencillos pasos para integrar el widget de Twitter en su sitio web Weebly:

Step-1: Seleccionar Weebly como su plataforma de creación de sitios web.

Step-2: Genera el Código de inserción De Tagbox. (Ya explicado)

Step-3: En su sitio web Weebly, vaya al backend de la página web donde desea insertar el widget de Twitter.

Step-4: Haga clic en "Código de inserción” desde la barra de navegación de la izquierda y suéltelo en la página web donde desea incrustar el widget de Twitter.

Step-5: Ahora, presiona Cuadro HTML Y luego seleccione Editar HTML personalizado .

Step-6: Aquí, pegue el código de inserción en el cuadro.

Step-7: Publica tus cambios.

Incrustar en el sitio web de Shopify

Shopify es una plataforma de creación de sitios web fácil de configurar a la que puedes recurrir cuando deseas crear un sitio web en línea. sitio web de comercio electrónicoLe permite crear una tienda en línea visualmente atractiva con muchas características como integración de aplicaciones, excelente velocidad de carga, capacidad de respuesta móvil, etc.

Siga estos sencillos pasos para incorporar un widget de Twitter en su sitio web de Shopify:

Step-1: Seleccionar Shopify como su plataforma de creación de sitios web.

Step-2: Genera el Código de inserción De Tagbox. (Ya explicado)

Step-3: En tu sitio web de Shopify, ve a la tienda en línea donde deseas insertar el widget de Twitter. Abre su backend.

Step-4: Vaya a Editar HTML / CSS.

Step-5: Seleccionar Diseño/Plantillas/Sección (Por ejemplo, para la página de inicio: Index.liquid) donde desea mostrar su Twitter Social Hub.

Step-6: Pegue el código copiado.

Step-7: Haga clic en Guardar.

¡Genial! Has incorporado con éxito un widget de Twitter en tu sitio web.

Conclusión

Entonces, todo esto se trataba de cómo puedes integrar un widget de Twitter en diferentes tipos de sitios web de manera fácil y sencilla usando Tagbox. ¿No fue realmente simple?

Entonces, ¿qué es lo que te detiene todavía? Si tienes un sitio web, incorporar un widget de Twitter como barra lateral es una gran idea para atraer a los visitantes de tu sitio web. contenido del feed de Twitter en vivo en su propio sitio web. 

Incorpore un widget de Twitter en su sitio web utilizando lo último Twitter Aggregator – ¡Escribe Tagbox y comienza a aumentar tu influencia en Twitter hoy mismo!