Tag: smash balloon instagram feed plugin

How to Create a Custom Instagram Photo Feed in WordPress
Do you want to create a custom Instagram feed in WordPress?

An Instagram feed can keep your site fresh and engaging while also getting you more likes, shares, and Instagram followers.

In this article, we will show you how to create a custom Instagram photo feed for your WordPress website.

Why Include an Instagram Feed on Your WordPress Site?

Adding an Instagram feed on your WordPress site lets you show fresh content to your visitors without lots of extra work. It also encourages readers to follow you on Instagram.

Instead of manually adding images in the WordPress block editor, you can simply create a feed that updates automatically every time you post new photos to Instagram. You can even show other people’s photos on your site by creating a hashtag feed.

In the following image, you can see an example of a brand that uses a custom Instagram feed to show user-generated content.

In this way, you can use a custom Instagram feed to provide valuable social proof and make more money online.

That being said, let’s see how you can create a custom Instagram photo feed in WordPress.

How to Create a Custom Instagram Photo Feed in WordPress

The easiest way to add an Instagram photo feed to your site is by using the Smash Balloon Instagram Feed plugin. It is the best Instagram plugin for WordPress that allows you to display content from your Instagram account in an instant.

It’s also the easiest way to fix the Facebook and Instagram oEmbed issue in WordPress.

We will cover several steps in our tutorial, and you can use the quick links below to jump to the different sections:
How to Connect an Instagram Account to WordPress

First, you will need to install and activate the Smash Balloon Instagram Feed plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Note: In the guide, we are using the premium version of Smash Balloon, as it allows you to create a completely custom Instagram feed. with hashtag feeds and shoppable images. If you are just getting started or have a small budget, then there’s also a free Smash Balloon Social Photo Feed plugin.

After you’ve installed the plugin, head over to Instagram Feed Â» Settings.

You can now enter your Smash Balloon license key into the ‘License Key’ field.

You can find this information in the confirmation email you got when you purchased Smash Balloon and also in your Smash Balloon account.

After adding your license key, go ahead and click on the ‘Activate’ button.

Once you’ve done that, you are ready to create a custom Instagram feed. To get started, select Instagram Feed Â» All Feeds and then click on the ‘Add New’ button.

Smash Balloon will now show all the different types of Instagram feeds that you can create.

Simply select the type of feed you want to add to WordPress, and click on ‘Next’.

If you just want to display your Instagram photos, then you can use a Personal Instagram account. However, you will need a Business Instagram account if you want to create a hashtag feed or show the posts that your account is tagged in.

Tip: Don’t have a Business Account? To convert your Personal Instagram account into a Business Account, simply follow Smash Balloon’s step-by-step instructions.

If you select ‘Publish Hashtag’, then you will need to type in the hashtags you want to use. To show multiple hashtags in the same feed, simply separate each hashtag with a comma.

Once you have done that, just click on ‘Next’.

Do you want to show posts that your account is tagged in? You will need to select ‘Tagged Posts’ instead and then click on ‘Next’.

No matter what kind of feed you are creating, you will need to connect WordPress to your Instagram account.

To get started, click on the ‘Add Source’ button.

After that, choose whether you want to show images from a personal or business account.

If you select the button next to ‘Personal’, then Smash Balloon won’t include the Instagram avatar and bio in your header by default. However, you can always add the Instagram avatar and bio manually in the plugin’s settings.

After choosing ‘Personal’ or ‘Business’, just click on ‘Login with Facebook’.

You can now select the Instagram account that you want to feature on your WordPress website and click on ‘Next’.

After that, check the box next to the Facebook page that’s linked to the Instagram account you want to use.

With that done, you need to click on the ‘Next’ button.

You will now see a popup with all the information Instagram Feed Pro will have access to and the actions it can perform.

To restrict the plugin’s access to your Instagram account, simply click any of the switches to turn it from ‘Yes’ to ‘No’. Just be aware that this may affect the photos that appear on your WordPress blog or website.

With that in mind, we recommend leaving all the switches enabled. When you are happy with how the feed is set up, go ahead and click on ‘Done’.

You will now see a popup with the Instagram account you just added to your website.

Simply check the box next to that account and then click on ‘Add’.

Instagram Feed Pro will now take you back to the Instagram Feeds Â» All Feeds screen.

To create a custom Instagram feed, just check the box next to the Instagram account that you want to use. Then, click on ‘Next’.

The plugin will now create an Instagram photo feed that you can add to any page, post, or widget-ready area.

How to Customize Your Instagram Photo Feed

By default, Smash Balloon will open your feed in its editor, ready for you to customize.

On the right, you will see a preview of your Instagram photo feed. On the left-hand side are all the settings you can use to customize the social media feed.

Most of these settings are self-explanatory, but we will quickly cover some key areas.

To change the layout, simply click on ‘Feed Layout’ in the left-hand menu. You can now choose from a Grid, Masonry, or Carousel layout.

There is also a Highlighted layout that highlights every third photo by default.

As you click on the different options, the live preview will automatically update to show the new layout. This makes it easy to try different designs and find the one you prefer.

By default, Smash Balloon shows the same number of photos on desktop computers and mobile devices. You can preview how the Instagram feed will look on desktop computers, tablets, and smartphones using the row of buttons in the upper-right corner.

Smartphones and tablets typically have smaller screens and less processing power, so you may want to show fewer Instagram photos and videos on mobile devices.

To do this, just type a different number into the ‘Mobile’ field under ‘Number of Posts’.

By default, Smash Ballon will split your photos into 4 columns on desktop, 2 columns on tablet devices, and a single column on mobile.

Do you want to use a different number of columns? Then just scroll to the ‘Columns’ section in the left-hand menu.

You can now type a new number into the Desktop, Tablet, or Mobile fields.

To make sure your Instagram feed looks good on mobile devices, it’s smart to view the mobile version of your WordPress website.

After making your changes, click on the ‘Customize’ link. This will take you back to the main Smash Balloon editor, ready for you to explore the next settings screen, which is ‘Color Scheme’.

By default, Smash Balloon uses a color scheme inherited from your WordPress theme, but it also has ‘Light’ and ‘Dark’ themes that you may want to use for your Instagram feed.

You can even create your own color scheme by selecting ‘Custom’ and then using the settings to change the link color, background color, text color in WordPress, and more.

By default, Smash Balloon adds a header to the Instagram feed, which is your profile picture and the name of your page. This can provide some useful extra context so that visitors understand where these images are coming from.

To change how this section looks, return to the main settings screen and then select ‘Header’.

On this screen, you can change the background color, show your Instagram bio, change the header size, and more.

By default, the header includes your Instagram profile picture. However, you may want to show a different image, such as your site’s custom logo.

To change the profile picture, click on ‘Add Image’ under ‘Show custom avatar’. You can then either choose an image from the WordPress media library or upload a new photo.

You can also add a different bio. For example, you might add a call to action that encourages people to visit your Instagram page.

To create a unique Instagram bio, simply type into the ‘Add custom bio’ box.

When you are happy with how the header looks, click on the ‘Customize’ link to go back to the main settings screen.

Now, you need to click on ‘Posts’.

To start, you can switch between boxed and regular layouts for the individual posts inside the Instagram feed.

To do this, select ‘Post Style’.

You can now click to select the layout you want to use.

If you select ‘Boxed’, then you can change the background color, add a box shadow, and increase the border radius to create curved corners.

When you are happy with your changes, just click on the ‘Posts’ link to return to the previous Smash Balloon screen.

This time, select ‘Images and Videos’.

Smash Balloon automatically analyzes your Instagram photos and shows them at the best resolution. We recommend using these default settings, as they are designed to boost your WordPress speed and performance. However, you can make the Instagram images bigger or smaller if you need to.

To change the image size, simply open the ‘Resolution’ dropdown and choose one of the default WordPress image sizes from the list.

Once again, click on the ‘Posts’ link to return to the previous screen.

This time, select ‘Caption’. On the next screen, you can show the Instagram caption next to each image by clicking on the ‘Enable’ slider.

If you add Instagram captions to your feed, then you can change the text size and color and set a maximum text length.

With that done, just click on the ‘Posts’ link to return to the previous screen.

The next setting is ‘Like and Comment Summary’.

Here, you can add or hide the total number of likes and comments on each image. If your Instagram posts get a good amount of engagement, then these numbers can encourage people to visit your Instagram page or start following you on social media.

As always, you need to click on ‘Posts’ to return to the earlier screen.

The final option is ‘Hover State’, which is the overlay that Smash Balloon adds to a post when you hover your mouse over it.

Here, you can choose the information that Smash Balloon shows when someone hovers over a post using the settings under ‘Information to display’.

You can also change the color of the hover overlay.

When you are happy with the changes you have made, click on the ‘Customize’ link.

This takes you back to the main Smash Balloon settings page, where you can click on ‘Load More Button’.

Here, you can help the ‘Load More’ button stand out by changing its background color, text color, and hover state.

You can also try adding your own messaging to the button by typing into the ‘Text’ field.

While we recommend leaving this button enabled, you can remove it. For example, you might encourage people to visit your Instagram by limiting the number of photos they can see on your site.

To remove the button, simply toggle off the ‘Enable’ slider so that it turns grey.

If visitors like what they see, they may decide to subscribe using the ‘Follow on Instagram’ button that appears below the embedded feed.

Since it’s such an important button, you might want to add some custom styling to help it stand out. To do this, select ‘Customize’ to return to the main settings screen. Then, select ‘Follow Button’ in the left-hand menu.

Here, you can change the button’s background color, hover state, and text color.

By default, the button shows a ‘Follow on Instagram’ label.

You can replace this with your own messaging by typing into the ‘Text’ field.

Smash Balloon comes with a built-in lightbox that allows visitors to open your Instagram photos and videos without leaving your website.

To configure this feature, go back to the main Smash Balloon settings screen and then click on ‘Lightbox’.

Here, you can change how many comments Smash Balloon will show in the lightbox.

If you don’t want to use the lightbox feature, then you can disable it using the ‘Enable’ slider.

When you are happy with how the Instagram feed looks, don’t forget to click on ‘Save’ to store your changes.

You are now ready to add the Instagram feed to your WordPress website.

Showing a Feed of Your Instagram Photos in WordPress

You can add the custom Instagram feed to your website using a block, a widget, or a shortcode.

If you have created more than one feed using Smash Balloon, then you will need to know the feed’s code to use a widget or block.

To get this code, you must go to Instagram Feed Â» All Feeds and then copy the text under ‘Shortcode.’

In the following image, we will need to use instagram-feed feed=4.

If you want to embed the Instagram feed in a page or post, then you can use the Instagram Feed block.

Just open the page or post where you want to embed your custom Instagram feed. Then, click on the ‘+’ icon to add a new block and start typing ‘Instagram Feed’.

When the right block appears, click to add it to the page or post.

The block will show one of your Instagram feeds by default. If you want to show a different Smash Balloon feed, then find ‘Shortcode Settings’ in the right-hand menu.

Here, simply add the shortcode and then click on ‘Apply Changes.’

If you are happy with how the custom Instagram feed looks, then you can go ahead and publish or update the page.

Another option is to add the Instagram Feed widget to your website. This is a great way to show an Instagram feed on every page of your site. For example, you might add the Instagram widget to the WordPress theme’s sidebar or footer.

To add the Instagram Feed widget to your site, head over to Appearance Â» Widgets. You can then click on the blue ‘+’ icon towards the top of the screen.

In the panel that appears, type in ‘Instagram Feed’ to find the right widget.

As you can see in the following image, there are two Instagram Feed widgets, so make sure you use the right one.

Next, simply drag the widget onto the area where you want to show the Instagram feed, such as the sidebar or similar section.

The widget will automatically show one of the feeds you created using Smash Balloon. If this isn’t the custom Instagram feed you just created, then type the feed’s code into the ‘Shortcode Settings’ box.

After that, click on ‘Apply Changes.’

You can now make the widget live by clicking on the ‘Update’ button. For more information, please see our step-by-step guide on how to add and use widgets in WordPress.

Another option is embedding the Instagram feed on any page, post, or widget-ready area using a shortcode.

Simply go to Instagram Feed Â» All Feeds and copy the code in the ‘Shortcode’ column. You can now add this code to any Shortcode block. For help placing the shortcode, please see our guide on how to add a shortcode.

Are you using a block-enabled theme? Then you can use the full site editor to add the Instagram Feed block anywhere on your WordPress website.

In the dashboard, go to Appearance Â» Editor.

By default, the full-site editor will show the theme’s home template.

If you want to add the Instagram feed to a different area, then click on either ‘Template’ or ‘Template Parts’.

The editor will now show a list of all the template parts that make up your WordPress theme.

Simply click on the template where you want to show the Instagram feed.

WordPress will now show a preview of the design.

To edit this template, go ahead and click on the small pencil icon.

After choosing a template, just hover your mouse over the area where you want to add the Instagram photo feed.

Then, click on the blue ‘+’ button.

Once you have done that, you need to type in ‘Instagram Feed’.

When the right block appears, click to add it to the template.

As always, Smash Balloon will show a feed by default. You can change this feed by adding a shortcode following the same process described above.

Bonus: Let Customers Buy Your Products Through Instagram

If you have an online store, then you can also use your custom Instagram feed to easily sell your products.

Smash Balloon Instagram Feed Pro allows you to tag your Instagram images with product links so that users are able to click on them and buy them directly instead of navigating through your product pages. This can increase sales and boost profits in your store.

For more details, you can see our complete guide on how to add Instagram shoppable images in WordPress.

We hope this article helped you learn how to create a custom Instagram feed in WordPress. You might also want to see our comparison of the best WordPress giveaway plugins to grow your social following and learn how to create an email newsletter.

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.

The post How to Create a Custom Instagram Photo Feed in WordPress first appeared on WPBeginner.
25.08.2023
8 Best Product Grid Plugins for WooCommerce (Free + Paid)

Are you looking for a WordPress plugin to show WooCommerce products in a grid?

Showing your products in a grid view provides a better user experience for customers. With the right plugin, you can easily customize and style your product category grid.

In this article, we will show you the best product grid plugins for WooCommerce.

Why Use a Product Grid Plugin for WooCommerce?

When you’re creating an online store, it is important to showcase your best products and make it easier for customers to view them.

With the right WooCommerce plugin, you can easily display multiple products or features from a single product in a grid view. This provides a better user experience and makes it easy for customers to interact with your products.

Besides that, a product grid plugin also offers more flexibility for customization. You can easily adjust the grid, choose the number of rows and columns, change the color, and more.

Some plugins will also let you add category filters. This way, users can simply search for a product and view them in a grid rather than explore each product in your WooCommerce store. It helps boost conversions and increase sales.

That said, let’s look at the best product category grid plugins for WooCommerce.

1. SeedProd

SeedProd is the best WordPress website builder and landing page plugin. It is used by over 1 million professionals.

The plugin offers a drag-and-drop builder that lets you create custom themes and page layouts. You get prebuilt templates and lots of customization options.

In the page builder, SeedProd offers exclusive WooCommerce blocks to customize your product page. You simply drag and drop the products grid block on your template.

The plugin lets you choose the number of columns in the grid. It also offers options to filter products and show all products, best-selling products, top-rated products, and more. Besides that, you can select the order of the products based on date, title, rating, ID, and more.

Other than that, SeedProd offers other blocks for customization. For instance, you can add images, optin forms, countdown timers, contact forms, and more to your product pages.

It also easily integrates with email marketing tools to help you collect leads and grow your email list.

Pricing: SeedProd prices start from $39.50 per year. There is also a free SeedProd Lite version you use to get started.

2. MonsterInsights

MonsterInsights is the best Google Analytics plugin for WordPress. It lets you set up Google Analytics in WordPress without editing code or hiring a developer. Plus, it automatically sets up advanced tracking on your website.

MonsterInsights offers a Popular Posts feature that lets you show your best-selling products in a grid view. You get to choose from prebuilt themes for your product grid.

The plugin also shows a preview of your theme. Besides that, you get plenty of customization options.

For instance, you can change the color and size of the title, prices, and ratings. It also gives you the option to select a layout for your grid, choose product count to display, and more.

Other than that, you can also exclude certain products or product categories from appearing in the MonsterInsights popular post widget on the page.

Pricing: MonsterInsights premium plans start from $99.50 per year. There is also a MonsterInsights Lite version you use for free and set up Google Analytics in WordPress.

3. ProductX

ProductX is another popular product grid plugin for WooCommerce. It lets you create WooCommerce stores using the drag-and-drop builder.

There are different blocks you can use to customize your store. Plus, the plugin offers a template toolkit, so you can quickly select a design and edit it according to your requirements.

ProductX offers different product category grid blocks. You can choose from 3 different variations to display products in a grid view. Besides that, there are multiple settings to edit the design of the product grid.

Other features offered by ProductX include advanced product filters, a progress bar, product comparison, whitelist items, and much more.

Pricing: ProductX is a paid WordPress plugin with prices starting from $49 per year for 1 site.

4. YITH WooCommerce Best Sellers

YITH WooCommerce Best Sellers is a great plugin to have on your online store and display top-selling products in a grid layout.

The plugin is easy to use and offers different options to customize your product category grid. For example, you can change the text, ratings, colors, and other details of any product in the grid. Plus, you can choose the number of rows and columns to display.

Using YITH WooCommerce Best Sellers, you can show your most popular products or top-selling product category. There is also a best-seller badge you can use to highlight a product and get more conversions.

Pricing: YITH WooCommerce Best Sellers will cost you $59.99 per year.

5. Smash Balloon Instagram Feed

Smash Balloon Instagram Feed is the best WordPress social media plugin. You can display content from different social media accounts on your WordPress website using the plugin.

If you’re using Instagram shopping to sell products online, then you can easily display items on your WordPress website using Smash Balloon’s Instagram Feeds plugin.

You can simply connect your Instagram account with the WooCommerce store. After that, display product feeds as grids, carousels, masonry, and other layouts.

The plugin also lets you link each Instagram post to a page on your WooCommere website. This way, users will land on the product page and easily make a purchase.

With Smash Balloon, you get full control over the appearance of your social media feeds. There are options to change the width, height, number of images, and more for your Instagram shoppable feed.

Pricing: You can get Smash Balloon Instagram Feed plugin for $49 per year.

6. Product Carousel Slider & Grid Ultimate for WooCommerce

Product Carousel Slider & Grid Ultimate for WooCommerce is a free WordPress plugin that lets you create attractive product grids, carousels, and sliders.

The plugin offers built-in themes for carousels and grids. Plus, it lets you customize the grid by choosing the number of products to display per page, showing a header title, and controlling the image sizes. The plugin also gives you settings for selecting columns and rows and enabling pagination.

You can then choose which products to show in the grid. There are multiple options to choose from, like the latest products, older products, and featured products. After creating the product grid, you can easily add them anywhere on your WooCommerce store using shortcodes.

Besides that, there are options to show different badges on products. For instance, you display a sales badge, featured badge, discount badge, and sold-out badge in your product grid. You can also edit the style settings and change the product title font, color, ratings, and more.

Pricing: You can use the Product Carousel Slider & Grid Ultimate for WooCommerce plugin for free.

7. Grid/List View for WooCommerce

Grid/List View for WooCommerce is the next product category grid plugin on our list. The plugin is a great free solution for business owners looking to create simple product grids and lists.

You get to choose from 2 default styles, which include a grid or list layout. Besides that, there are basic options to customize your product grid. You can choose how many products to display and where to position the product count.

Sadly, there is no drag-and-drop customization option as you’d get in SeedProd. However, the plugin offers a wide variety of buttons to choose from for your WooCommerce product grid.

Pricing: Grid/List View for WooCommerce is a free-to-use plugin.

8. Product Categories Designs for WooCommerce

Product Categories Designs for WooCommerce is the most basic WordPress plugin for creating product grids and sliders.

If you have different product categories on your WooCommerce store, then all you have to do is install the plugin and use shortcodes to display the products.

There are no customization options or additional settings that you’ll find in your WordPress dashboard. Everything is controlled through shortcodes. You can use different shortcodes for choosing the number of columns, order of product categories, design of the product grid, and more.

However, if you’re looking for more customization features and ease of use, then you can use any other plugin on our list, like SeedProd or MonsterInsights.

Pricing: You can get started with Product Categories Designs for WooCommerce for free.

Which is the Best Product Grid Plugin for WooCommerce?

In our experience, SeedProd is the best product grid plugin for WooCommerce. It is super easy to use because it offers a drag-and-drop builder with lots of template customization for your site and pages.

You can create stunning WooCommmerce pages with customized product grids that will help boost conversions. The plugin also offers tons of options to edit and change the appearance of your product category grids.

That’s not all, SeedProd also integrates with popular email marketing services, which helps grow your email list.

Bonus: If you’re looking to grow your WooCommerce store, then we also recommend that you try FunnelKit. It’s one of the best WooCommerce plugins to grow your store revenue.

We hope this article helped you pick the best product grid plugin for WooCommerce. You may also want to see our guide on WooCommerce SEO made easy and the best live chat software for small businesses.

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.

The post 8 Best Product Grid Plugins for WooCommerce (Free + Paid) first appeared on WPBeginner.

21.04.2023
How to Easily Create a Restaurant Website with WordPress
Do you want to create a restaurant website with WordPress?

A restaurant website can help attract new customers and grow your business. It can also provide a better experience for your existing customers and keep them coming back to your restaurant, cafe, takeaway, or similar business.

In this article, we will show you how to create a restaurant website with WordPress.

Why Create a Restaurant Website?

A website is one of the best ways to market your restaurant to new customers and provide a better experience for your existing clients.

By creating an online presence for your restaurant, you can introduce your business to people who are looking for venues and food just like yours.

After a potential customer discovers your business, a professionally-designed and helpful restaurant website will tell them everything they need to know about your business. They can then decide whether your restaurant is right for them.

Even if you have lots of loyal customers and a positive reputation in the local area, a restaurant website can help you improve the customer experience.

For example, it can allow customers to book a table online, send you questions using a convenient contact form, check out the latest menu, and much more.

In this way, a restaurant website can keep your customers happy, so they carry on visiting you for months, or even years to come.

That said, let’s see how you can easily create a restaurant website with WordPress.

Which Is the Best Website Builder for Your Restaurant?

There are many website builders that can help you create a restaurant website but we recommend using WordPress.

According to our blogging research statistics, WordPress is the most popular website platform in the world. It powers nearly 43% of all websites on the internet including many top restaurant websites.

WordPress is also open-source and free. For more on this topic, see our article on why WordPress is free.

However, itâ€™s important to realize that there are two types of WordPress software, so you donâ€™t choose the wrong one.

First, there is WordPress.com, which is a blog hosting platform. Then, there is WordPress.org which is also known as self-hosted WordPress.

For a detailed comparison, you can see our guide on the difference between WordPress.com and WordPress.org.

For a restaurant website, we recommend using WordPress.org because it gives you complete ownership of your site and allows you to install third-party plugins, including plenty that are designed specifically for restaurant owners.

To learn more about why we recommend WordPress to all our readers, please see our complete WordPress review with pros and cons.

Step 1. Setting Up Your Restaurant Website

To create a WordPress website youâ€™ll need aÂ domain name and web hosting.

A domain name is your websiteâ€™s address on the internet. This is what customers will type into their browsers to reach your website, such as justeat.com or tacobell.com.

Web hosting is where your website lives online. To help you out, weâ€™ve hand-picked some of the best WordPress hosting that you can buy for a restaurant website.

Although the WordPress software is free, hosting and domain names are where the costs can really start to add up.

A domain name typically costs $14.99/year and hosting costs start from $7.99/month. This is a lot for restaurants that already have bills and expenses to pay.

Thankfully, Bluehost has offers a free domain name, and our readers can get 60% off on web hosting. Bluehost is one of the largest hosting companies in the world, and an official WordPress-recommended hosting partner.

They’re also offering our readers a free SSL certificate. If you want to accept payments online, then an SSL certificate will help keep the customer’s credit and debit card information safe.

You can click the button below to get started for as little as $2.75 per month.

â†’ Click Here to Claim This Exclusive Bluehost Offer â†

Once there, you will need to go to the Bluehost website in a new tab and click on the green â€˜Get Started Nowâ€™ button.

This will bring you to a pricing page where you can choose a hosting plan for your website.

We recommend choosing a Basic or Plus plan, as they’re the most popular web hosting plans among our readers.

After selecting a plan, click on ‘Continue.’

On the next screen, youâ€™ll need to choose a domain name.

Ideally, the domain name will be easy to pronounce and spell, easy to remember, and related to your business. The name of your restaurant is a great place to start, but sometimes that domain may already be taken by another business.

In that case, you can try extending the domain name by adding your restaurant’s location, your own name, or the type of food you serve.

Need help choosing a domain name for your restaurant website? See these tips and tools on how to choose the best domain name.

After choosing a name, click on the ‘Next’ button to continue.

Now youâ€™ll need to provide your account information such as your name and email address. After that, you’ll also see optional extras that you can purchase.

We generally donâ€™t recommend purchasing these extras straight away, as you can always add them later on if you need them.

After that, simply type in your payment information to complete the purchase.

Once you’ve done that, youâ€™ll get an email with instructions on how to login to your web hosting control panel. This is your hosting account dashboard where you can manage your restaurant website, including setting up email notifications and asking for WordPress support.

It’s also where you’ll install the WordPress software.

Step 2. Create a New WordPress Website

When you signup withÂ BluehostÂ usingÂ our link, Bluehost installs WordPress on your domain name automatically.

If you want to create a different WordPress website, then you can simply click on the â€˜My Sitesâ€™ tab in the Bluehost dashboard.

Next, just click on the â€˜Add Siteâ€™ button and select â€˜Create New Site.â€™

The Bluehost wizard will now guide you through the setup process.

First, you’ll need to type in a site title and optional tagline.

Click on the â€˜Nextâ€™ button to continue.

After that, Bluehost will ask you to select a domain name and path for your restaurant website. If you’ve already purchased a domain name, then you can simply select it from the dropdown menu.

If you donâ€™t have a domain name then you can buy one by visiting the â€˜Domainsâ€™ page inside the Bluehost dashboard.

After choosing a domain name, you can leave the directory path blank and let Bluehost fill it in for you. The installer will also show a few must-have WordPress plugins that you may want to install on your restaurant website including OptinMonster.

After that, click on the ‘Next’ button and the installer will set up your restaurant site.

Once it’s finished, you’ll see a ‘WordPress installed successfully’ message with information about your new website. You can now go ahead and click on the ‘Log into WordPress’ button.

This will take you to your siteâ€™s admin area.

You can also log in to the WordPress dashboard by simply going to yoursite.com/wp-admin/ directly from your browser.

If you’re using a different WordPress website host such asÂ SiteGround,Â Hostinger,Â HostGator,Â or WP Engine, then you can see our complete guide onÂ how to install WordPressÂ for all the top hosting providers.

Once WordPress is setup, youâ€™re ready to start building a five-star restaurant website.

Step 3. Select a Restaurant Theme

WordPress themes are professionally designed templates that change how your restaurant site looks and acts.

By default, each WordPress site comes with a basic theme. If you visit your website, then it will look something like this:

This is not very appealing for most customers, so you’ll usually want to replace the default WordPress theme.

There are lots of different premium and free WordPress business themes to choose from. You can generally categorize these as multipurpose WordPress themes, or niche industry themes.

Your typical restaurant website needs special features, like the ability to show a menu, photos, location information, business hours, and more.

With that in mind, it makes sense to look for a theme that’s designed for the food or hospitality industry. To help you out, we’ve collected the best WordPress restaurant themes.

You can also use a website and landing page builder plugin such as SeedProd.

SeedProd is the best drag and drop WordPress page builder and comes with built-in templates that you can use to build a professionally-designed restaurant website.

These templates include a menu, food photos, pricing, recipes, and more.

Once you’ve chosen a restaurant theme, please see our step-by-step guide on how to install a WordPress theme.

After installing your theme, you may want to customize it by going to Appearance Â» Customize in the WordPress dashboard.

This will launch the theme customizer where you can fine-tune the theme settings and see your changes in the live preview.

If youâ€™re using one of the newer full site editing themes, then you’ll see the option for Appearance Â» Editor, which uses blocks similar to the content editor to customize your site.

Pro Tip: No matter what theme you’re using, neither the default WordPress customizer nor the full site editing offers a user-friendly drag and drop customization experience. For that reason, we recommend using a page builder like SeedProd to customize your theme.

Just remember that you can always return to this screen and continue customizing your theme. You can even completely change your WordPress theme at any point.

Step 4. Create a Custom Home Page

WordPress has two two default content types called posts and pages.

You’ll typically use posts to create articles and blogs. By default, the home page shows these posts in reverse chronological order, so the newest content appears at the top of the list.

You might use a blog to build a stronger relationship with their customers, improve your WordPress SEO, and get more traffic to your restaurant website. For example, you could write about recipes, share cooking tips, or blog about the latest restaurant industry news.

However, even if you plan to publish blog posts, you typically won’t show these on the home page. Instead, we recommend creating a custom home page that introduces your business to new visitors.

For step-by-step instructions on how to create an attention-grabbing restaurant home page, please see our guide on how to create a custom home page in WordPress.

Once you’re happy with the page’s design, it’s time to set it as your home page. To do this, go to Settings Â» Reading in the WordPress dashboard.

Here, scroll to â€˜Your homepage settingsâ€™ and select â€˜A static page.â€™

Next, open the â€˜Homepageâ€™ dropdown and choose the page that you want to use.

Then, simply scroll to the bottom of the screen and click on â€˜Save Changes.â€™ Now, if you visit your website you’ll see the new home page in action.

If you are going to write blogs, then make sure you create a separate blog page to display your posts. If you donâ€™t, then customers will struggle to find your latest WordPress blogs.

Step 5. Create an Online Restaurant Menu

Even long-term, loyal customers may want to look at your menu from time to time. By publishing your menu online, customers can look at it any time of day or night.

Publishing a menu can also help convince new customers to visit your restaurant.

It is possible to upload PDF files to your WordPress website. However, downloading a PDF menu can be difficult depending on the customer’s data plan and internet connection, and they’re non-responsive so they can be hard to read on some devices.

Plus, if you add new dishes or change your pricing, then you’ll also need to upload a completely new PDF.

For that reason, we recommend using SeedProd to add an online menu to your WordPress website. SeedProd also allows you to create a mobile responsive menu that looks great on every device.

You can also easily update the menu as you add new dishes, change the prices, remove dishes, and more.

SeedProd even comes with a â€˜Menu Sales Pageâ€™ template that’s perfect for creating a menu.

For detailed instructions, please see our guide on how to create an online restaurant menu.

Step 6. Set Up Online Food Ordering

Many restaurants allow customers to order food online. For example, you might give customers the option to pre-order their meal or place an order for delivery.

It may sound technical, but you can easily add online food ordering to your website using the WPForms plugin.

WPForms is the best WordPress form builder that allows you to create online order forms for all kinds of products and services.

It even comes with a ready-made â€˜Takeout Order Form’ that you can customize to suit your restaurant website.

Every time someone completes the form, WPForms will notify you automatically so you can start working on that order straight away.

If you don’t want to accept cash on delivery, then WPForms supports all of the best payment gateways including PayPal and Stripe. This allows you to accept payments securely online, which is quick and convenient for your customers.

For step-by-step instructions, please see our guide on how to set up food ordering for restaurants in WordPress.

Step 7. Add a Restaurant Booking Form

Today, most people expect to be able to book appointments through an automated system.

By adding a booking form to your restaurant website, you can accept reservations at any time of the day or night. Youâ€™ll never lose another customer just because you werenâ€™t around to answer the phone.

Booking forms can also automate a lot of the booking process. This includes collecting payments and emailing your customers to remind them about their upcoming booking.

You can easily add a restaurant booking form to your website using WPForms. This plugin has a ready-made dinner reservation form template that you can customize for your restaurant.

WPForms also integrates with all of the top email marketing providers. This makes it easy to send reservation confirmation emails to your customers.

As their booking approaches, you can even send the customer a reminder email, ask them to share any dietary requirements, send a pre-order form, and more.

To learn more about adding a reservation form to your WordPress website, please see our guide on how to create a booking form in WordPress.

Step 8. Add a Contact Us Form

Even if you use a WordPress appointment and booking plugin, some customers may still need to talk to you directly.

While visitors could ring your phone number or send a message to your business email address, we always recommend adding a contact form to your website.

Most of the best contact form plugins come with built-in spam protection, so you won’t get any contact form spam. A form will also collect consistent information from visitors, so you’ll have all the data you need to write a helpful reply.

The easiest way to add a contact form to your WordPress website is by using the free WPForms plugin.

This free plugin comes with a built-in Simple Contact Form template that you can quickly customize using the drag and drop editor.

Then, simply add the form to any page, post, or widget-ready area using the ready-made WPForms block.

For detailed instructions, see our guide on how to create a contact form in WordPress.

Step 9. Add a Navigation Menu

Once you’ve added some content to your restaurant website, you’ll want to help visitors find their way around those pages and posts by adding a navigation menu.

No matter what theme you’re using, WordPress makes it really easy to add menus and sub-menus to your restaurant website.

For a complete guide, please see our post on how to add a navigation menu.

Step 10. Add Social Proof to Your Restaurant Website

Social proof is one of the best ways to earn customer trust, and convince new people to visit your restaurant. After all, we’re more likely to try things that we see other people buying, using, or recommending.

People love sharing food photos on sites like Instagram and Facebook. With that in mind, we recommend adding social media feeds to your WordPress website.

Smash Balloon Instagram Feed is one of the best Instagram plugins for WordPress, and it allows you to easily show other peopleâ€™s photos on your site.

Using this plugin, you can create a hashtag feed and show photos that customers have tagged your account in. This includes photos of your food, venue, and shots of customers having fun at your restaurant.

For detailed step-by-step instructions, please see our guide on how to create a custom Instagram feed in WordPress.

If your customers regularly tweet about your restaurant, then Smash Balloon Twitter Feed also lets you create hashtag and mention feeds.

For more instructions on adding a Twitter feed to WordPress, see our guide on how to embed tweets in WordPress.

Step 11. Show Customer Reviews

Customer reviews and testimonials can provide visitors with more information, and may even solve any question or worries customers have about visiting your restaurant.

If you already have a Facebook page, then it’s easy to display your Facebook reviews in WordPress using Smash Balloon Facebook Feed.

If you want to show reviews from other platforms like Yelp or Google My Business, then there’s also plenty of customer review plugins for WordPress that you can use.

These plugins will collect reviews automatically and then organize them into a nice layout on your restaurant website.

If you do add a customer review page in WordPress, then don’t forget to add it to your navigation menu too.

Don’t have any reviews to feature on your website? Then it’s time to start asking for them.

WPForms has a a ready-made Restaurant Review Form template that you can add to your website.

Bonus Tips to Grow Your Restaurant Website

Now that you have setup your restaurant website, here are some top tips that you can use to grow your online business:
- Setup AIOSEO plugin to improve your website’s SEO ranking. There’s a free version available as well.
- Follow our ultimate WordPress SEO guide for more tips to outrank your competitor.
- See our proven tips to boost your website’s traffic.
- Setup a business phone number to increase your bookings and create a business email address to make your business look more professional.
We hope this tutorial helped you learn how to create a restaurant website with WordPress. You may also want to see our ultimate WordPress security guide and our expert pick of the must have WordPress plugins that you should install on all business sites.

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.

The post How to Easily Create a Restaurant Website with WordPress first appeared on WPBeginner.
09.03.2023
How to Fix the Facebook and Instagram oEmbed Issue in WordPress

Do you want to learn how to fix the Facebook and Instagram oEmbed issue in WordPress?

If you’ve previously added Facebook or Instagram content to WordPress using the default oEmbed or Embed block, then this feature no longer works. This can cause errors and missing content on your WordPress website.

In this guide, we’ll show you how to fix the Facebook and Instagram embed issue, so visitors can enjoy social content on your WordPress website.

What is the Facebook and Instagram oEmbed Issue in WordPress?

In the past, you could easily embed Instagram and Facebook posts in WordPress using a protocol known as oEmbed.

However, Facebook changed the way that oEmbed works so you can no longer easily embed videos, pictures, updates, and other content from Facebook or Instagram.

Instead, you now need to register an app and use a client token to get data from the Facebook Graph API, before you can embed Facebook or Instagram content on your WordPress blog.

This would take a lot of time and effort, especially if you want to show lots of different social posts across your website. With that in mind, the people behind WordPress decided to remove the Facebook and Instagram embed feature.

If you previously added any Facebook content to your website using oEmbed, it’ll now look something like the following image.

If you embedded any Instagram posts using oEmbed, then you’ll get a similar error.

This is a bad user experience, and some visitors may assume that your website is broken, no longer maintained, or that you’re not a trustworthy or reliable business.

There are ways to fix the problem manually. For example, you might go through each page and post and delete the embedded content. However, this would take a lot of time and effort, and there’s no guarantee you’ll manage to find every broken embed.

With that being said, let’s see how you can easily fix the Facebook and Instagram oEmbed issue on WordPress.

How to Fix the Facebook & Instagram oEmbed Issue

The easiest way to fix the oEmbed issue is by using one of the free Smash Balloon plugins.

If you want to embed Instagram posts in WordPress, then you’ll need the Smash Balloon Social Photo Feed plugin.

Want to embed a Facebook post in WordPress? Then you can use the free Smash Balloon Social Post Feed plugin instead.

First, you need to install and activate the plugin. For more details, see our step by step guide on how to install a WordPress plugin.

After installing either plugin, simply head over to Instagram Feed Â» oEmbeds or Facebook Feed Â» oEmbeds, depending on the plugin you’re using.

We’re using the Social Photo Feed plugin in all our images, but the steps will be exactly the same no matter what plugin you’re using.

On this screen, simply click on the ‘Enable’ button.

That’s it. You can now embed Facebook and Instagram posts on your WordPress website.

How to Embed Instagram or Facebook Posts in WordPress

Whether you’re using Facebook or Instagram, you can embed a specific post in any page, post, or widget-ready area, such as the sidebar.

One option is to open the page or post where you want to show the social content. Then, click on the ‘+’ icon and type in ‘Embed.’

When the right block appears, click to add it to the page or post.

In the â€˜Embedâ€™ field, simply paste the URL of the Instagram or Facebook post that you want to show on your website.

Then, click on â€˜Embed.â€™

WordPress will now show that specific post. When you’re ready to make the post live, simply click on ‘Update’ or ‘Publish.’

Now when you visit the page, you’ll see the social media post live.

Another option is adding the Instagram or Facebook post to a widget-ready area such as the sidebar. That way, you can promote the same post across every page of your website.

For example, you might embed your most popular Instagram post or a post promoting a sale or social media contest you’re using to grow your site.

To add a Facebook or Instagram post to a widget-ready area, simply go to Appearance Â» Widgets and click on the blue â€˜+â€™ button.

In the search bar, type in â€˜Embedâ€™ to find the right block.

When the â€˜Embedâ€™ block appears, drag it onto the area where you want to show the Facebook or Instagram post.

In the â€˜Embedâ€™ field, simply paste the URL of the Instagram or Facebook post that you want to show on your website. Then, click on â€˜Embed.â€™

WordPress will now show that specific post.

If youâ€™re happy with how it looks, then click on â€˜Updateâ€™ to make it live.

Now, when you visit your website, youâ€™ll see the Instagram or Facebook post live.

How to Add an Instagram or Facebook Feed to WordPress

With the free Smash Balloon plugins, it’s easy to fix the oEmbed issue so you can add Facebook and Instagram posts to your website.

This is great if you only want to embed a small number of posts or you want to control exactly where each social post appears on WordPress. However, you may also want to embed a Facebook or Instagram feed on your website.

By creating a feed, you can show all your latest posts in a nice layout. Even better, the feed will update automatically so visitors will always see the newest posts without you having to update your site manually.

This can keep your site fresh and interesting, even for regular visitors.

If you want to embed Instagram content in WordPress, then you can use the Smash Balloon Instagram Feed plugin.

Want to create a feed showing your latest Facebook status posts, videos, reviews, and more?

Then you can use the Smash Balloon Facebook Feed plugin.

Want to add both Facebook and Instagram feeds to your WordPress website? Then you may want to look at Smash Balloon Social Wall.

This powerful plugin lets you combine any feeds you’ve created using the Smash Balloon plugins, including Facebook, Twitter, YouTube feeds, and more.

For example, if you’ve set up the Facebook Feed and Instagram Feed plugins, then you can simply go to Social Feeds Â» Create a Social Wall in your WordPress dashboard.

Here, you’ll see all the different feeds you’ve created so far.

Simply select each feed that you want to add to the social wall.

For example, you can combine posts from your Instagram and Facebook accounts.

Small Balloon Social Wall will then create a shortcode that allows you to add the social wall to any page, post, or widget-ready area.

For more information about working with shortcodes, please see our guide on how to add a shortcode in WordPress.

After placing the shortcode, simply save or publish your changes to make them live.

Now, if you visit your website, you’ll see a social wall featuring all the latest posts from your different accounts and platforms.

We hope this article helped you learn how to fix the Facebook and Instagram oEmbed issue in WordPress. You may also want to see our expert pick of the best social media plugins for WordPress, and our guide on how to create an email newsletter.

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.

The post How to Fix the Facebook and Instagram oEmbed Issue in WordPress first appeared on WPBeginner.

16.02.2023
How to Add Your Social Media Feeds to WordPress (Step by Step)
Do you want to add your social media feeds to a WordPress website?

Showing Facebook, Twitter, YouTube, and Instagram feeds on WordPress can get you more followers and engagement on social media. It’s also a great way to keep your website fresh and interesting.

In this guide, we’ll show you how to add custom social media feeds to WordPress and even create a social wall that brings all your social content together in one place.

Why Add Social Media Feeds to Your WordPress Site?

Billions of people use social media every day to connect with family, friends, and even brands. According to our marketing statistics research, people spend around 2 hours and 29 minutes on social media every day. That’s plenty of time to promote your content to existing followers and connect with new people.

If you have one or more social media accounts, then you’re already off to a good start. However, it’s also smart to add these social feeds to your WordPress website.

By embedding social media posts in WordPress, you can promote your different accounts to the people who visit your website. This can get you more likes, shares, and engagement.

If visitors like what they see, they might even decide to start following you on different social networks.

Once you’ve embedded a social feed, new posts will appear on your website automatically. This can be a great way to keep your website fresh and interesting, even for regular visitors.

If you run an online store, then a social media feed can even help you get more sales. In fact, 43% of people use social media to make purchasing decisions.

With the right plugin, you can display your Facebook page reviews in WordPress, or add shoppable Instagram images to your website.

With that being said, let’s see how you can add different social media feeds to WordPress.

How to Add Social Media Feeds to WordPress

The best way to add social media feeds to your WordPress blog is by using Smash Balloon.

It’s the best social media feed plugin for WordPress and it’s trusted by over 1.5 million users. With this plugin, you don’t have to spend time dealing with jQuery code, APIs, or trying to arrange your social posts in a nice layout. Everything just works.

Smash Balloon has separate plugins for all the major social networks including YouTube, Twitter, and Facebook. It even allows you to combine multiple social networks and show all of your posts in a single feed.

With that being said, let’s see how you can add different social feeds to your WordPress website. Simply use the quick links below to jump straight to the social network that you want to add.
Adding a Facebook Social Media Feed in WordPress

Facebook is the most popular social media platform in the world, with 2.9 billion monthly active users. No matter whether you have a small business website, a personal blog, a WordPress membership website, or something else, it’s very likely that your target audience are familiar with Facebook.

When you add a Facebook feed to WordPress, new posts will appear on your website in real-time. Visitors can also like, share, and comment on your WordPress posts, so this is a great way to get more engagement on Facebook.

The Smash Balloon Custom Facebook Feed plugin allows you to embed Facebook videos in WordPress, show photos and videos, and more.

You can even create a custom lightbox popup so visitors can see your full-sized images and watch your Facebook videos, without having to leave your WordPress website.

If you host regular in-person or online events, then it’s a good idea to create them as Facebook events on your page or group. Visitors can then mark themselves as interested or going to the event, invite other people, and share the event on their own Facebook page.

Once you’ve added these events to Facebook, you can easily promote them to the people who visit your website. Simply create a feed of your upcoming Facebook events and then add it to your WordPress website.

To learn more, please see our guide on how to add a Facebook event calendar in WordPress.

No matter what kind of Facebook feed you create, you can fine-tune how that feed looks and acts using the intuitive Smash Balloon editor.

Here, you can change the feed’s color scheme, design a custom header, add ‘like’ and ‘load more’ buttons, and much more.

For detailed step-by-step instructions, please see our guide on how to create a custom Facebook feed in WordPress.

Adding an Instagram Social Media Feed in WordPress

With more than 2 billion monthly active users, Instagram is a great place to promote your website, products, and services.

Depending on your industry, Instagram may even be the most important part of your social media strategy. For example, Instagram is particularly popular among top fashion blogs, lifestyle, cooking, and photography websites.

If you’re posting beautiful photos and engaging videos to Instagram, then it makes sense to post that content to WordPress too.

By adding your Instagram social feed to WordPress, you can offer visitors a highly engaging and visual experience directly on your website. This can increase pageviews and reduce bounce rate in WordPress.

You can add images in WordPress manually, but you’ll need to keep adding new photos as you post them to Instagram. This can take a lot of time and effort.

Since there’s no link between your WordPress website and your Instagram account, visitors can’t easily like or share these photos on Instagram. As a result, you may miss out on lots of social media engagement.

The easiest way to add an Instagram feed to WordPress is by using the Smash Balloon Instagram Feed plugin. This plugin allows you to embed a beautiful and professionally-designed Instagram feed on your website.

The feed updates automatically every time you post to Instagram, so visitors always see the latest photos.

You can even show other peopleâ€™s photos on your site by creating a hashtag feed or displaying the posts that other people have tagged your account in. This can be a powerful form of social proof that encourages people to trust your website or business.

In the following image you can see an example of an online store that uses a custom Instagram feed to show user-generated content.

In this way, you can use a custom Instagram feed to create customer trust and make more money online.

For detailed step-by-step instructions, please see our guide on how to create a custom Instagram feed in WordPress.

Adding a Twitter Social Media Feed in WordPress

WordPress lets you manually embed tweets in WordPress blog posts and pages using the built-in Twitter block.

However, this block only lets you embed a single tweet at a time. This is a quick and easy method if you just want to show a small number of tweets. However, if you want to embed multiple tweets then we recommend using Smash Balloon Twitter Feed.

This plugin allows you to create a Twitter feed that updates automatically as you post new tweets. You can then add this feed to any page, post, or widget-ready area.

Smash Balloon Twitter Feed also lets you create hashtag feeds.

This is useful for adding context and third-party content to your blog posts. For example, if you’re starting a fashion blog then you might create feeds for popular fashion-related hashtags such as #lookbook or #OOTD.

You can even use Smash Balloon to show the Twitter feed from a third-party account. This is perfect if you have a relationship with an influencer or affiliate marketer, and want to show their tweets on your website.

For more instructions on adding a Twitter feed to WordPress, see our guide on how to embed tweets in WordPress.

Adding a YouTube Social Media Feed in WordPress

Blog posts with videos get 83% more traffic than those without videos. With that in mind, we recommend adding your YouTube videos to WordPress, too.

If you run an online store using a plugin such as WooCommerce, then videos can even get you more sales. In fact, 88% of people have bought a product or service after watching a video.

If you’ve created any YouTube videos showing your products or services, then adding them to your website could boost your profits.

If you only want to add a small number of videos to your site, then itâ€™s easy to embed YouTube videos in WordPress blog posts. However, if you want to show more than one video, then itâ€™s difficult to create a nice gallery layout using the built-in blocks and tools alone.

That’s why we recommend embedding your YouTube channel feed using Feeds for YouTube by Smash Balloon.

For step-by-step instructions, please see our guide on how to show the latest videos from your YouTube channel in WordPress.

After connecting WordPress to your YouTube channel, you can customize how the videos look with Smash Balloon’s user-friendly editor.

When you’re happy with how the feed looks, you can easily add it to any page, post, or widget-ready area using shortcode.

The Smash Balloon plugin also comes with a ready-made Feeds for YouTube block.

The free plugin has everything you need to create a YouTube video gallery in WordPress, but if you want more advanced features, then there’s also a premium Smash Balloon YouTube Feed plugin that you can use.

This plugin allows you to show videos from your favorites list, embed live streams, and more.

Adding a Combined Social Wall in WordPress

So far, you’ve seen how to add individual feeds from different social media platforms. However, many websites have multiple social media accounts, such as a Facebook page, a YouTube channel, and a Twitter profile.

If you create unique content for each platform, then you may want to combine all of that content into a single social media feed. This kind of social wall can convince visitors that you have a big presence on social media, and that you’re creating all kinds of interesting and varied content across the different platforms.

This single feed can get you followers and engagement across multiple platforms. It’s also a good choice if you have limited space, and don’t want to fill up your website with lots of separate social media feeds.

If you want to combine several social media accounts into a single feed, then we recommend the Smash Balloon Social Wall plugin.

It’s the best social stream plugin for WordPress and allows you to combine Instagram, Facebook, Twitter, and YouTube social content into a single feed.

Already used the Smash Balloon plugins to create separate Facebook, Instagram, Twitter, or YouTube feeds? Then you can add these feeds to your social wall with a few clicks.

Social Wall will then take your settings and automatically create a shortcode that you can add to any page, post, or widget-ready area. Simply publish your changes, and the social wall will appear on your website.

Note: To use this plugin, you’ll need to install and activate at least one of the Pro Smash Balloon plugins mentioned above. For example, if you wanted to show Facebook and Instagram content on your social wall, then you’ll need both the Social Post Feed and the Social Photo Feed plugins.

To get started, you’ll need to install and activate the Smash Balloon Social Wall plugin. For more information, please see our guide on how to install a WordPress plugin.

Once the plugin is installed and activated, go to Social Feeds Â» Create a Social Wall.

Simply select each feed that you want to add to the social wall.

For example, you can combine posts from your Instagram and Facebook accounts.

On this screen you can also connect any extra social accounts that you want to use.

Simply click on a ‘Connect…’ button and then follow the onscreen instructions to connect the social media account.

After that, click on the ‘Customize’ tab.

Here, you can change the number of posts to show in the social wall, the feed layout, how often it updates, and more.

There are other settings you can use to change the wall’s color scheme, background color, button text, and more. Most of these settings are fairly self-explanatory, so it’s worth looking through them to see what changes you want to make.

When you’re finished, click on ‘Save Changes’ to store your settings.

Once you’ve done that, click on the ‘Configure Wall’ tab. Here, you’ll see a shortcode that allows you to add the social wall to any page, post, or widget-ready area.

For more information about working with shortcodes, please see our guide on how to add a shortcode in WordPress.

After that, simply publish the page or post, or update the widget-ready area to make your social wall live.

We hope this article has helped you add social media feeds to WordPress. You may want to see our guide on how to create an email newsletter, or our expert pick of the best live chat software for small businesses.

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.

The post How to Add Your Social Media Feeds to WordPress (Step by Step) first appeared on WPBeginner.
08.01.2023