Skip to main content




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

Tus followers quieren saber lo que estás tuiteando, pinchando, gustando, compartiendo, publicando, etc. Entonces, ¿por qué no facilitárselo añadiendo tu flujo social a WordPress?

Flow Flow, WordPress Social Streaming simplificado

La mejor manera absoluta de agregar feeds sociales a su Blog o portal Web de WordPress es con Flow Flow. Al igual que con cualquier función que desee agregar a WordPress, hay toneladas de alternativas de complementos, pero permítanos explicarle por qué pensamos que Flow Flow es lo mejor.

Quick feeds

Agregar feeds es todavía más fácil con Flow Flow. Puede complicarse cuando tiene que crear, localizar y descifrar lo que se requiere para autorizar cada feed de la social network. Y este procedimiento puede ser todavía más complicado si se ve obligado a usar un complemento distinto para cada red. Lucky for your Flow Flow incluye soporte para las redes más populares (Facebook, Twitter, Instagram, Pinterest, etc.) Y facilita la autorización de sus feeds con campos integrados para la información requerida (así como documentación detallada si en algún momento lo requiere ayuda).

Easy customizations

Decididamente, las características técnicas son importantes, pero además lo es la apariencia del complemento. No desea que se muestre un feed feo o no coincidente en su portal 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 cuenta con una opción incorporada, siempre puede agregar un poco de CSS personalizado.

Incorporation of Visual Composer

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

Fully compatible with the theme

And definitely, Flow Flow is compatible with the Total WordPress theme. Actually, we are honored to say that Flow Flow is using the Total theme in its live preview today. When you pair Total's robust code, quick demo imports, almost limitless styling alternatives, and decidedly the included visual page builder with the social flow power of Flow Flow, there's nothing you can't build.

But now that you know why we love Flow Flow, let's see how you can implement this amazing plugin on your WordPress web portal.

Flow Flow Quick Start Guide

Looks Awesome (the team behind Flow Flow) have done an excellent job documenting their plugin. To get started in a jiffy, you can basically watch their video guide:

But for those of you who want to take an old school tour, read on to see how we set up Flow Flow.

Step 1: buy, download and install the plugin

You first require your own copy of the plugin, so head over to CodeCanyon and purchase a personal use license.

Get Flow Flow Social Streams

Si es un desarrollador, es viable que además desee considerar la licencia extendida: es una magnífica manera de agregar valor al trabajo de su client al ofrecer transmisiones sociales como una característica en todos los sitios de sus clientes. Solo una idea.

download-flow-flow-plugin-1963307

Once you have a license, go to its download page to download the plugin file. If you choose the "All files and documentation" option, remember that this will download a zip file that includes more than just the plug-in, so you will need to unzip it before attempting to install the plug-in (usually double-clicking the file will the trick).

upload-flow-flow-plugin-1585781

Next, log into your WordPress installation and go to your Accessories section. Click on the button at the top of the screen to "Add New" and then again on "Load Plugin".

Click the option in the middle of your screen to "Select File." Find the folder you just downloaded and unzipped from CodeCanyon, it should have a name similar to Flow-Flow 3.0.9 (with that last change based on its version number). Select the compressed file (flow-flow.zip) within that folder and follow the WordPress on-screen instructions to complete the plugin installation. Then click on the option to activate.

Step 2: edit the flow-flow settings

Before you start collecting, we suggest you take a quick look at the plugin settings. If you go to Flow Flow> Settings You can see the built-in alternatives for the plugin.

flow-flow-settings-4187255

En nuestra opinión, no querrá perderse las alternativas de rol de Username de 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.

Step 3: add your social feeds

With your plugin installed, active, and configured, you can start adding your social feeds. Each social network is different and some will require access tokens or apps before you can add a feed. But don't worry: Flow Flow makes everything a breeze.

flow-flow-create-new-feed-1393657

Basically go to Flow Flow> Feeds and click the green button for "Create Feed +" to get started. This will open a pop-up window.

flow-flow-select-feed-platform-8414934

From here, select the social feed you want to add. We chose to start with Pinterest because it is so easy to add.

flow-flow-feed-settings-4513064

Once you select a font, you will be prompted to enter the font settings. These options will vary depending on the feed you selected. Pinterest only needs the username or username / admin panel, your preferred frequency to update (from 5 minutes to once a week), the number of posts to upload (1, 5, 10 or 20), so on as the option to moderate what is displayed. Once you are done, click on "Add Feed".

Now repeat the procedure for each social network you want to add! Just remember that you may need to add authorization information before you can add a feed, but Flow Flow makes it easy by offering an "Auth" section.

flow-flow-authorizations-9310815

Desde aquí puede agregar la información de autorización requerida para Twitter, Facebook, Instagram, Google+, Youtube, Foursquare, LinkedIn, SoundCloud y Dribble de una sola 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 link a la documentación oficial de Flow Flow si requiere ayuda. Le sugerimos encarecidamente que siga sus instrucciones si no está seguro de cómo configurar sus apps y / o tokens de acceso.

Once you have added and saved your authorizations, you can create and activate feeds for these social networks.

flow-flow-feed-error-2389946

If you accidentally enter the wrong information when creating a feed or forget to add feed authorization, you will see an orange exclamation mark (!) Icon as the status of the feed. Basically hover over the icon to see the power error. Once you successfully edit the feed or authorization information, you will have the option to enable your feed.

Step 4: create social broadcasts

flow-flow-create-stream-3711040

Once you've added all of your social feeds, you can compile them into social streams. This is quick and easy. Basically go to the "Broadcasts" tab and click the green button for "Create Broadcast"

Add social feed sources

screen-shot-2017-06-20-at-12-28-56-pm-6878264

Give your stream a name and start adding your feeds. Basically use the drop down field to choose and then add each of your preferred power supplies.

flow-flow-stream-source-1263803

As you add feeds, you will see them in the "Connected Feeds" section.

general

flow-flow-stream-general-2682172

Then click on the "General" tab to determine important options for ordering, counting posts, lightbox, privacy, device display and more.

Grid

flow-flow-stream-grid-4348321

Don't skip these options! You'll want to go to the "Grid" tab to change the layout settings for the grid (masonry, equal or justified grid), columns and spacing, heading, and more.

Social broadcast style

flow-flow-stream-style-6905829

Flow Flow makes it easy to create a custom-looking flow. Use the alternatives for designing cards and the drag and drop card maker to change the color and rearrange your social media posts.

Custom css

flow-flow-stream-css-2820071

If you are a developer or if you are well versed in CSS, there is a built-in section to add your custom code. This is a great way to adjust the visual display of your broadcast to truly match your customer's web portal.

Short code

flow-flow-stream-shortcode-6590020

The last tab of your stream contains the short code for the stream. This can be copied and pasted into a post or page to instantly display your broadcast.

Step 5: add your broadcast to your web portal

The last step is to make your broadcast visible by embedding it on a page. One option is to copy the shortcode and paste it into your page's text editor. But if you're using a page builder theme like our Total WordPress theme, it's as simple as clicking a few buttons.

create-new-page-social-stream-8713766

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 finalizado 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).

insert-flow-flow-module-7580896

Then click the plus icon (+) to add a new page element and then select Flow Flow Social Stream.

select-flow-flow-stream-8109018

Then select the social broadcast you want to add and save the changes. That's it! Basically publish your page so that it is visible to the visitors of your web portal.

More Flow Flow Features

The power behind Flow Flow doesn't stop there! The developers have also released a couple of useful plugins for the plugin to bring you even more added value through your social streams.

Promoción comercial y branding: Monetize your social flows with the Flow Flow brand and trade promotion plugin. With this installed, you can market featured places in your social stream, insert ads, or even create hero cards for your social media campaigns.

Transmission duration: ¿Tiene un vestíbulo en su oficina? ¿O tal vez su empresa organiza o asiste a una conference? 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.

Final thoughts

In closing, Flow Flow is a feature-rich plugin that provides all WordPress users with an easy way to collectively display social feeds (either on their web portal or on a big screen TV). Personally, we love the easy alternatives, the great documentation, the Visual Composer (and Total) onboarding, and the helpful extensions. You can get more information about Flow Flow on the plugin page, and we hope you will try it on your next customer project or on your own personal web portal.

Have a question about Flow Flow? Or maybe you've used the plugin and want to share some tips and tricks? Just leave a comment, we'd love to hear from you!




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

Tus followers quieren saber lo que estás tuiteando, pinchando, gustando, compartiendo, publicando, etc. Entonces, ¿por qué no facilitárselo añadiendo tu flujo social a WordPress?

Flow Flow, WordPress Social Streaming simplificado

La mejor manera absoluta de agregar feeds sociales a su Blog o portal Web de WordPress es con Flow Flow. Al igual que con cualquier función que desee agregar a WordPress, hay toneladas de alternativas de complementos, pero permítanos explicarle por qué pensamos que Flow Flow es lo mejor.

Quick feeds

Agregar feeds es todavía más fácil con Flow Flow. Puede complicarse cuando tiene que crear, localizar y descifrar lo que se requiere para autorizar cada feed de la social network. Y este procedimiento puede ser todavía más complicado si se ve obligado a usar un complemento distinto para cada red. Lucky for your Flow Flow incluye soporte para las redes más populares (Facebook, Twitter, Instagram, Pinterest, etc.) Y facilita la autorización de sus feeds con campos integrados para la información requerida (así como documentación detallada si en algún momento lo requiere ayuda).

Easy customizations

De todos modos, las características técnicas son importantes, pero además lo es la apariencia del complemento. No desea que se muestre un feed feo o no coincidente en su portal 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 dispone de una opción incorporada, siempre puede agregar un poco de CSS personalizado.

Incorporation of Visual Composer

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

Fully compatible with the theme

And of course, Flow Flow is compatible with the Total WordPress theme. We are actually honored to say that Flow Flow is currently using the Total theme in its live preview. When you pair Total's robust code, quick demo imports, nearly limitless styling alternatives, and of course the included visual page builder with the social flow power of Flow Flow, there's nothing you can't build.

But now that you know why we love Flow Flow, let's see how you can implement this amazing plugin on your WordPress web portal.

Flow Flow Quick Start Guide

Looks Awesome (the team behind Flow Flow) have done an excellent job documenting their plugin. To get started in a jiffy, you can basically watch their video guide:

But for those of you who want to take an old school tour, read on to see how we set up Flow Flow.

Step 1: buy, download and install the plugin

You first require your own copy of the plugin, so head over to CodeCanyon and purchase a personal use license.

Get Flow Flow Social Streams

Si es un desarrollador, es viable que además desee considerar la licencia extendida: es una magnífica manera de agregar valor al trabajo de su client al ofrecer transmisiones sociales como una característica en todos los sitios de sus clientes. Solo una idea.

download-flow-flow-plugin-1963307

Once you have a license, go to its download page to download the plugin file. If you choose the "All files and documentation" option, remember that this will download a zip file that includes more than just the plug-in, so you will need to unzip it before attempting to install the plug-in (usually double-clicking the file will the trick).

upload-flow-flow-plugin-1585781

Next, log into your WordPress installation and go to your Accessories section. Click on the button at the top of the screen to "Add New" and then again on "Load Plugin".

Click the option in the middle of your screen to "Select File." Find the folder you just downloaded and unzipped from CodeCanyon, it should have a name equivalent to Flow-Flow 3.0.9 (with that last change based on its version number). Select the compressed file (flow-flow.zip) within that folder and follow the WordPress on-screen instructions to complete the plugin installation. Then click on the option to activate.

Step 2: edit the flow-flow settings

Before you start collecting, we suggest you take a quick look at the plugin settings. If you go to Flow Flow> Settings You can see the built-in alternatives for the plugin.

flow-flow-settings-4187255

En nuestra opinión, no querrá perderse las alternativas de rol de Username de 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.

Step 3: add your social feeds

With your plugin installed, active, and configured, you can start adding your social feeds. Each social network is different and some will require access tokens or apps before you can add a feed. But don't worry: Flow Flow makes everything a breeze.

flow-flow-create-new-feed-1393657

Basically go to Flow Flow> Feeds and click the green button for "Create Feed +" to get started. This will open a pop-up window.

flow-flow-select-feed-platform-8414934

From here, select the social feed you want to add. We chose to start with Pinterest because it is so easy to add.

flow-flow-feed-settings-4513064

Once you select a font, you will be prompted to enter the font settings. These options will vary depending on the feed you selected. Pinterest only needs the username or username / admin panel, your preferred frequency to update (from 5 minutes to once a week), the number of posts to upload (1, 5, 10 or 20), so on as the option to moderate what is displayed. Once you are done, click on "Add Feed".

Now repeat the procedure for each social network you want to add! Just remember that you may need to add authorization information before you can add a feed, but Flow Flow makes it easy by offering an "Auth" section.

flow-flow-authorizations-9310815

Desde aquí puede agregar la información de autorización requerida para Twitter, Facebook, Instagram, Google+, Youtube, Foursquare, LinkedIn, SoundCloud y Dribble de una sola 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 link a la documentación oficial de Flow Flow si requiere ayuda. Le sugerimos encarecidamente que siga sus instrucciones si no está seguro de cómo configurar sus apps y / o tokens de acceso.

Once you have added and saved your authorizations, you can create and activate feeds for these social networks.

flow-flow-feed-error-2389946

If you accidentally enter the wrong information when creating a feed or forget to add feed authorization, you will see an orange exclamation mark (!) Icon as the status of the feed. Basically hover over the icon to see the power error. Once you successfully edit the feed or authorization information, you will have the option to enable your feed.

Step 4: create social broadcasts

flow-flow-create-stream-3711040

Once you've added all of your social feeds, you can compile them into social streams. This is quick and easy. Basically go to the "Broadcasts" tab and click the green button for "Create Broadcast"

Add social feed sources

screen-shot-2017-06-20-at-12-28-56-pm-6878264

Give your stream a name and start adding your feeds. Basically use the drop down field to choose and then add each of your preferred power supplies.

flow-flow-stream-source-1263803

As you add feeds, you will see them in the "Connected Feeds" section.

general

flow-flow-stream-general-2682172

Then click on the "General" tab to determine important options for ordering, counting posts, lightbox, privacy, device display and more.

Grid

flow-flow-stream-grid-4348321

Don't skip these options! You'll want to go to the "Grid" tab to change the layout settings for the grid (masonry, equal or justified grid), columns and spacing, heading, and more.

Social broadcast style

flow-flow-stream-style-6905829

Flow Flow makes it easy to create a custom-looking flow. Use the alternatives for designing cards and the drag and drop card maker to change the color and rearrange your social media posts.

Custom css

flow-flow-stream-css-2820071

If you are a developer or if you are well versed in CSS, there is a built-in section to add your custom code. This is a great way to adjust the visual display of your broadcast to truly match your customer's web portal.

Short code

flow-flow-stream-shortcode-6590020

The last tab of your stream contains the short code for the stream. This can be copied and pasted into a post or page to instantly display your broadcast.

Step 5: add your broadcast to your web portal

The last step is to make your broadcast visible by embedding it on a page. One option is to copy the shortcode and paste it into your page's text editor. But if you're using a page builder theme like our Total WordPress theme, it's as simple as clicking a few buttons.

create-new-page-social-stream-3285277

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 finalizado 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).

insert-flow-flow-module-5079529

Then click the plus icon (+) to add a new page element and then select Flow Flow Social Stream.

select-flow-flow-stream-3040916

Then select the social broadcast you want to add and save your changes. That's it! Basically publish your page so that it is visible to the visitors of your web portal.

More Flow Flow Features

The power behind Flow Flow doesn't stop there! The developers have also released a couple of useful plugins for the plugin to bring you even more added value through your social streams.

Promoción comercial y branding: Monetize your social flows with the Flow Flow brand and trade promotion plugin. With this installed, you can market featured places in your social stream, insert ads, or even create hero cards for your social media campaigns.

Transmission duration: ¿Tiene un vestíbulo en su oficina? ¿O quizá su empresa organiza o asiste a una conference? 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.

Final thoughts

In conclusion, Flow Flow is a feature-rich plugin that provides all WordPress users with an easy way to collectively display social feeds (be it on your web portal or on a big screen TV). Personally, we love the easy alternatives, the great documentation, the Visual Composer (and Total) onboarding, and the helpful extensions. You can get more information about Flow Flow on the plugin page, and we hope you will try it on your next customer project or on your own personal web portal.

Have a question about Flow Flow? Or maybe you've used the plugin and want to share some tips and tricks? Just leave a comment, we'd love to hear from you!