Cómo agregar feeds sociales a WordPress con Flow Flow

Las redes sociales consumen nuestras vidas. Aunque no de una mala manera. Personalmente, me encanta poder estar al día sobre lo que amigos, familiares y especialmente las marcas están haciendo minuto a minuto. Lo cual quizás no sea tan bueno para mi propia productividad, pero es una gran noticia para su marca o negocio en línea.

Sus seguidores quieren saber lo que está twitteando, fijando, gustando, compartiendo, publicando, etc. Entonces, ¿por qué no facilitárselo agregando su flujo social a WordPress?

Flow Flow, WordPress Social Streaming simplificado

La mejor manera absoluta de agregar feeds sociales a su blog o sitio web de WordPress es con Flow Flow. Al igual que con cualquier función que desee agregar a WordPress, hay toneladas de opciones de complementos, pero permítanos explicarle por qué creemos que Flow Flow es lo mejor.

Alimentaciones rápidas

Agregar feeds es aún más fácil con Flow Flow. Puede complicarse cuando tiene que crear, ubicar y descifrar lo que se necesita para autorizar cada alimentación de la red social. Y este proceso puede ser aún más complejo si se ve obligado a utilizar un complemento diferente para cada red. Lucky for your Flow Flow incluye soporte para las redes más populares (Facebook, TwitterInstagram Pinterest, etc.) Y facilita la autorización de sus feeds con campos integrados para la información requerida (así como documentación detallada si alguna vez necesita ayuda).

Personalizaciones fáciles

Las características técnicas son, por supuesto, importantes, pero también lo es la apariencia del complemento. No desea que se muestre un feed feo o no coincidente en su sitio web. Flow Flow incluye opciones para estilo de cuadrícula, columnas, espaciado de columna personalizado, fondo de flujo (haga que coincida o se destaque en su sitio principal o fondo de fila de página), animación, colores de fuente, estilos de iconos sociales y más. Y si desea modificar un elemento que no tiene una opción incorporada, siempre puede agregar un poco de CSS personalizado.

Integración de Visual Composer

Agregue sus transmisiones a las páginas a medida que las crea con la integración completa de Visual Composer de Flow Flow. El complemento es completamente compatible con el editor de interfaz de usuario de Visual Composer, por lo que puede insertar fácilmente sus transmisiones mientras usa otras opciones de creación de páginas para filas y diseños.

Totalmente compatible con el tema

Y, por supuesto, Flow Flow es compatible con el tema Total WordPress. De hecho, nos sentimos honrados de decir que Flow Flow está utilizando actualmente el tema Total en su vista previa en vivo. Cuando emparejas el código sólido como una roca de Total, las importaciones rápidas de demostración, las opciones de estilo casi ilimitadas y, por supuesto, el creador de páginas visual incluido con el poder de flujo social de Flow Flow, no hay nada que no puedas construir.

Pero ahora que sabe por qué nos encanta Flow Flow, veamos cómo puede implementar este increíble complemento en su sitio web de WordPress.

Guía de inicio rápido de Flow Flow

Looks Awesome (el equipo detrás de Flow Flow) ha hecho un excelente trabajo al documentar su complemento. Para comenzar en un santiamén, simplemente puede ver su guía de video:

Pero para aquellos de ustedes que quieran seguir un recorrido de la vieja escuela, sigan leyendo para ver cómo configuramos Flow Flow.

Paso 1: compre, descargue e instale el complemento

Primero necesita su propia copia del complemento, así que diríjase a CodeCanyon y compre una licencia de uso personal.

Obtenga Flow Flow Social Streams

Si es un desarrollador, es posible que también desee considerar la licencia extendida: es una excelente manera de agregar valor al trabajo de su cliente al ofrecer transmisiones sociales como una característica en todos los sitios de sus clientes. Solo una idea.

Descarga el complemento Flow Flow

Una vez que tenga una licencia, vaya a su página de descargas para descargar el archivo del complemento. Si elige la opción “Todos los archivos y documentación”, recuerde que esto descargará un archivo zip que incluye más que solo el complemento, por lo que deberá descomprimirlo antes de intentar instalar el complemento (por lo general, hacer doble clic en el archivo hará el truco).

Cargar el complemento Flow Flow

A continuación, inicie sesión en su instalación de WordPress y vaya a la sección Complementos. Haga clic en el botón en la parte superior de la pantalla para “Agregar nuevo” y luego nuevamente en “Cargar complemento”.

Haga clic en la opción en el medio de su pantalla para “Elegir archivo”. Busque la carpeta que acaba de descargar y descomprimir de CodeCanyon, debe tener un nombre similar a Flow-Flow 3.0.9 (con ese último bit cambiando según su número de versión). Seleccione el archivo comprimido (flow-flow.zip) dentro de esa carpeta y siga las instrucciones en pantalla de WordPress para finalizar la instalación del complemento. Luego haga clic en la opción para activar.

Paso 2: editar la configuración de flujo-flujo

Antes de comenzar a compilar, le recomendamos que eche un vistazo rápido a la configuración del complemento. Si va a Flow Flow> Configuración, puede ver las opciones integradas para el complemento.

Configuración del complemento Flow Flow

En nuestra opinión, no querrá perderse las opciones de rol de usuario del moderador, el formato de fecha y la cantidad de publicaciones almacenadas para sus feeds. Pero eche un vistazo a las otras opciones antes de guardar.

Paso 3: agregue sus feeds sociales

Con su complemento instalado, activo y configurado, puede comenzar agregando sus feeds sociales. Cada red social es diferente y algunas requerirán tokens de acceso o aplicaciones antes de poder agregar un feed. Pero no se preocupe, Flow Flow hace que todo sea muy fácil.

Flow Flow Crear nuevos feeds

Simplemente vaya a Flow Flow> Feeds y haga clic en el botón verde para “Crear Feed +” para comenzar. Esto abrirá una ventana emergente.

Flujo Selección de flujo de alimentación

Desde aquí, seleccione la fuente social que desea agregar. Elegimos empezar con Pinterest ya que es muy fácil de agregar.

Configuración de flujo de alimentación

Una vez que seleccione una fuente, se le pedirá que ingrese la configuración de la fuente. Estas opciones variarán según el feed que haya seleccionado. Pinterest solo requiere el nombre de usuario o el nombre de usuario / tablero, su frecuencia preferida para actualizar (desde 5 minutos hasta una vez por semana), la cantidad de publicaciones para cargar (1, 5, 10 o 20), así como la opción para que modere lo que es mostrado. Una vez que haya terminado, haga clic en “Agregar feed”.

¡Ahora repita el proceso para cada red social que desee agregar! Solo recuerde que es posible que deba agregar información de autorización antes de poder agregar un feed, pero Flow Flow lo facilita al ofrecer una sección de “Auth”.

Autorizaciones de alimentación de flujo de flujo

Desde aquí puede agregar la información de autorización requerida para Twitter, Facebook, Instagram, Google+, YouTube, Foursquare, LinkedIn, SoundCloud y Dribble todos a la vez (Pinterest, Flicker, Vimeo, WordPress y RSS no requieren ninguna autorización adicional cuando se agregan). Cada sección de configuración social incluye un enlace a la documentación oficial de Flow Flow si necesita ayuda. Le recomendamos encarecidamente que siga sus instrucciones si no está seguro de cómo configurar sus aplicaciones y / o tokens de acceso.

Una vez que haya agregado y guardado sus autorizaciones, podrá crear y activar feeds para estas redes sociales.

Error de alimentación de flujo de flujo

Si ingresa accidentalmente la información incorrecta al crear un feed u olvida agregar la autorización del feed, verá un icono de exclamación naranja (!) Como el estado del feed. Simplemente coloque el cursor sobre el ícono para ver el error de alimentación. Una vez que edite correctamente el feed o la información de autorización, tendrá la opción de habilitar su feed.

Paso 4: crear transmisiones sociales

Flujo Flujo Crear flujo

Una vez que haya agregado todos sus feeds sociales, puede compilarlos en flujos sociales. Esto es fácil y rápido. Simplemente vaya a la pestaña “Transmisiones” y haga clic en el botón verde para “Crear transmisión”.

Agregar fuentes de feeds sociales

Configuración de flujo de flujo de flujo

Dale un nombre a tu transmisión y comienza a agregar tus feeds. Simplemente use el campo desplegable para seleccionar y luego agregue cada una de sus fuentes de alimentación preferidas.

Flujo Flujo Corriente Fuente

A medida que agregue feeds, podrá verlos en la sección “Feeds conectados”.

General

Flujo Flujo Flujo Opciones generales

A continuación, haga clic en la pestaña “General” para establecer opciones importantes para realizar pedidos, contar publicaciones, caja de luz, privacidad, visualización del dispositivo y más.

Red

Configuración de cuadrícula de flujo de flujo

¡No te saltes estas opciones! Querrá ir a la pestaña “Cuadrícula” para cambiar la configuración del diseño de la cuadrícula (mampostería, cuadrícula igual o justificada), columnas y espaciado, encabezado y más.

Estilo de transmisión social

Estilo personalizado de Flow Flow Stream

Flow Flow facilita la creación de un flujo de aspecto personalizado. Utilice las opciones para diseñar tarjetas y el creador de tarjetas de arrastrar y soltar para cambiar el color y reorganizar sus publicaciones en las redes sociales.

CSS personalizado

Flujo, flujo, flujo, CSS personalizado

Si es un desarrollador o si está bien versado en CSS, hay una sección incorporada para agregar su código personalizado. Esta es una excelente manera de ajustar la visualización visual de su transmisión para que realmente coincida con el sitio web de su cliente.

Código corto

Código corto de flujo de flujo de flujo

La última pestaña de su transmisión contiene el código corto de la transmisión. Esto se puede copiar y pegar en una publicación o página para mostrar instantáneamente su transmisión.

Paso 5: agregue su transmisión a su sitio web

El último paso es hacer visible su transmisión insertándola en una página. Una opción es copiar el código corto y pegarlo en el editor de texto de su página. Pero si está utilizando un tema con un creador de páginas como nuestro tema Total WordPress, es tan simple como hacer clic en algunos botones.

Crear una página de transmisión social

Primero cree una nueva página, asígnele un nombre y elija su diseño de página, imagen destacada, etc. Una vez que haya terminado con la configuración de su página, haga clic en el editor de backend o frontend de Visual Composer (nos gusta ver lo que estamos haciendo, por lo que siempre usamos el editor de frontend con Total).

Inserte el módulo de flujo de flujo

A continuación, haga clic en el icono más (+) para agregar un nuevo elemento de página y luego seleccione Flow Flow Social Stream.

Seleccione su secuencia

Luego, seleccione la transmisión social que desea agregar y guarde los cambios. ¡Eso es todo! Simplemente publique su página para que sea visible para los visitantes de su sitio web.

Más funciones de flujo de flujo

¡El poder detrás de Flow Flow no se detiene ahí! Los desarrolladores también han lanzado un par de complementos útiles para el complemento a fin de brindarle aún más valor agregado a través de sus flujos sociales.

Publicidad y branding: Monetice sus flujos sociales con el complemento de publicidad y marca Flow Flow. Con esto instalado, puede vender lugares destacados en su flujo social, insertar anuncios o incluso crear tarjetas de héroe para sus campañas de redes sociales.

Extensión de transmisión: ¿Tiene un vestíbulo en su oficina? ¿O quizás su empresa organiza o asiste a una conferencia? Flow Flow Broadcasting Extension es justo lo que necesitas. Úselo para mostrar su transmisión social en vivo en una pantalla grande (televisión, proyector, etc.) y llamar instantáneamente la atención sobre sus publicaciones, tweets, anuncios, etc. más relevantes.

Pensamientos finales

En resumen, Flow Flow es un complemento rico en funciones que proporciona a todos los usuarios de WordPress una manera fácil de mostrar colectivamente feeds sociales (ya sea en su sitio web o en una televisión de pantalla grande). Personalmente, nos encantan las opciones fáciles, la excelente documentación, la integración con Visual Composer (y Total) y las útiles extensiones. Puede obtener más información sobre Flow Flow en la página del complemento, y esperamos que lo pruebe en su próximo proyecto de cliente o en su propio sitio web personal.

¿Tiene alguna pregunta sobre Flow Flow? ¿O tal vez ha utilizado el complemento y desea compartir algunos consejos y trucos? Solo deja un comentario, ¡nos encantaría conocer tu opinión!