Blogs /

Brook’s shortcodes

Shortcode is a WordPress specific code that lets you do nifty things with very little effort. You can find a lot of amazing custom shortcodes in Brook. Let’s find out what we have in Brook!

Progress Bar: is a lightweight responsive progress bar, which can work well with any HTML5 theme. It provides unlimited color options for each individual progress segment, animate the segment or text with 5 different sizes.

Accordion: You may want to edit your theme’s main stylesheet in order to add some custom styling. Accordion is the perfect solution that allows users to add a few drop-downs to your page.

Blog: After creating a blog post, blog shortcode will help you to display it on the site by inserting it into a blog post list.

Blog Widgetthis tool lets users create a neat list of blog posts to be displayed on sidebar or footer.

Icon: You can add icons to your WordPress site using this shortcode. There are hundreds of icons to choose from in Brook. Besides, you also can add the content for those icons.

Box Icon: is a smart shortcode that allows you to create a box with an icon and add a description to it.

Flip Box: it lets you create a box that has a front side and a back side, which flips from one to the other when you hover over the box. Users can add up to four columns of boxes.

Button: Button shortcode allows you to create a highly customizable button, which contains the hyperlink to another page. You can change the button’s style, colors, size, and its description.

Button Group: This shortcode is for creating a collection of buttons that are related in some ways and for when you want to illustrate this relationship visually to the readers.

Countdown: This shortcode lets you create a clock counting down to a specific event such as an opening, a marriage ceremony, etc. Normally it counts down from the current time to a given date and time.  

Counter: If you need to place any counter of products, number of sale, categories and so on, Counter shortcode is here to help. A numerical counter will be added to your site for counting up or down and inset increment. You can easily control the speed and styling of the text as well.

Contact Form 7: Contact Form 7 is one of the most popular plugins in creating lead generating forms. It is a sharp weapon for you to keep in touch with and get information from customers.

Contact Form 7 box: This shortcode brings well-designed contact forms which have a vivid display with a box cover.

MailChimp Form: This shortcode assists users in creating a simple MailChimp subscription form in any place of their post.

MailChimp Form box: It makes a better display of MailChimp Form by providing a cover box.

MailChimp Form Popup: Easily display a Mailchimp Form using the popup.

Search box: This shortcode can be used to display a search box on a page or post as you wish.

Google Maps: This shortcode allows you to embed Google Maps in any WordPress post or page without having any impact on your site’s performance.

Gallery: The Gallery feature allows you to add one or more images to your posts and pages.

Heading: Heading is a powerful tool that goes beyond the theme’s defined headings. It is designed to be utilized in specific areas of your site.

Drop Cap: Use this to insert any letter of the alphabet in a drop cap style.

Text Box: For drawing users’ attention to a certain part of your page. TextBox shortcode offers options to adjust the style of a textbox on your post.

Blockquote: This element is used when you need to create a quote from another source as well as to give highlight to a block of text. It basically shows your text in a styled box that separates it from other words in a paragraph.

Message box: When you use this shortcode to display a highly impressive message, there are many styles for you to capture viewers’ attention for different purposes.

Single image: Besides adding a gallery or a group of images, sometimes you might just need to add a single image only. Then Single image shortcode is designed to solve your problem.

Table: Thanks to this shortcode, you can build your table, select a pre-built layout and display. You’ll be able to actively add a row or column to your table then insert your data.

Services list: Similar to List shortcode, Service list provides you with the ability to create a list with a better-featured image.

List: List shortcode allows you to easily create all kinds of ordered and unordered list for your site.

Grid Anything: An easy-to-use tool for arranging your post/page content. It allows you to put your content in columns of various widths.

Restaurant menu: This feature is for restaurant websites, which is useful for creating online menu easily. You can group those entries into menu types and choose to display your menu in a single list view.

Gradation: This shortcode allows you to present information as ordered blocks in a simple and stylish way.

Twitter: Embed your Twitter feeds to your WordPress site by using Twitter shortcode.

Instagram: This shortcode allows you to insert Instagram feeds into your post or page.

Circle Progress Chart: Add a circle progress chart to a post or page.

Bar Chart: Bar chart can be placed into a post or page using this shortcode.

Line Chart: Create line charts to add into a post or a page using this shortcode.

Pie Chart: Pie Chart assists users in inserting a pie chart to their post or page.

Attribute List: Attribute list is used to create a list of attributes based on the value.

Portfolio: You can use the shortcode to embed portfolio projects to your posts and pages. Your projects can be displayed in different ways depending on the settings of optional attributes in the portfolio layout.

Portfolio detail: Customize page layout by using WPBakery Page Builder (formerly Visual Composer) and drawing the value from portfolios.

Portfolio featured: this is a cool tool for generating an impressive display of the portfolios.

Info Boxes: Allows users to easily put a clean, responsive and beautiful info box  on their site. You can customize the maximum number of info boxes to show, the number of columns to use, which fields to display, how items should be ordered and so on.

Banner: this tool helps you to add a banner to your post or page with professional functions such as adding content and buttons.

Product: When mentioning a product in a post, page or homepage with the reference to its price, product name… this tool can replace the static text with a shortcode so the value are pulled dynamically from your Woocommerce store.

Product Categories: This shortcode allows you to display the group of products that fall into the same categories.

Product Search Form: Add a search product box to a page by using product search form shortcode.

Problem and solution: It’s for proposing a problem and potential solution in a clear and professional way.

Pricing group: Display the corresponding prices for different user groups. Specifically, you can offer special discounts for commercials, wholesales, premium members…

Pricing Box: Introduce all service packages in details for customers to consider.

Pricing Table: This shortcode generates beautiful pricing tables and comparison tables on your site.  

Pricing Rotate Box: This incredible shortcode brings about a great experience of a professional pricing rotate box. Your site will be entitled to leave a great impression.

Popup video: Popup video shortcut will add a responsive Youtube or Vimeo video lightbox popup to any page or post of your site.

Client logos: A great tool to display client, partners, sponsors, affiliate logos in carousel slider.

Slider: This shortcode embeds your dynamic sliders into a page or post with multiple slider types.

Slider Group: This shortcode allows you to group some other shortcodes such as box icon, group, team member then display them as a slider.

Slider Button: It helps you to add button in the available slider.

Slider Modern: Slider modern is an awesome shortcode which enables large slider to be included with smaller sliders inside.

Slider Gallery: You can use Slider Gallery to add as many sliders as you wish. You can also add more features by defining multiple attributes such as back and forth controls, selecting the transition, showing image title, adjusting the size of the display image, wrap the image with a link or exclude images.

Product Banner Slider: You can present your products by using the banner slider.

Group: This shortcode is useful to group number of different shortcodes in a row.

Team Member: This is for showcasing and introducing your staff/ customer services  on your website in the easy way.

Timeline: Timeline helps create a beautiful vertical history timeline. All users have to do is add a new post, set image and date then the shortcode will automatically arrange them in chronological order based on the time of year and date.

Social Networks: this shortcode is for displaying your social network profiles on your page.

SoundCloud: SoundCloud shortcode is a plugin that converts all SoundCloud shortcodes into embeddable Soundcloud players.

Testimonials: The testimonial is an integral part of a business site. This tool allows you to display the feedback of customer about your business in your site.

View Demo: View Demo shortcode is used to show the preview of a product in a post or page.

Widget Better Custom Menu: similar to Widget Custom Menu, this shortcode allows you to display a custom menu by navigating to admin dashboard then choose Appearance >> Menus.

Separator: Separator shortcode is useful in inserting different kinds of dividers between the page content.

Spacer: this tool have to to create a blank place in your page.

Widget Title: This smart shortcode creates a widget that work as a title for an element. This save users some time for customizing the footer.

Blogs /

Gutenberg’s Blocks: Have you tried them out?

Previously on ThemeMove’s blog, we have made the acquaintance of the new WordPress editor – the Gutenberg. We have learned about its origin, outstanding features, and prospects. There’s a possibility that some of you might still be confused about how Gutenberg works as an editor. As its name implies, Gutenberg is a block-based content editor; so in order to obtain more insights into it, we need to get ourselves familiar with those blocks first. That’s why we write this article to help you get a closer look at Gutenberg’s blocks.

Gutenberg Revision

Before looking into Gutenberg blocks, let’s revise a bit information about this recently famous tool. For people who missed our last introduction about Gutenberg, you can read a short intro here. If your curiosity hasn’t faded away, you can read a detailed description from Gutenberg’s team official page on wordpress.org, visit here. Rumor has it that WordPress developers will put Gutenberg into WordPress core in its version 5.0, so all WordPress should have been prepared for that since last year, when this news was heard. Gutenberg now is still a plugin on WordPress repository with over 500,000 active installations. But soon, it might not remain a choice but a compulsory thing.

Gutenberg’s Blocks

Definition

By definition, a block is a solid piece that is attributed as a unit for a page. A normal webpage contains all kinds of content elements. Now, you just need to imagine that these elements are refined into a separate box. Like when you are playing the puzzle, you use those blocks one by one to form a page. Below is an example of a post created on Gutenberg editor. You can see that’s everything looks highly straightforward & neat: Example Post

Gutenberg Blocks
Gutenberg Post Sample

Types of Blocks

Currently, Gutenberg provides users with about 16 blocks of different kinds for content creation. You can see in the following picture a list of these blocks: Paragraph, Heading, Subheading, Quote, Image, Gallery, Cover Image, etc. All these blocks are the most essential elements to a page / post on WordPress. When you install Gutenberg on your site, you’ll always have access to these blocks. Some Gutenberg themes offer more blocks with predefined layouts, backgrounds or setting options. This helps reduce the time one need to spend for creating an element box compared to the traditional page builders.

Gutenberg Blocks
Gutenberg Block Types

If this description cannot make you satisfied, they have a live demo for you to start experiencing the power of Gutenberg editing here at https://wordpress.org/gutenberg/. You can freely edit the page to your own wish, upload your own picture, type in anything you like and set up the options for each blocks. You don’t have to download and install the actual Gutenberg plugin. This is such a direct way to experience Gutenberg editor and its customizability. To create a heading, just click on “+” button then choose a type of block that you want.

Gutenberg Blocks

Click in where you want to start and enter your own text. You’ll see, creating and revising can be conducted at the same time. It’s just too convenient. The page still loads very quickly and responds almost immediately as you type. Even the front end editor of drag and drop builders sometimes might have problems loading preview or displaying the edited content as you proceed on page building. With Gutenberg, you can totally reset assured.

Gutenberg’s strengths

There are so many benefits that users can enjoy from this branding new editing tool. First, it is the reduction of plugins needed in order to create a web-page. Even when your intention is to put numerous heavy media files on your page, it won’t affect the workflow much. Fewer external plugins mean higher responsiveness and faster page loading. The final result will look exactly like how it looks in the building process. Moreover, you can trust that Gutenberg-based pages / posts can adapt well to all kinds of browsers and device resolutions. Hence, SEO efficiency will definitely improve, too.

Gutenberg Blocks

To customize the settings of a block, users just have to click on the chosen block, a group of valid button will appear for them to select the next action. When clicking on the last button of that group, more choices will reveal.

Still can’t find what you need? Follow this picture to find the customize menu. Often, there are two tabs: “Document” and “Block” will appear at the right side bar of the editor screen.

Gutenberg Blocks
Document

On Document: you can find all the familiar options as in traditional editors for Visibility, Featured Image, Excerpt, and Discussion of the post.

Gutenberg Blocks

On Block: Users can customize the Paragraph, Text Settings, Color Settings and Advanced options.

Gutenberg’s Editing Screen

Right next to the customize button, which looks like a bunch of three vertical dots, is another button for the editor screen. From there you can select the options for Writing, Editor and Tools.

Writing: Turn on Unified Toolbar, Spotlight Mode or Full-screen Mode by putting a tick next to the selection.

Editor: Switch between Visual Editor & Code Editor by ticking or use “Ctrl + Alt + Shift + M” to quickly change between two modes. Then experienced developers with their profound coding knowledge could still edit page in their favorite language.

Gutenberg Blocks
Gutenberg Example Post

Some might question about how to arrange these blocks and create a desired layout for their page, well, the answer is in the following picture. Users can drag then drop each block to the new position or use the up and down button. Either way could save them a lot of time and effort put into building the layout. They will have more time and energy to focus on the content.

It’s safe to say that Gutenberg still has a long way to go in order to compete against other page builders in the marketplace. However, we can’t deny that this block-based editor also has so many strengths and distinctive features to make its own way through the success. Unlike other complicated and heavy-loaded editor, Gutenberg’s lightweight and concentrated features have convinced many WordPress users of its usability and simplicity.

 

 

 

Blogs /

Gutenberg – More than a WordPress Editor

These years, WordPress has seen the introduction of numerous editor plugins. To name some, there are visual editor, drag & drop editor, code editor, rich text tags, content blocks, etc. Lately, the debut of Gutenberg, which is expected to become “the future of WordPress users”, has tossed a stone into the still pond. We have investigated into this new editor and how it works. It is indeed a really promising editor for WordPress whose focuses are put on simplicity, usability, and creativity. This article is written in order to get our dear readers familiar with this and share some of our insights into Gutenberg editor.

Gutenberg
The Gutenberg plugin on WordPress.org

Brief Introduction

The origin of the name Gutenberg

You have probably heard about a new WordPress editor named Gutenberg. This name comes from the founder of a printing press called Johannes Gutenberg. If you would like to learn more about this man, feel free to read here. We know that most of the traditional editors are built from codes. In order to ensure a theme or plugin has visually beautiful layouts, the developer must have worked hard day and night with complicated calculations and coding texts.

Gutenberg developers’ intention

The major purpose of building Gutenberg is to simplify the theme or plugin building process. This will save developers more time and effort to create better layout options for users. Gutenberg has its base placed on the content ‘blocks’. Imagine a webpage made of numerous blocks of different kinds. Now, users need to edit each block separately and review their work while building. Visual editors claim to give users a straightforward and vivid review of how a page would look through Live Customizer. Gutenberg can do the same: it allows you to review your work while working and support dragging & dropping ‘blocks’ to rearrange page elements. Sounds simple and useful, right? Below is how Gutenberg editor works things out.

Gutenberg
Gutenberg Editor Preview (Credit: Gutenberg team)

Using Gutenberg, the editing job can be done in less time and effort. The result can closely keep up with the one obtained from coding process. All you have to do is just click on the block to be edited then fill in with your contents. The famous plugin WPBakery Page Builder and other editors focus on elements, here Gutenberg emphasizes the role of blocks. Even for new WordPress users, it’s easy to use this new tool after going through just a few simple instructions. Simple, intuitive and responsive, Gutenberg will blur the boundaries between the experienced and the inexperienced in page building. You can read more about Gutenberg and its feature in this description on wordpress.org.

Gutenberg’s outstanding features

Simplicity

As we have said, simplicity is the very apparent feature of this new editor. Even when you have next to zero knowledge of coding and other technical matters, you can still utilize other existing editors, in order to properly use them for page creation, users still need to refer to the documentation before getting their hand wet. Page options and customization vary greatly from theme to theme due to the style of its developers. This is what makes it harder to master these editor than Gutenberg. Moreover, the documentation of visual editor like WPBakery Page Builder needs more explanation and illustrations than Gutenberg’s.

Gutenberg
A Gutenberg theme – Openlane by ThemeMove

Usability

Concerning usability, it’s the most valuable feature of Gutenberg as remarked by WordPress users. Gutenberg makes your site respond and load faster, hence bringing about higher SEO efficiency. This reduced waiting time to a great extent. This also encourages readers to interact more with your website. Normally, we often have to sacrifice loading speed in order to gain better visual effects. On the contrary, Gutenberg provides acceptable visual effects with high responsiveness. The light-weight size makes thing easier for users and minimize potential issues in terms of cross-browser display and adaptability.

Creativity

With Gutenberg, the sky is the limit. Users have the freedom to create any kind of content for pages following predefined or self-defined layouts. A page can be as simple or complicated as how the user want it to be. Blocks do not necessarily be single, you can add blocks inside blocks. Freely arranging them into columns or rows is possible, too. In other words, anything you can think of, you can build it from the premade blocks provided in Gutenberg editor in just a few clicks. All of these features are enough to make it one of the most powerful editors in WordPress when developers add more options into blocks for users. Thus, in our opinion, Gutenberg’s prospect is very bright.

Gutenberg’s prospect

It is said that Gutenberg is going be integrated into the core of WordPress 5.0. This emphasizes the determination of WordPress developers to create a platform that would benefit everyone equally with simplicity and usability. Gutenberg is now operating as an independent plugin on wordpress.org, but soon every WordPress user will need to get themselves acquainted with this. Although currently the number of Gutenberg active users is only over 40,000, but this will definitely change by the time of its integration into WordPress’s core. So be prepared.

The introduction of the new editor has shown certain influences on businesses operating in theme development, plugin development, training platform and book as well as WordPress hosting businesses. There are many Gutenberg themes have been released on marketplaces like themeforest.net. Our newly developed theme Openlane is one such theme. We hope to bring out the best from Gutenberg to our customers through this theme. Here are some preview of our theme for you, take a look:

Gutenberg
A Gutenberg theme – Openlane Home 2 Preview by ThemeMove
Gutenberg
A Gutenberg theme – Openlane Home 3 Preview by ThemeMove

Conclusion

As a brand new editor, Gutenberg is a very promising tool for WordPress, though now it hasn’t reach its full potential yet. Reading through the comments of users about Gutenberg on wordpress.org, we can see that there are rooms for improvements and Gutenberg team is trying their best to accomplish it. So what we need to do now is to be patient and wait for new updates from development team. One more thing to note is that this WordPress is not going to change the editing experience completely, the Classic Editor will still be available, so don’t worry if you are still unfamiliar with this new tool. If you wish to learn more about Gutenberg, stay tuned for our coming articles about Gutenberg through its comparison to other editors on ThemeMove’s website.

Blogs, Tips & Tricks /

Instagram Feed Plugins

Last time, we have discussed in great detail about all the benefits of integrating Instagram into WordPress in web-building. Of all the mentioned methods, installing external plugins would be the most convenient and efficient way.

External plugins normally offer a wider range of options for displaying Instagram feeds than themes do. Plus, chances are you can find one that is compatible with your current theme without spending a penny. Moreover, there are a numerous number of plugins on WordPress repository for social media or Instagram in particular. Things now come down to choosing which. In order to save you some time, we will introduce the top 8 plugins for Instagram on WordPress with the short description of featured functions.

Instagram Feed Plugins
Instagram Feed Layout

Instagram Feed by Smash Balloon

  • Active installations: 600,000
  • Tested up to: 4.9.6
  • Ratings: 4.9/ 5.0

Easy to install, simple settings, mobile-friendly and highly customizable are the most outstanding features of this tool. Sounds fantastic enough for a free plugin, right? What’s more, users can display images from multiple Instagram accounts in a single feed or various feeds and show multiple feeds on a single page or throughout various page without having to obtain the token ID. All they need is to enter the account’s username then the plugin will do the rest for them.

Instagram Feed Plugins
Instagram Feed Plugin

In terms of customization, Instagram Feed lets you use shortcodes for adjusting the dimensions and many elements of the feeds to fit with the design of your website. This is such an advantage that others might not offer their users or just offer with some certain limitations. Your feeds will appear gracious with a header on top, a custom thumbnail, a Load more button, and a Follow button at the bottom. You can even choose how your images will be displayed: chronological or random order. For IT professionals, you can make more complicated adjustments by adding your own custom CSS and JavaScript.

Instagram Feed Plugins
Cross-browser Compatibility

All of the abovementioned have been more than enough for a completely functional Instagram plugin that you can use for free. In case you might need a video feed, a pop-up photo lightbox, hashtags-based or feed’s caption display, consider their Pro version to receive premium support.

Photo Gallery by 10web By Photo Gallery Team

  • Active installations: 300,000
  • Tested up to: 4.9.6
  • Ratings: 4.6/ 5.0

Instagram Feed Plugins

Another plugin for Instagram that comes with two versions: free and Premium ones. For the free license, users have fewer features. But if you don’t ask for too much with customizing Instagram feeds on your website, then this tool’s free license can satisfy your needs. Though accessible features of this are fewer in comparison to the previous tool on the list, there are other unique functions that make it a distinguished choice of quality you can look into.

Instagram Feed Plugins

While Instagram Feed only supports photo feeds, this plugin offers even more: both audio and video formats for feeds. Adding an audio track or a number of tracks to an image slideshow boost your feeds visually to a great extent. Although options available for free accounts are limited, you can still access and use some of them to work to your advantage.

Its developers claim that their plugin can help your site engage more interactions from visitors, improve search ranking in SERPs, enhance SEO optimization, and page navigation. The plugin also provides users with a customizable view of Instagram feeds on WordPress, which boost the visuals of your site.

Instagram Feed Plugins
Thumbnail View

Along with that, the limitless permission of photos, galleries, and album gives users a big comfort when using Photo Gallery. This freedom is one of the most appreciated feature by its users. Instagram Feed promise separate features for Premium users; on the contrary, Photo Gallery’s almost all features are open for everyone. It’s just that the depths of accessibility between free users and premium users are different. If we way Instagram Feed is built “vertically” then Photo Gallery is built “horizontally”.

WP Instagram Widget by Scott Evans

Instagram Feed Plugins
WP Instagram Widget
Sticky Feeds
  • Active installations: 200,000
  • Tested up to: 4.9.6
  • Ratings: 4.4/ 5.0
Instagram Feed Plugins
Cross-browser View

Simply simple and functional – even the description of this plugin is super brief. The most straightforward tool on WordPress repository for displaying images from an Instagram account without logging in. Setting up this widget is fast and easy as well. It can be said that this is truly a user-friendly tool where your imagination and control can take over. There’s a saying “simple is the best”. It fits well with this plugin, which brings about 200,000 downloaders – quite a good number of users.

Instagram Feed Plugins
Feed Compatibility

WD Instagram Feed by WebDorado

  • Active installations: 90,000
  • Tested up to: 4.9.6
  • Ratings: 4.8/ 5.0
  • Function: No API key needed.
WD Instagram Feed plugin
Instagram Feed Plugins
Feed layouts
Instagram Feed Plugins
Single Feed Design

Basically, this plugin has the same functions as the previous one because they are from the same developers. Photo Gallery Team was previously WebDorado. The name has been changed from WebDorado to 10web. This is also mentioned in 10web official site Similarly, WD Instagram Feed offers two versions: free and premium ones. However, WordPress Instagram Feed has fewer active users and features than those of Photo Gallery.

Feed Them Social by SlickRemix

  • Active installations: 60,000
  • Tested up to: 4.9.6
  • Ratings: 4.6/ 5.0

Instagram Feed Plugins

Feed Them Social is intended for a wide range of social platforms, not just specifically Instagram. So there’s an option for showing users’ Facebook page or photo albums on WordPress site. Interestingly, there is no limitation on the number of feeds to be used. Users can even generate shortcodes to meet their needs without having to be a technical professional. More feed personalization choices are given in the Premium version.

Instagram Feed Plugins
Grid Layouts on Different Screens

Feed Them Social covers Facebook, Instagram, Twitter, YouTube, and Pinterest. Thus, cross-platform visibility will enhance and visitor engagement will increase by a great extent. Take a look at the demo: https://feedthemsocial.com/

Instagram Feed Plugins

Instagram Slider Widget by jetonr

  • Active installations: 100,000
  • Tested up to: 4.9.6
  • Ratings: 4.6/ 5.0
Instagram Feed Plugins
Instagram Slider Widget
Instagram Feed Plugins
Instagram Slider

The number of images displayed by this plugin is always 12. Images can be put in a slider or a thumbnail and imported as attachments in the WordPress. You don’t have to find the API Key to use this. Everything has been made ready. Users can link photos from Instagram to their profile or URLs. Easy to use, functional and free of charge – all it needs to be a good choice for WordPress users with few requirements about image display.

Enjoy Instagram feed on website with WordPress Widget and Shortcode By F. Prestipino, F. Di Pane – Mediabeta Srl

  • Active installations: 10,000
  • Tested up to: 4.9.6
  • Ratings: 4.2/ 5.0

Instagram Feed Plugins

Instagram Feed Plugins

Users can publish photos or videos on their webpages, posts or page sidebar with shortcodes generated by this tool. Two layouts available for free license: Grid and Carousel with Lightbox effect. To further customize your feeds with advanced features, take a look at the Pro version before deciding to purchase an upgrade of license.

InstaShop by Zipline

  • Active installations: 300
  • Tested up to: 4.9.6
InstaShop Plugin

This is a bonus for any readers that have fallen for our new theme’s amazing features, which brought about a new way of shopping online. Yes, the shoppable images. InstaShop will assist you in building your online store with responsive shoppable image features. This tool is not only compatible with WordPress, but also with Shopify, WooCommerce, etc. Even on a free plan, users would still have access to a variety of great features that they might not find in other plans.

Share your thoughts about these plugins with us in the comment section below. Which one is your favorite? How have it helped your business? Do you want to suggest any other effective plugins with us?

Blogs, Tips & Tricks /

Instagram’s Integration into WordPress

Instagram comes with a bunch of highly functional and favorable features that make it one of the most popular social networks among Internet users. If you own a WordPress site, especially for the purpose of product promotion, integrating Instagram into your WordPress theme to boost the sales is a great idea and an essential part of the self-promoting campaign for businesses. Indeed, combining the powers of WordPress and Instagram can take your audiences by storm like the merging of two tornadoes.

Furniture eCommerce Shop – WooCommerce by Amely theme

There are many ways to make WordPress and Instagram join forces. None of them is the best because your needs and technical level vary greatly. The ultimate objectives of Instagram integration are product & service promotion, sale boost, branding enhancement, and site raking improvement. Whatever you choose for your company, the level of these effects will be different according to the method adopted.

Instagram Follow Buttons & Follower Counters

The follow buttons and follower counters can be positioned at the beginning of a post or the left/right sidebar of a webpage. Sometimes, they appear at the footer area. Most premium WordPress themes now have this widget so that audiences can easily follow sites with their social accounts entered. This is a way of showcasing your popularity in media.

In case you might not have heard of this, all of our themes are built with WPBakery Page Builder (formerly Visual Composer) plugin, which costs $45. Why do we need to mention this plugin? It is a powerful plugin for building enticing websites. Every theme from ThemeMove development team has social shortcodes and widgets that you can add in any places of your webpages.

Otherwise, websites that use the personal license of the WordPress or the WordPress.com sites might not have this tool. If they are lucky enough, they might find some free user-friendly themes with this function on WordPress. But these chances are few. For not having social buttons, you might miss the chance to reach out to potential clients. Connecting to your company’s accounts on other social platforms help build a strong client network and diversify your audiences. That is the reason why you should consider upgrading to the self-hosted domain and purchase a suitable premium theme.

Instagram’s Feed Display

When browsing articles, you might have come across plenty of posts with aesthetically pleasing Instagram feeds integrated. You can see the outstanding effects these feeds brought about far excel that of normal images. This not only improves the interactions and interest of visitors to your articles but also brings more attention to your business on Instagram.

Lezada Theme - ThemeMove Products
Instagram Feeds on Homepages by Lezada theme

An Instagram feed can be placed in various places in a post or a page. The possible choices include the top, the bottom or the sidebar. Transitions of paragraphs in an article is also possible. What we use to display feeds in those places is called widgets. A widget is a pre-made tool that allows users to create different kinds of elements.

In some themes, these widgets are called by a generic name: social or media. Themes that are especially designed for eCommerce shops, boutiques, blogs, and stores by ThemeMove team always have an Instagram widget for flexibly displaying enticing feeds.

Lezada Theme - ThemeMove Products
Footer Instagram Feeds on Lezada

Instagram Shop:Shoppable Images

A brand-new kind of shopping experience for your customers. In the traditional online shop, visitors often have to click on each product to see the details or options. And a similar arrangement of a single product page is a big-size photo on one side and the info on the other side. However, if they have interests in numerous products at the same time, they’ll have to choose either to go back after seeing each of them, or right-click to open several tabs at the same time so that they can switch back and forth easily.

With shoppable images, everything is much easier and appears more captivating to visitors. Users will have to upload only one picture that shows a bundle of products together and acts as a suggestion for matching them. These are perfectly useful and efficient for any fashion brands to showcase their new collections or classy fashion sets.

For the customers, they don’t have to worry about moving back and forth. With one click on the marks shown on each products, everything will beautifully show up, so that they can’t miss out any wonderful combo. Furthermore, the product info can be imported directly from the images on your Instagram, so you don’t have to repeat the process. How convenient it is. This is considered a new wave of eCommerce: the visual commerce. Let’s check this awesome feature out:

Lezada Theme - ThemeMove Products
Instagram Shops by Amely Theme
Lezada Theme - ThemeMove Products
Shoppable Image – Lezada Theme

Instagram ID & token ID

In order to build a webpage into an Instagram shop, you’ll need to have an Instagram account, of course. Along with your account ID, you’ll need to find your account token ID. Token ID can be found by the online tool. Start a search with your account ID then get the token ID. Or you can ask professionals for helping with token ID. When the Instagram widget functions as an element for a specific page, you can go to the setting of that element to enter these ID numbers or configure the general settings at the admin dashboard.

You won’t have to worry about this if you’ve purchased our theme. Our products have everything ready at your service. All you have to do is just enter your company’s username on Instagram then all the feeds will load automatically. As easy as a piece of cake. Here are two of our hot sale products recently, which have awe-inspiring Instagram shops and other brilliant pre-made homepages for products. Check out the demos for more info:

Amely – Classy eCommerce for WooCommerce Theme

Amely Theme - ThemeMove Products
Amely Theme’s Demo Front Page

Lezada – Minimal and Creative WooCommerce WordPress Theme

Lezada Theme - ThemeMove Products
Lezada Theme’s Demo Front Page

Use plugins to integrate Instagram

Coming last in the list is an integrating method that uses external plugins. Self-hosted websites that are on the business license can install external plugins, so it’s convenient for these sites to integrate a suitable & compatible tool for connecting to Instagram and show the feeds on the sites. There are plenty of features for you to use when installing plugins for Instagram integration.

The problem is which one to use? We’re planning on a concise article that gives the review of all top-rated Instagram plugins on WordPress repository. So if you don’t have time to search and browse a variety of tools just to find the right one, then we can save you some time and effort with our blog. Stay tuned for more.

 

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match