To ensure you have full control over all content accessible by Smash Balloon, you can enable or disable what the plugin can access in the next window.
We suggest you set all of these settings to “Yes” so that the Facebook content displayed on your website is not affected. Once you grant the permissions, you will see a success message letting you know that you have successfully linked your account.
And just like that! You’ve successfully connected Smash Balloon to your Facebook feed. The page should automatically reload and take you to your WordPress dashboard.
Now that your Facebook Page is connected, let’s customize the feed to your preferences.
Smash Balloon will automatically redirect you to a pop-up where you can select the page you just connected and add it to your Smash Balloon dashboard. You’ll see it appear like this:
Choose the page and go to the next step.
Now you can select the theme for your feed. You can leave it as default or change it to Modern, Social Wall, Outline, and Overlap. We’ll use the default theme.
In the next step, choose the template type. You belarus phone number library can display your feed in a masonry grid, widgets, cards, or carousels. You can even display only the latest Facebook post.
After you make your selection, the page should reload and direct you to the All Feeds page .
Step 4: Customize your Facebook feed
Now you can go ahead and edit the feed. Do this by choosing the “Edit” pencil icon to the right of the feed name.
Once you open the feed editor, you’ll see the Customize and Settings menus on the left, and a preview window of how they will appear on the right.
In this tutorial, we will focus on the Customize menu as it has all the essential elements you need.
The preview window on the right will show you how your feed will look when embedded on your website. Use it to check for errors and formatting issues when designing your website’s Facebook feed.
While you may have chosen a template, feed type, and theme in the previous steps, this window allows you to change those as well.
Let’s start by configuring how your custom Facebook feed will display by going to “Feed Layout” on the left taskbar.
You can edit whether you want your feed to be displayed in a list, masonry, or carousel format. Choose the height of your post so it fits perfectly on your website.
Since tablets, phones, and desktops have different screen sizes, select the number of columns and posts for the best user experience depending on your visitor’s device.
The preview screen in the top right corner has icons for mobile, tablet, and desktop screens in the top right corner. Use this feature to check how your feed will appear on different screen sizes.
Experiment to see what post and column ratio works best for each screen size before making a final decision.
While we recommend that you customize the number of posts, by default, Smash Balloon allows fewer posts on smaller screens to provide your audience with a good experience, even if you don’t set them.
Once you’ve set your feed layout, head back to the main menu on the left.
Now let’s change the color scheme.
By default, Smash Balloon uses your theme’s colors so that the feed blends seamlessly with the rest of your site. But you can customize it here to whatever you want. You can also opt for the more conventional design of a dark or light color scheme.
However, if you choose a custom color palette, you can select different background, text, and link colors to better suit your website design.
Once you have set your color scheme, return to the Personalize menu.
To edit your feed title and related elements, scroll down in the Customize menu and find the “Header” submenu.
Here, choose whether you want the header to be in text or visual format, the size and color of the title text, the size and color of the bio text, and the dimensions of the cover photo.
To change the post layout, go back to the Customize menu and select the Posts tab . Here, you can change the layout to Thumbnail, Half width, and Full width.
Then, under Post Style , select whether you want the posts to be “Regular” or “Boxed.” You can also customize the color and thickness of the separator line.
Additionally, Smash Balloon allows you to check or uncheck the “Individual Post Elements” you want to display.
One cool feature of Smash Balloon is that you can allow users to engage with your social media content from the website itself. To add a “Like” button, scroll down in the Customize menu and go to Like Box .
First, enable the Like button so it can appear in your feed. Then you can customize its size and position.
Next, you can decide how wide your feed should be. However, if you leave it as default, it will automatically adjust based on your screen size.
To give more weight to your call to action, you can show your website users the Facebook friends who also follow your page.
Now there’s a really cool feature of Smash international seo case study: how to generate more than 2 million sessions without spending a cent on ads Balloon that we want to show you. You can move the Like button out of the scroll menu here. This shows your audience the bottom of the “Like” button no matter where they’re scrolling on the page.
This way, you have a better chance of getting them to click the Like button.
When you’re done, return to the Customize menu .
The last thing we want to show you here is the Load More button . It will display more content from the feed when a reader clicks on it. You can turn this option on or off.
One of the main reasons to disable the “Load More” button is to improve the user experience by reducing content overload and allowing readers to focus on the content that brought them to the page. On the other hand, enabling this button can increase engagement with your site and keep the reader on the page for longer, boosting your SEO metrics.
You can customize Load More ’s text to your liking. You can even change it to a language from your target region to better communicate with your audience. Or be more adventurous and write something catchy.
The ultimate goal is to get people to see more of your feed.
Once you’ve customized everything to your liking, don’t forget to Save the feed.
Step 5: Publish your Facebook feed
Now that you’ve configured te appearance b2b sale lead of your custom feed, it’s time to display it on your website.
Like everything else in Smash Balloon, you don’t need any coding experience to publish a feed.
There are three ways to add your custom feed to your WordPress site. You can use a block, widget, or shortcode. Each method is easy and straightforward, but ideal for different situations.
