Friday, July 17, 2020

21 Best WordPress Themes for Family Blogs (2020)

Are you looking for the best WordPress themes for your family blog?

Lots of people use WordPress to build small family websites. It allows them to share family news, events, and photographs with their friends and relatives.

In this article, we will show you some of the best WordPress themes for family blogs.

Best WordPress Themes for Family Blogs

Creating Family Blogs with WordPress

First, you need to choose the right website platform for your family blog. We strongly recommend using WordPress from WordPress.org.

Self-hosted WordPress from WordPress.org is different from the version of WordPress at WordPress.com. You can check out our complete article on the difference between WordPress.com vs WordPress.org.

To start your WordPress blog, you will need a domain name and web hosting.

A domain name is your website’s address on the internet (like wpbeginner.com). Web hosting is where your website itself is stored.

We recommend using Bluehost for your web hosting. They are the most popular web hosting provider, and an official WordPress hosting partner.

Even better, Bluehost is giving WPBeginner readers a great deal. You can get a free domain name, a free SSL certificate, and a 65% discount on web hosting. Just go through our link to Bluehost to get the offer applied automatically.

Bluehost WordPress hosting

Next, you will need to install WordPress. After that, check out our complete guide on how to make a website.

Let’s take a look now at some of the best WordPress themes for family blogs that you can use.

1. Astra

Astra

Astra is a lightweight WordPress multipurpose theme. It comes with dozens of starter sites and addons that you can use to create a family blog or website easily. It’s a great choice for new bloggers.

It has built-in speed optimization that makes your blog fast. Astra also integrates with all popular WordPress page builders for quick customization.

2. Divi

Divi

Divi is a powerful WordPress all-purpose theme. It includes a built-in page builder that lets you make a blog or website without editing any code.

It ships with 1200+ ready-made website layouts that cover a huge range of topics and styles. You can easily select a family blog layout and replace the content with your own words and images to get started quickly.

You can install Divi on as many websites as you like at no extra cost, so it’s a great choice if you plan to have more than one site. For instance, you might create a family blog plus a money-making blog.

3. OceanWP

OceanWP

OceanWP is a free WordPress theme for all kinds of websites. It features multiple demo sites, including family blogs, personal training, parenting, and more.

Inside, you’ll also find extensions for social media, post types, layout settings, and a mega menu. It’s really easy to set up using the WordPress customizer with live preview.

4. Neve

Neve

Neve is an excellent WordPress theme designed specifically for one page and multi-page websites. It offers several built-in templates for family blogs, parenting, and related websites.

The theme comes with header and footer layouts, full-width templates, and page templates. It’s highly flexible and easy to set up using page builders.

5. Ultra

Ultra

Ultra is a modern WordPress multipurpose theme built to create any type of website. It has a few starter sites with beautiful layout designs and landing pages.

It comes with powerful addons, Themify drag and drop builder, color choices, and crisp typography. It supports eCommerce to create an online store easily. This could be perfect if you want to start a small family business.

6. Pretty Chic

Pretty Chic

Pretty Chic is a beautiful WordPress theme built on top of the Genesis framework. The theme is well-suited for family, parenting, and baby blogs. You could also use it for a wedding website.

It comes with 3 navigation bars, a full-width widget area, and beautiful page templates. It has ad spaces to display third-party products and make money online.

StudioPress is now part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all 35+ other StudioPress themes when you sign up for WP Engine hosting to build your website.

Bonus: WPBeginner users also get an additional 20% OFF. Get started with WP Engine today!

7. Paperbag

Paperbag

Paperbag is a minimalist WordPress theme for family blogs, personal blogs, and photography websites. It comes with an image gallery and beautiful typography to engage your users.

Other notable features include multiple layout choices, 80+ customizer settings, 20+ color schemes, post formats, sidebars, and custom widgets.

8. Wedding Day

Wedding Day

Wedding Day is a WordPress family blog theme designed specifically for wedding and event websites. It comes with a filterable photo album to showcase your photos beautifully.

The theme features include a grid layout, page templates, popular posts section, featured video and image, RSVP form, Google Web fonts, and homepage slider.

9. Hestia Pro

Hestia Pro

Hestia Pro is a stylish WordPress multipurpose theme. It comes with one-page and multi-page templates to create your family blog or website quickly.

It includes custom layout options, a fully customizable header, a video background, and full-width page templates. Hestia Pro is compatible with WooCommerce and popular WooCommerce plugins to sell your homemade products online.

10. Brigsby

Brigsby

Brigsby is a free WordPress theme. It features a light color scheme with a beautiful display of images on the homepage.

It’s a multipurpose theme, and you can use it for your personal, family, photography, or magazine website. It comes with 2 navigation menus, social icons, and easy customization options.

11. Salt and Pepper

Salt and Pepper

Salt and Pepper is a WordPress recipe and food blog theme. It’s well-suited for a family website to share food recipes online.

The theme includes a recipe filter, ingredients list, and contact form. It seamlessly integrates with WPML to create a multilingual website.

12. Brittany

Brittany

Brittany is an elegant WordPress all-purpose theme. It comes with gorgeous typography and a beautiful display of images.

It offers tons of customization options, including custom colors, widgets, header, background, and more. It also supports WooCommerce out of the box.

13. Peak

Peak

Peak is a multipurpose WordPress theme with a unique grid layout. Peak is well-suited for family blogs to share photos, events, or general news.

It has sliding menus, sidebars, full-width single pages, and multiple layouts for single posts. It also comes with a mega menu so you can easily show your best content to readers.

14. Hueman

Hueman

Hueman is one of the most popular free WordPress themes. It offers 2-column and 3-column layouts to create family blogs easily.

It comes with 2 navigation menus, a social menu, custom widgets, custom header and background, and multiple widget-ready areas. You can use the WordPress live customizer to set up your blog in a few clicks.

15. Foodie

Foodie

Foodie is a WordPress theme for food, family, and healthy lifestyle blogs. It comes with a recipe-builder where you can enter ingredients and quantity to create beautiful lists automatically.

It focuses on a beautiful display of photographs, large featured images, and beautiful thumbnail displays. You can set up your website quickly using the WordPress customizer and any page builder.

16. Tinos

Tinos

Tinos is a classic WordPress theme suitable for personal and family blogs. It comes with multiple color schemes and lets you change colors on a page by page basis.

It includes multiple post formats to display your content stylishly. Tinos has beautiful typography and a multi-column layout to make your site look great.

17. Ashe

Ashe

Ashe is a free WordPress blog theme designed for family, lifestyle, fashion, health, fitness, and personal bloggers. It comes with a custom header image to display a beautiful cover photo on top of the page.

The theme has 2 navigation menus, an image slider, an Instagram widget, a footer menu, and more. It’s compatible with Beaver Builder for customization.

18. Wellness Pro

Wellness Pro

Wellness Pro is one of the best WordPress themes for family blogs. It’s also ideal for fitness, health, lifestyle, and wellness blogs or websites.

It comes with 12 widget areas to quickly set up your homepage. The theme works seamlessly with WooCommerce and BigCommerce to launch your online business.

19. Cookely

Cookely

Cookely is a flexible WordPress family blog theme for your recipe and food blog. It has a minimal layout and stylish fonts that make your content pop out.

It comes with a featured content section on the homepage to display your top recipes. Also, it includes 2 navigation menus, color choices, and social sharing icons.

20. Blossom Travel

Blossom Travel

Blossom Travel is a free WordPress family blog theme built specifically for travel bloggers, adventurers, and travel lovers. It comes with an email newsletter subscription form to help you share your journey with readers.

This theme lets you easily display your Instagram photos plus a follow button to grow your Instagram followers. It has simple theme options to set up your website.

21. Coastline

Coastline

Coastline is a stylish WordPress theme with a focus on photos and videos. It’s perfect for photography, fashion, and family blogs.

It comes with a 3-column layout, left sidebar, multiple page templates, and color schemes. It also includes custom widgets and a portfolio template to design your homepage quickly.

We hope this article helped you find the best WordPress theme for family blogs. You may also want to check out our complete guide on the best WordPress photo gallery plugins.

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 21 Best WordPress Themes for Family Blogs (2020) appeared first on WPBeginner.


July 17, 2020 at 04:54PM

Thursday, July 16, 2020

What’s Coming in WordPress 5.5 (Features and Screenshots)

WordPress 5.5 beta is out, and it is scheduled to be released on August 11, 2020. This will be the second major WordPress release of the year, and it comes packed with many new features and improvements.

We’ve been following the development closely and testing the first beta to try out new features that are on the way.

In this article, we will show you what’s coming in WordPress 5.5 with features and screenshots.

What's coming in WordPress 5.5 with features and screenshots

Note: You can try out the beta version on your computer or on a staging environment by using the WordPress Beta Tester plugin.

WordPress 5.5 is still under development, which means features can still change and may not make into the final release.

Having said that, let’s take a look at what’s coming in WordPress 5.5.

New Features and Improvements in The Block Editor

Back in late 2019, WordPress introduced a new writing experience with WordPress 5.0. This new writing interface is called the block editor (aka Gutenberg).

Since then, each new WordPress release brings tons of updates to the editor. WordPress 5.5 will come with many such improvements and new features that will enhance your writing experience several folds.

The following are just some of the enhancements that you may want to try out.

UI Improvements in Block Editor

WordPress 5.5 will come with major UI improvements to the block editor. You will notice borders around toolbars and buttons, new icons, and focus highlighting as you move across blocks while writing.

Block Editor UI changes in WordPress 5.5

The (+) button for adding a new block has changed too and is now more noticeable and looks more like a button.

The New Block Directory

WordPress 5.5 will bring the new block directory to life. These are just WordPress plugins that add new blocks to the block editor, and there are already dozens of new blocks available.

The block directory is also built-in to the ‘Add New block’ search. You can simply search for a feature, and if there is no block that matches your search, then it will automatically show matching results from the block directory.

Search block directory

The block directory includes individual blocks. It does not include block library plugins which ship with multiple useful blocks that you can install.

Block Patterns coming in WordPress 5.5

WordPress 5.5 will introduce block patterns. They are ready-to-use blocks with commonly used settings to help you quickly add them to make layouts.

Block patterns

There are currently a handful of patterns already available. This will grow as plugins, WordPress themes, and the core continues registering more patterns.

Streamlined Block Navigation and Movement

WordPress 5.5 will also make it easier to move blocks around inside the content editor. You can simply click on the block handle and drag it up and down.

Moving blocks around in WordPress 5.5

Another improvement is the ability to select the parent block in the nested blocks like the group or columns block.

Inline Image Editing

WordPress allows you to do some basic image editing like crop, resize, rotate, and scale. However, to do that you need to open the image in the media library.

WordPress 5.5 will allow you to edit images inline without leaving the block editor. You’ll be able to scale, crop, rotate, and resize an image on the spot.

Inline image editing in WordPress 5.5

Auto Updates for WordPress Plugins & Themes

WordPress comes with a powerful updates management system. It also allows you to enable auto-updates for WordPress plugin and themes by changing your WordPress configuration or by using a third-party plugin.

WordPress 5.5 will allow you to enable automatic updates for plugins and themes via the admin dashboard. You’ll be able to go to the plugins page and click on the ‘Enable auto-updated’ next to the plugins that you want to be automatically updated.

Enabling auto-updates for plugins in WordPress 5.5

Similarly, you can also enable auto-updates for themes. Simply click on a theme on Appearance » Themes page and then click on the ‘Enable auto-updates’ link.

Auto updates for themes

The New Default WordPress XML Sitemaps

An XML sitemap is a file that lists all of your website content in XML format. This helps search engines like Google to easily discover and index your content.

It plays a very significant role in the WordPress SEO set up. All top WordPress SEO plugins come with XML sitemap feature built-in.

WordPress 5.5 will come with a built-in sitemaps feature enabled by default. It will create a new sitemap index file called wp-sitemap.xml which will contain links to all other sitemap files it will generate.

Default WordPress generated sitemaps in WordPress 5.5

The default Sitemap feature will support all post types, taxonomies (categories, tags and custom taxonomies), and author archives. However, it will still be only providing the basic required functionality of XML sitemap protocol.

If you are already using a WordPress SEO plugin that comes with its own XML Sitemaps, then you don’t need to do anything. The two biggest SEO plugins All in One SEO Pack and Yoast SEO have decided to continue providing their own sitemaps because they offer advanced customization features to help you get higher rankings.

Default Lazy Load Images in WordPress

Images take longer to download than plain text and this increases page load times. Optimizing images for the web can help you boost the speed and performance of your WordPress website.

One most commonly used technique is to lazy load images. This technique only downloads images that are visible on the user’s browser screen. Other images are downloaded as a user scrolls down your website.

WordPress 5.5 will make it a default option for all sites by adding the ‘loading’ attribute to img tag. This attribute is supported by all modern web browsers (except Safari).

Lazy loading images in WordPress 5.5

This is an important performance bump not just for your WordPress site but for the whole internet. WordPress is the most popular website builder, and it is used by more than 35% of all websites on the internet.

Lazy loading images will save a lot of bandwidth and improve the performance of WordPress hosting servers. It will also make websites faster which is always a good thing.

Update Themes and Plugins with a Zip File

Sometimes WordPress plugin or theme updates may not work as expected in which case you have to manually update a theme or plugin. Currently, you can do that by using an FTP client.

WordPress 5.5 will allow you to do that inside the WordPress dashboard. You’ll be able to go to Plugins » Add New page and click on the Upload button.

Upload plugin zip file

Now go ahead and upload the zip file you downloaded for the plugin update. WordPress will automatically detect that this plugin is already installed and give you an option to ‘Replace current with uploaded’.

Replace current with updated version

Similarly, you can also install updates for WordPress themes. Simply go to Appearance » Themes page and click on the ‘Add New’ button. After that click on the Upload Theme button to upload your theme zip file.

Upload theme file

WordPress will detect that you already have that theme installed and will give you the option to ‘Replace current with uploaded’ version.

Replace theme with new version

Under The Hood Changes in WordPress 5.5

WordPress 5.5 will also be bringing lots of changes for developers to explore and use in their own themes, plugins, and projects.

WordPress 5.5 will ship with several updated external libraries like phpMailer, SimplePie, Twemoji, and more. (See details). If you’re using our WP Mail SMTP plugin, then it’s already updated with the new phpMailer library.

Developers can control the auto-update options by disabling, enabling, or selectively blocking them for specific plugins or themes. (See details)

Dashicons will be updated and include 65 new icons. (See details)

WordPress 5.5 will come with the ability to scan for PHP compatibility issues more effectively. (#49922

We hope this article helped you get a good idea of what’s coming in the WordPress 5.5 release. Let us know what features you find interesting and what you’d look to see in a future WordPress release.

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 What’s Coming in WordPress 5.5 (Features and Screenshots) appeared first on WPBeginner.


July 16, 2020 at 05:15PM

Wednesday, July 15, 2020

How to Easily Hide Widget Title in WordPress

Do you want to hide the title of a WordPress widget in your sidebar or footer?

WordPress widgets make it easy to drag and drop dynamic content into your theme to create unique layouts. However if you need to hide the widget title, then it typically requires coding knowledge of CSS and HTML.

In this article, we’ll show you how to easily hide the widget title in WordPress (without any code).

Hiding widget title in WordPress

Why Hide Widget Title in WordPress?

WordPress displays a default title for widgets, and it also allows you to rename them if you want. Most top WordPress themes will then display this title in the sidebar on your site.

Widgets titles displayed in sidebar

However, sometimes you may not want to display the widget title in the WordPress blog sidebar. By default, there is no built-in option to simply switch off widget titles.

That being said, let’s take a look at how you can easily hide the widget title in the WordPress sidebar.

Hiding Widget Title in WordPress

First, you want to install and activate the Widget Options plugin. For more details, please see our complete guide on how to install a WordPress plugin.

Once the plugin is activated, head over to Appearance » Widgets area in your WordPress admin area. Next, drag and drop a widget to your sidebar or any other widget-ready area on your site.

Drag and drop widget into sidebar

In this example, we’re going to remove the widget title ‘Search The Site’ from our search box in the sidebar.

Sidebar widget view

Simply click the arrow to open the widget and view the options to hide the title.

Hide widget title settings

Make sure you click on the ‘gear’ icon, and then check the box next to ‘Check to hide widget title’ and click the ‘Save’ button.

Now, when you view your site, the WordPress search box will appear without the widget title.

Widget title hidden on site

You can use this plugin to hide any widget title. The plugin also comes with multiple settings to hide or display titles based on page or post types and even screen sizes.

We hope this article helped you learn how to easily hide widget titles in WordPress. You may also want to check out our list of the most useful WordPress widgets for your site, and our comparison of the best drag and drop WordPress page builder plugins.

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 Hide Widget Title in WordPress appeared first on WPBeginner.


July 15, 2020 at 05:30PM

Tuesday, July 14, 2020

How to Add Syntax Highlighting in WordPress Comments

Do you want to add syntax highlighting in WordPress comments? By default, WordPress does not come with any syntax highlighting for comments, posts, or pages.

If you have articles about coding or programming on your website, then sometimes your users may want to leave code examples in comments.

In this article, we’ll show you how to easily add syntax highlighting in WordPress comments.

Adding syntax highlighting in WordPress comments

Why and When You Need Syntax Highlighting in WordPress Comments

WordPress does not allow you to just paste code snippets inside your articles due to security reasons.

You can show some code samples by adding the code block in your post or pages using the block editor.

Adding code block

After that, you can add your code snippet inside the text area of the code block.

Adding code in WordPress code block

You can now save changes to your post or page and preview it to see your code in action.

Depending on your WordPress theme, it will usually be displayed in a very simple block of text and without any syntax highlighting.

A simple default code block

This does not look good, and it is not very helpful for your users.

Syntax highlighting is a styling format commonly used to display code. It adds line numbers and colors to highlight code patterns which makes it easy to understand.

Here is an example of a code snippet with some syntax highlighting. Notice the line numbers and colors used to highlight different elements in the code:

<html>
        <head>
                <title>My Awesome Website</title>
        </head>
        <body>
                <h1>Welcome to My Homepage</h1>
        </body>
</html>

Now if you run a WordPress blog about coding or programming, then you need syntax highlighting to properly display code inside your articles.

You may also want your users to be able to use the same syntax highlighting in comments, which will make comments more interesting and engaging for users.

That being said, let’s take a look at how to add syntax highlighting in WordPress comments, posts, and pages.

Adding Syntax Highlighter in WordPress

The easiest way to add syntax highlighting in WordPress is by using the Syntax Highlighter Evolved. It is super easy to use and allows you to enable syntax highlighting in WordPress posts, pages, and comments.

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

Upon activation, you need to edit the post or page where you want to add code. On the post edit screen, click on the (+) icon to add a new block and then insert the ‘SyntaxHighlighter Code’ block to your content area.

Adding Syntax Highlighter code block in WordPress

You will now see a new code block in the post editor where you can enter your code. After adding the code, you need to select the block settings from the right column.

SyntaxHighlighter block settings

From here, you can select the programming language for your code, show or hide line numbers, make links clickable, and more.

Once you are finished, go ahead and save your post or page. You can now visit your website to see your code with syntax highlighting.

Syntax highlighter enabled in post

That was easy, wasn’t it?

However, WordPress comments don’t have block editor support. Let’s see how your users can use Syntax Highlighter Evolved with their comments.

Adding Syntax Highlighting in WordPress Comments

Syntax Highlighter Evolved is enabled for WordPress comments by default. However, in order to use it in the comments, the code needs to be wrapped around shortcodes.

The plugin comes with several shortcodes named after all popular programming and scripting languages.

Simply wrap your code around square brackets with the language name. For example, if you are going to add PHP code, then you will add it like this:

[php]
<?php
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]

Similarly, if you wanted to add an HTML code, then you will wrap it around the HTML shortcode like this:

[html]
<a href="https://example.com">Demo website</a>

[/html]

Adding Syntax Highlighting Notice in Comment Form

While it is easy to use syntax highlighting with shortcodes, the problem is that your users wouldn’t know that they can do that.

Luckily, there is a quick way to let them know that they can use syntax highlighting with shortcodes.

For that, you’ll need to add a custom code snippet to your WordPress site. If you have not done this before, then take a look at our guide on how to add custom code in WordPress.

You will need to add the following code in the code snippets plugin, functions.php file, or a site-specific plugin.

function wpbeginner_comment_text_before($arg) {

$arg['comment_notes_before'] .= "<p class='comment-notice'>You can use shortcodes for syntax highlighting when adding code. For example, [php][/php] or [html][/html]</p>";

return $arg;

}

add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');

This code simply displays a notice just before the comment field in the WordPress comment form. However, it does not display the notice for logged in users.

You can now open a new browser window in the incognito mode or simply log out of your WordPress admin area. After that, you can visit any post on your blog to see thee syntax highlighting notice in action.

Adding syntax highlighter notice before comment field

You can also add custom CSS to style this text. We have used the following custom CSS code on our demo site, feel free to use this as a starting point.

p.comment-notice {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

We hope this article helped you add syntax highlighting in WordPress comments. You may also want to see our guide on how to allow users to upload images in WordPress comments and some handy tips to style WordPress comment form.

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 Syntax Highlighting in WordPress Comments appeared first on WPBeginner.


July 14, 2020 at 05:07PM

Monday, July 13, 2020

How to Add Instagram Shoppable Images in WordPress

Do you want to add shoppable Instagram images to your WordPress site?

Instagram shoppable images have links that people can easily click on to buy your products. This is a powerful way to showcase your products and drive more sales from Instagram.

In this article, we’ll show you how to easily add Instagram shoppable images in WordPress.

Adding shoppable Instagram images in WordPress

Why Add Shoppable Instagram Images in WordPress?

A shoppable Instagram feed is a series of photos where each photo has a link to a product or service on your site. Customers can simply click on the link in an image’s caption to buy that product in your online store.

Using Instagram to display photos allows you to leverage Instagram’s massive user base. At the same time, it also helps your website visitors a chance to discover your Instagram account.

You can send traffic to individual product pages in WooCommerce. You can also use the feed to display recent posts across your website while at the same time growing your Instagram following.

Creating a Shoppable Feed and Adding It to Your Site

First, you need to upload the images that you want to use on your Instagram account.

For each image that you want to make shoppable, you need to add the relevant product (or service) page’s URL in the photo’s caption on Instagram.

Here’s a photo in our Instagram feed with a URL in the caption. When the photo and caption are embedded on our site, that URL will link to the product’s sales page: https://example.com/product/floral-dress/

A photo on Instagram with a product URL in the caption

Once you’ve done this for all the images you want to use, it’s time to add your shoppable Instagram feed to your site.

Connecting Your WordPress Site to Your Instagram Account

For this tutorial, we’ll be using the plugin Smash Balloon Instagram Feed Pro. It is the best Instagram plugin for WordPress and allows you to easily add Instagram photos to your WordPress website.

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

Upon activation, you need to visit the Instagram Feed » License page in your WordPress admin area to enter your license key. You can find this information under your account on the Smash Balloon website.

Adding your Instagram Feed license

Don’t forget to click on the ‘Save Changes’ button at the bottom after activating your license key.

Now it is time to connect WordPress to your Instagram account. Simply, switch to the ‘Configure’ tab and click on the ‘Connect an Instagram Account’ button.

Connecting your Instagram account

You will then see a popup asking you to choose whether you’re using a Personal or Business Instagram profile. Since you’ll be using photos from your own account, you can use a Personal Instagram account.

Simply leave Personal selected and click the ‘Connect’ button to continue.

Connect your personal Instagram account to your WordPress site

This will take you to the Instagram website where you’ll be asked to allow Smash Balloon access to your Instagram account. Simply click on the ‘Authorize’ button to continue.

Authorize Instagram account

You’ll now be redirected back to your website where you will see your Instagram ID in a popup asking you to connect and add your account.

Connect your Instagram account

You need to click on the ‘Connect this account’ button to continue.

After that, you’ll see your Instagram account listed under plugin settings.

Your personal Instagram account is now connected to your WordPress site

Your Instagram account is now connected to your WordPress site, and you can easily display your recent Instagram uploads anywhere on your website.

Adding a Shoppable Instagram Feed to Your WordPress Site

Smash Balloon Instagram Feed Pro makes it very easy to display your Instagram photos anywhere on your WordPress blog.

Simply edit the post or page where you want to display your Instagram feed. On the post edit screen, click on the (+) button to add a new block and then insert ‘Instagram Feed’ block to your content.

Adding an Instagram feed block to your page

The plugin will then automatically load your Instagram feed and show a preview of it inside the editor. You can now save your post or page and visit your website to see it in action.

The Instagram feed live on the website

To buy any of the products, the reader can simply click on the image then click the URL in the caption. The URL will now be a link to that page on your website:

The Instagram image with its clickable link on the site

Display a Shoppable Instagram Feed in Sidebar

The plugin also allows you to easily display your Instagram feed in the sidebar.

Simply head over to the Appearance » Widgets page and add the ‘Instagram Feed’ widget to your sidebar.

Sidebar widget
Don’t forget to click on the save button in the widget settings.

You can now visit your WordPress website to see your Instagram feed in the sidebar.

Instagram sidebar widget preview

Customizing Your Shoppable Instagram Feed

Smash Balloon Instagram Feed Pro comes with beautiful layouts and customization options. This allows you to easily customize the styles and adjust it to your own requirements.

You can tweak the layout by visiting the Instagram Feed » Customize page. From here you’ll see layout options like carousel, masonry, grid, and highlight.

Customize your shoppable Instagram feed layout

Additionally, you can show and hide the header, load more button, follow button, and other options.

Show and hide items from your Instagram products feed

Don’t forget to click on the Save Changes button to store your settings.

You can now visit the post or page containing your Instagram feed, and it will automatically display with the new settings you applied.

Shoppable Instagram feed carousel layout

We hope this article helped you learn how to add Instagram shoppable images in WordPress. You may also want to see our guide on proven ways to recover abandoned cart sales, and our comparison of the best email marketing services for eCommerce.

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 Instagram Shoppable Images in WordPress appeared first on WPBeginner.


July 13, 2020 at 05:53PM