Blog

Searching for the best solution for how to embed Google Reviews in WordPress?

If you have a local business, adding Google Reviews to your website is a great way to boost trust with your visitors and send strong local SEO signals to Google and other search engines.

However, Google doesn’t give you an easy way to embed real reviews in your website, so you might not be sure where to start when it comes to adding those reviews to your WordPress site.

While you could just copy and paste reviews from Google to your website, that eliminates some of the trust benefits because there’s nothing linking that text to a real review. It also doesn’t let you automatically pull in new reviews to your site as they come in.

Thankfully, there are some great Google Reviews WordPress plugins that you can use to add Google Reviews to WordPress. And in this post, you’re going to learn exactly how three of the most popular options work.

Best of all – all three plugins have a free version that you can use to follow the tutorial.

What You Need to Add Google Reviews to WordPress

To embed Google Reviews in WordPress, you’re going to need a few things:

1. Google Business Profile listing (if you don’t have one already)
2. Google Reviews WordPress plugin
3. Google Places API key (depending on the plugin)

Here are the different requirements in more detail…

Google Business Profile Listing

First, you’ll probably want a Google Business Profile listing where customers can leave reviews in the first place.

While you can embed Google Reviews from any listing (even those you don’t control), setting up your own Google Business Profile listing will give you more control over your business’s profile in Google.

Because this profile is where customers will leave the reviews that you embed, you’ll want to put your best foot forward. By creating your profile, you’ll be able to add pictures, edit business details, share updates, and more.

To create your listing, you can go to the Google Business Profile page and follow the instructions. 

Alternatively, if Google has already automatically created a listing for your business, you can claim it by clicking the “Own this business?” link that appears on the listing in Google.

Google Reviews WordPress Plugin

Once you have your Google Business Profile listing, you can use a dedicated Google Reviews WordPress plugin to embed reviews from that listing in your WordPress site.

You can find a number of free options that will embed reviews for you, though most also offer premium versions that add more features.

Below, you’ll learn how to use three different free plugins to add Google Reviews to WordPress:

• Widgets for Google Reviews – this plugin offers the simplest setup process because of the way that it pulls in your Google Reviews. However, it relies on a third-party service to achieve this simplicity.
• Plugin for Google Reviews – you’ll need to create a Google Places API key before you can use it (more on that next). It keeps everything on your own site and still gives you a good amount of flexibility.
• Reviews Block for Google – you get a dedicated editor block to add your Google Reviews, though you’ll still need to create a Google Places API key. The downside is that its free version doesn’t give you nearly as much flexibility as the other plugins when it comes to layouts and review filtering.

While all three plugins serve the basic purpose of adding Google Reviews to WordPress, each has different strengths and weaknesses. 

There’s no single “best” option – it’s really just about choosing the option that best meets your needs. As you read through the tutorials below, you should gain a better understanding of which plugin will be best for your site.

Google Places API Key (Optional)

This last detail won’t apply to all plugins. However, many Google Reviews WordPress plugins will require you to create something called a Google Places API key.

So – what is that, and why do you need it to add Google Reviews to your site?

An API is a way for different computers/services to talk to one another. In this case, it’s a way for your WordPress site to talk to Google.

Essentially, the API lets your WordPress site send a message to Google saying, “Hey Google, I want to pull in the reviews from this Google My Business listing. Can you please send me that data?”.

To prevent abuse, Google requires that you register for an API key, which lets your WordPress site authenticate itself when making these requests. Basically, it’s like saying “Hey Google, I have permission to access this data. So now can you send it over?”.

In order to function properly, most plugins will ask you to create your own API key. While this might sound a bit technical, it really just involves following step-by-step instructions and clicking a bunch of buttons.

With that being said, there are some plugins that don’t require you to create your own API key. Typically, these plugins get around this by fetching the data to their own servers using their own API key and then delivering it to your site from there.

Now that you know what you need, here’s how it works to set up all three plugins from above…

Plugin #1: Widgets for Google Reviews Tutorial

Widgets for Google Reviews offers the absolute simplest way to add Google Reviews to WordPress because it doesn’t require you to create a Google Places API key.

The tradeoff, however, is that the plugin loads your review data from its own servers, rather than keeping everything on your WordPress website. That’s not necessarily a bad thing – it’s just important to understand the pros and cons.

To begin, install and activate the plugin on your website. If you’re using WordPress.com, you’ll need to be using the WordPress.com plugin-enabled plan so that you’re able to install your own plugins. If you’re using a different plan, you can follow these instructions to upgrade.

1. Add Your Google Places ID

Once you’ve installed and activated the plugin, you can get started by going to the new Trustindex.io menu in your WP Admin.

First, you need to add your Place ID, which tells the plugin which business you want to display reviews for.

To find the Place ID for your business, go to Google’s official Place ID Finder tool and enter your business’s name or address. You’ll then see the Place ID appear in a popup:

Copy the Place ID. Then, paste it into the plugin’s settings in your WP Admin and click Check.

You should then see your business. If everything looks good, click the Connect button:

2. Choose Your Review Layout

After clicking Connect, the plugin will automatically pull in real Google Reviews for your business.

Now, you can choose the layout that you want to use to display your reviews. You can choose from different formats such as sliders, lists, grids, badges, and more. In the next step, you’ll be able to customize the style of the layout that you choose.

When you find a layout that you like, click the blue Select button next to it:

3. Customize Review Layout Style

Once you select your layout, you’ll get additional options to customize its style, such as choosing different background colors or borders.

Again, look for a style that you like and click the Select button next to it:

4. Configure Review Widget Behavior

Next, you can configure how your widget behaves, such as filtering which reviews to display and whether or not to show a reviewer’s profile picture.

For example, you could only show English-language reviews that are four stars or higher.

Once you’re happy with the configuration, click Save and get code to finalize your choices:

5. Embed Google Reviews in WordPress

To finish things out, you’ll need to add the shortcode that the plugin gives you to the location where you want to display your Google Reviews widget.

For example, if you want to include your reviews on your site’s homepage, you could open the editor for your homepage and paste the shortcode into the Shortcode block like this:

And that’s it! Your Google reviews should show up on your site when you open that page:

---

Plugin #2: Plugin for Google Reviews Tutorial

Plugin for Google Reviews is another popular option that will keep everything on your own server. The tradeoff, though, is that you’ll need to create your own Google Places API key in order to use it.

To begin, install and activate the plugin on your website. If you’re using WordPress.com, you’ll need to be using the WordPress.com plugin-enabled plan so that you’re able to install your own plugins. If you’re using a different plan, you can follow these instructions to upgrade.

1. Create and Add Google Places API Key

To get started with this plugin, you’ll first want to create your Google Places API key and add it to the plugin’s settings.

To help you do this, the plugin’s developer maintains detailed instructions that show you step by step how to create the necessary API key.

To find these instructions, open your WP Admin and go to Google Reviews → Support → Full Installation Guide.

If you scroll down, you should see the step-by-step instructions for creating the API key:

Once you have your API key, go to Google Reviews → Settings → Google and paste it into the box:

Make sure to save your changes.

2. Create Your Google Reviews Widget

Next, go to Google Reviews → Widgets → Create Widget to create your first Google Review embed:

3. Add Your Place ID

To add the Place ID for your business, click the orange Connect Google button in the top-right corner.

Again, you can find the Place ID for your business using the official Place ID Finder from Google.

Then, add the Place ID to the widget’s settings and choose the preferred language for your reviews. Then, click Connect Google again:

4. Style Your Google Reviews Widget

Now, you should see a live preview of your reviews in the interface.

To control the layout and style of those reviews, as well as which reviews to include, you can use the options in the sidebar.

As you make changes in the sidebar, you’ll automatically see the live preview update:

5. Embed Google Reviews in WordPress

To finish things out, you need to embed your reviews using the shortcode that the plugin provides:

If you don’t see the shortcode, you can try saving your changes and refreshing the page.

You can add this shortcode anywhere on your site using the Shortcode block.

For example, if you want to add Google Reviews to your homepage, you would add a Shortcode block to that page and paste in the plugin’s shortcode:

You’ll then see the reviews on the frontend of your site:

---

Plugin #3: Reviews Block for Google

Reviews Block for Google is another free option to embed Google Reviews in WordPress.

Like the previous plugin, you’ll need to create your own Google Places API key to use this plugin. However, the key differentiator for this plugin is that it gives you a dedicated editor block to add Google Reviews, rather than requiring you to work from a separate interface and use shortcodes.

If you like the block-based approach, that might make this one a better option for your situation. However, it doesn’t give you as many options for customizing how your reviews look (at least not unless you opt for the paid version).

To begin, install and activate the plugin on your website. If you’re using WordPress.com, you’ll need to be using the WordPress.com plugin-enabled plan so that you’re able to install your own plugins. If you’re using a different plan, you can follow these instructions to upgrade.

1. Add Block and Enter Google Places API Key

To begin, open the post or page where you want to embed Google Reviews.

Then, add the new Reviews Block for Google block, which you can insert just like any other block.

When you first add the block, it will prompt you to enter your Google Places API key.

If you need some help creating the API key, the plugin’s developer has video documentation that shows you how to set it up.

Once you’ve created your Google Places API key, paste it into the block’s settings and click the Save API Key button:

2. Choose Your Business

Once you save your API key, you’ll get a new interface where you can search for your business by its name or address:

Once you select it, you should automatically see a full card for your business.

3. Customize Block Layout

To finish things out, use the block’s settings to customize what information to display. By default, the block will display both the reviews and a card that contains your business’s details:

If you don’t want to display that extra information, you can turn off the options for Display Header and Display Business Info to only show a list of your business’s five most recent reviews:

Unfortunately, the free version of the plugin doesn’t give you options to adjust the review layout or filter reviews. You’ll need to pay for the premium version if you want those features.

Add Google Reviews to WordPress Today

If you have a local business, embedding real Google Reviews on your website is a great way to build trust with your visitors and send local SEO signals to Google.

With the right Google Reviews WordPress plugin, you can embed reviews anywhere on your site using stylish layouts.

In this article, you learned how three of the most popular plugins work – all of which have a free version:

• Widgets for Google Reviews – this plugin has the absolute simplest setup process because you don’t need to create an API key. However, your data will load from the plugin developer’s servers, which is how it’s able to achieve such simplicity.
• Plugin for Google Reviews – the setup for this plugin is a little more involved because you’ll need to create your own Google Places API key, but it keeps everything on your WordPress site rather than loading reviews from a third-party server.
• Reviews Block for Google – this plugin gives you a dedicated editor block instead of requiring you to use separate interfaces and shortcodes. However, its free version doesn’t give you as much control over your reviews.

If you’re on the WordPress.com plugin-enabled plan, you can install any one of these plugins today to start adding Google Reviews to your WordPress.com website.
If you haven’t upgraded to the WordPress.com plugin-enabled plan yet (or you’re still in the planning stages of your site), purchase the WordPress.com plugin-enabled plan today to install useful plugins like these, plus a lot of other must-have WordPress plugins!

You might also like: How to Add Reviews to Your Product Pages

---

Searching for that perfect slider plugin to add a slider or carousel to your WordPress website?

Sliders and carousels are common design elements for all types of websites, from eCommerce stores to blogs, brochure websites, and more.

Because there’s such a need for this functionality, you can find a ton of free or paid slider plugins to help you create sliders.

If you’ve been browsing the best WordPress slider plugin lists, you’ve probably come across one name in particular – Smart Slider 3.

Smart Slider 3 gives you the ability to design your own custom slides using a visual builder, along with advanced support for animations, dynamic slider content, and plenty more.

In this Smart Slider 3 review, you’ll learn everything that you need to know about Smart Slider 3, including the following:

• Its five standout features.
• How to create sliders with Smart Slider 3.
• Smart Slider 3 pricing details.
• When you should use Smart Slider 3 (and when you might want to consider a different solution).
• How to install Smart Slider 3 on WordPress.com.

What Does Smart Slider 3 Do?

By the numbers, Smart Slider 3 is the most popular WordPress slider plugin that’s listed in the WordPress.org plugin directory.

While the plugin is packed with features to help you create different types of sliders, there are five key features that help explain its popularity:

• Support for four different layout types.
• A visual, drag-and-drop builder that lets you design custom slides.
• Strong animation support for various slider elements.
• Dynamic slider integrations to automatically create sliders from blog posts, WooCommerce products, and lots, lots more.
• 180+ pre-built slider templates to help you save time.

Here’s a more detailed look at those five standout features…

Create Four Different Layout Types

First off, Smart Slider three gives you a few different options for controlling the layout of your sliders, plus a bonus option that goes beyond sliders.

In terms of the sliders themselves, you get the following options:

1. Simple – a “standard” slider that shows one slide at a time and scrolls through.
2. Carousel – a carousel shows multiple items at the same time and rotates through them. You’ll often see these used to display eCommerce products, but you can use them in other ways, too. Here are some tips for using carousels well.
3. Showcase – this is kind of a blend between the Simple and Carousel types.

Beyond those three sliders, you also get a fourth layout option – Block. 

A block isn’t really a slider because it only has a single slide, but it can still come in handy in some situations. For example, you could use the Block layout type to create the hero section of your website. 

If you’ve never heard this term before, the “hero” section typically appears at the top of the homepage or a landing page and includes a headline, image/video, and CTA button.

Design Sliders With a Visual, Drag-and-Drop Builder

One of Smart Slider 3’s standout features is its visual, drag-and-drop builder.

You can see a visual preview of each slide and adjust its design using drag and drop and built-in settings – no code needed.

To add content to your slides, you can use “layers”. Each individual layer is a different type/piece of content. Here are some examples of individual layers:

• Image
• Video
• Headline
• Paragraph text
• Button
• Row
• Icon
• Audio player

For each layer, you’ll get a bunch of settings to control its content, design, and other behavior.

Animate Every Element in Your Slides (Including a Timeline)

In addition to letting you customize the content of your slides, Smart Slider 3 also gives you powerful features to animate each individual layer in your slide, which lets you create more engaging experiences for your visitors.

To help you coordinate your animations effectively, you also get a timeline view that lets you see the animation timing for each individual layer on the slide.

You can also “play” the animation sequence right from the visual builder, which lets you see how your animations come together in the real world.

Dynamically Insert Content In Your Sliders

Another area where Smart Slider 3 excels is that it lets you create “dynamic” sliders.

With a dynamic slider, the content of your slider will automatically populate based on some content source that you choose.

One common setup would be a slider of your five most recent blog posts. Each slide might include the featured image as the background, along with the post’s title and a button that links to the full post.

Whenever you publish a new blog post, Smart Slider 3 would automatically insert that in the slider (and remove the oldest post) – you don’t need to manually edit it every time you publish a post.

Where Smart Slider 3 gets really cool, though, is that it supports 32+ dynamic content sources, which lets you go far beyond blog posts. Here are some examples:

• WooCommerce products – you could create sliders to automatically show your recently added products, your best-selling products, your on-sale products, and more.
• YouTube videos – if you have a YouTube channel, you could automatically insert your latest videos in the slider. Or, you could also automatically insert videos from a certain playlist.
• Custom post types – you can insert content from any WordPress custom post type, which opens up tons of possibilities. For example, you could create sliders of portfolio projects, client testimonials, logos of clients that you’ve worked with, and more.
• Events – you can automatically insert upcoming events from popular event calendar plugins, including The Events Calendar and Events Manager.
• Social media – you can include Instagram posts, Facebook posts, tweets, and more.
• RSS feeds – you can dynamically populate sliders from any content in an RSS feed.
• Server folder – you can automatically fill a slider with images or videos from a folder on your server. As you upload images/videos to that folder, they’ll automatically appear in the slider.

Save Time With 180+ Pre-Made Templates

While Smart Slider 3 gives you all the tools you need to build completely custom sliders from scratch, you might not need to because Smart Slider 3 also comes with 180+ pre-made templates.

You can import these to use as the baseline for your slider and then just customize the demo content to match your needs.

These not only save you time when creating sliders, but they also let you access professionally made designs for a range of niches and use cases.

How to Create Sliders With Smart Slider 3

So how can you make use of all those features? Here’s what it’s like to create a slider with Smart Slider 3.

1. Create a New Project

Smart Slider 3 calls each slider a “project”, so you can get started by creating a new project.

When you do that, you’ll be able to choose between starting a blank project from scratch or using one of the 180+ templates:

If you choose the template option, you’ll then get a new screen to browse the template library. You can use the filters to navigate the different templates and import them by clicking the Import button:

On the other hand, if you start your project from scratch, you’ll see a screen to set up the basic canvas, including the slider type and dimensions:

2. Configure Slider Settings

Once you create your project, Smart Slider 3 will launch you into the general settings area for your slider.

Here, you can navigate different tabs across the top that let you access settings such as the controls to move the slider left/right, animations, autoplay behavior, and more:

3. Design Individual Slides

To customize individual slides, you use the interface at the top of the general settings area.

You should see a button that lets you create a new slide, along with a list of any existing slides that you might have imported as part of a template.

To create a new slide, click Add Slide. To edit an existing slide, hover over that slide and click the Edit button.

You can also duplicate existing slides by clicking the three dot icon:

If you choose the option to add a new slide, you can also choose from different slide types. For example, to dynamically populate a slide, you need to choose the Dynamic Slides option. More on this in a second.

This will launch you in the visual builder, which looks something like this:

To add content, you can add new layers using the options on the left. A layer could be an image, a heading, text, a button, and so on:

To move layers around, you can use drag and drop on the visual preview.

To edit the content and settings of a layer, you can click on it to open a popup interface. For example, if you click on a button layer, you’ll open a popup to customize the button text, link, icon, colors, animations, and more:

There are also some other nice touches. For example, if you click the button at the bottom of the left sidebar, you can see a timeline view of any animations you’ve assigned to various layers. You can also click the play icon to see those animations play out in real-time:

There’s also a responsive preview option that lets you see your design on different devices.

Once you’re happy with how everything looks, make sure to save your changes.

Then, you can repeat the process to create/customize additional slides. 

How to Create Dynamic Slides

If you want to create dynamic slides that pull in information such as your latest blog posts, WooCommerce products, YouTube videos, and so on, then you’ll need to choose the Dynamic Slides type when creating a new slide.

This will open all of the potential dynamic slide sources – here’s a partial look at all of the options (there are more sources than shown in the screenshot):

If you choose the Posts option, you’ll get some additional settings to control which posts to display. For example, you could only include posts in a certain category or with a certain post type:

Then, you can set up your actual filters, including all kinds of simple or advanced options. You can also choose how many slides you want to generate. For example, you could only display the five most recent posts that match your filters:

Once you’ve made those choices, it will launch you into the visual builder again.

It works pretty much the same as before, with the only difference being that you can use simple template tags to control where to insert the dynamic information.

For example, for a blog post, you would add the {title} template tag to the heading layer where you want to display the blog post’s title.

4. Embed Your Slider

Once you’ve designed all of your slides and configured the general slider settings, the last step is to embed the slider where you want it to display.

Smart Slider 3 offers several options here, and you can choose whichever works best for you:

• Dedicated editor block in the native WordPress editor
• Shortcode
• PHP function that you can add directly to your child theme’s template files
• Dedicated integrations with third-party page builder plugins such as Elementor and Beaver Builder

For example, to add a slider to a page in the native WordPress editor, you just need to add the Smart Slider 3 block and then use the block’s settings to choose the slider that you want to embed:

Smart Slider 3 Pricing

Smart Slider 3 comes in both a free version and a premium version with more features.

With the free version, you get access to all of the core features, including the visual, drag-and-drop builder, and the ability to insert your latest blog posts with dynamic content.

Along with that, you can access two different slider types and six different layers to use in your designs:

• Image
• Heading
• Text
• Button
• Vimeo
• YouTube

You can also access a limited selection of 14 pre-made templates.

For a lot of users, the free version has plenty of power to get the job done.

However, if you want more flexibility, you can upgrade to the premium version to access, in part, the following improvements:

• Two more slider types (four total)
• 26 layer options (versus six in the free version), including new options such as animated headings, lists, counters, self-hosted video, audio, form input, and more.
• More advanced dynamic content support (32+ total sources). Beyond blog posts (free), you can also dynamically insert WooCommerce products, your latest YouTube videos, Facebook posts, tweets, images from a folder on your server, and more.
• Animations to create more engaging designs. You can animate text, layers, backgrounds, and more.
• Other effects to create more engaging designs. For example, you can add parallax effects, Ken Burns effects, Particles effects, and more.
• 180+ pre-made slider templates (versus just 14 in the free version).
• Lightbox support to open a full-screen image or video when the user clicks on a slide.
• Lazy loading to improve the performance of your sliders and speed up your website.

If you want all of those features, the premium version of Smart Slider 3 starts at $49 for use on a single site, which includes lifetime updates and support.

If you want to use the plugin on more than a single site, there are also plans with higher limits. For example, support for up to three sites will cost you $99.

The higher-site limit plans also come with priority support.

Beyond that, all plans are backed by a 14-day money-back guarantee.

Who Should Use Smart Slider 3?

Smart Slider 3 is definitely one of the top slider plugins for WordPress. However, it might not be the optimal plugin for every single use case.

Here are some details on when Smart Slider 3 is the right tool and when you might want to consider a different option for sliders…

Where Smart Slider 3 Excels

Overall, Smart Slider 3 is a great option for creating more advanced types of sliders.

It has three main advantages over a lot of the other WordPress slider plugins:

1. Powerful design capabilities – you get a visual, drag-and-drop builder, the ability to add multiple layers, and tons of animations and design effects.
2. Flexible content sources – in addition to static sliders, you can create dynamic sliders from tons of different sources, including blog posts, WooCommerce products, social media posts, YouTube videos, and more.
3. Functioning free version – most other popular slider plugins with visual builders only come in premium versions, whereas Smart Slider 3’s free version is pretty functional by itself.

If you think you’ll take advantage of those design capabilities and/or flexible content sources, then Smart Slider 3 is definitely one of the top options to consider.

Add on the fact that it has a functioning free version, and you get a very attractive value proposition. 

When to Consider a Different Slider Solution

If you just want to create simple sliders, you might prefer a simpler slider plugin than Smart Slider 3.

For example, if you just want to create a slider of images without adding any text, buttons, design elements, and so on, then there are tools that give you a more straightforward way to accomplish that.

If you’re using WordPress.com, one simple alternative is to just use the Slideshow block, which you can access in the editor.

This block makes it easy to create a basic image slideshow without needing to install a plugin. You can use drag and drop to control the order of the images while also using the block’s settings to access features such as transition effects and autoplay behavior.

If you want a little more control while still keeping things comparatively simple, you could consider a free slider plugin such as MetaSlider.

While MetaSlider lacks the visual builder and advanced features of Smart Slider 3, it offers a more streamlined way of creating sliders, which can make it easier to use for basic image sliders.

How to Install Smart Slider 3 on WordPress.com

If you’d like to use Smart Slider 3 on your WordPress.com site, you’ll want to make sure that you’re on a plugin-enabled WordPress.com plan so that you can install your own custom plugins (or one of the legacy Business or eCommerce plans).

Otherwise, you can follow these instructions to upgrade your plan.

Once you’ve verified that you’re on the right plan, you can install Smart Slider 3 by going to Plugins → Add New in your WP Admin:

• To install the free version of Smart Slider 3, search for it using the search box. Select it in the search results and then click the Install and activate button on the next screen.
• To install the premium version of Smart Slider 3, click the Upload button in the top-right corner. Then, upload the ZIP file that you received from the Smart Slider 3 website after making your purchase.

For a more detailed look, here’s the full guide on how to install plugins on WordPress.com.

Final Thoughts on Smart Slider 3

Overall, Smart Slider 3 is an excellent slider plugin for users who want to design custom slides with the power of a visual builder.

Whereas many simple slider solutions just let you build sliders from the images themselves, Smart Slider 3 goes further and lets you add your own designs, including text, buttons, videos, and lots more.

You can also set up complex animations, including an actual animation timeline feature to help you nail the perfect timing.

Another area where it excels is creating dynamic sliders that automatically pull in your latest blog posts, WooCommerce products, YouTube videos, social media posts, and more.

If you want these advanced slider features, Smart Slider 3 gives you tons of flexibility and lets you get started for free, which are some of the biggest reasons that have helped make it the most popular free slider plugin.

If you’re using a plugin-enabled WordPress.com plan already, you can install the free version of Smart Slider 3 right now to see how it works. If not, upgrade today to access the ability to install Smart Slider 3, along with all of the other useful WordPress plugins that exist.

You might also like: WordPress Image Carousels: Dos, Don’ts, and Top Tips

---

Negli ultimi anni, la crescita del settore dell’e-commerce ha visto una maggiore comodità e personalizzazione dello shopping.

Ha attirato una maggiore concorrenza e l’uso del commercio mobile. Qualsiasi e-store che voglia rimanere competitivo deve creare un'esperienza di acquisto fluida ed efficiente. Milioni di e-store utilizzano WooCommerce per sviluppare e gestire i propri negozi.

È un potente plugin WordPress open source utilizzato per promuovere le vendite online. Questo strumento contiene molte funzionalità utili. Una delle caratteristiche che risaltano sono i “prodotti correlati”. Questa funzione consiglia prodotti agli acquirenti per migliorare la loro esperienza. A volte operatori di marketing online potrebbe voler disattivare questa funzione per diversi motivi. Esaminiamo i passaggi per rimuovere i prodotti correlati da WooCommerce.

Informazioni sulla funzionalità dei prodotti correlati a WooCommerce

WooCommerce è un plugin facile da usare con molte funzionalità utili. Ha una grande libreria personalizzabile con centinaia di temi e plugin. Questi plugin ti permettono di personalizzare il tuo marchio online. WooCommerce ha anche una funzionalità di gestione dei prodotti. Permette agli utenti di gestire l'inventario. Altre funzionalità includono strumenti di analisi, marketing, pagamento e spedizione.

La tecnologia ha reso facile fare acquisti ed effettuare ordini online. Esistono centinaia di negozi online dove puoi fare acquisti e ordinare con spedizione. Uno dei siti di shopping online più popolari è Amazon. Questa piattaforma ti consente di creare un account ed effettuare i tuoi acquisti da lì. Il sito salva la cronologia degli ordini per consentirti di fare riferimento in qualsiasi momento. Potresti voler nascondere la cronologia degli acquisti a causa di problemi di privacy. La domanda principale che ti viene in mente dopo questa idea è: puoi nascondere gli ordini su Amazon? Puoi nascondere gli ordini su Amazon attraverso pochi semplici passaggi. L'acquisto Amazon hide più semplice è archiviare la cronologia degli acquisti. Un altro processo semplice per nascondere gli ordini Amazon è usare un account famiglia.

I “Prodotti correlati” sono una funzionalità preziosa in un negozio WooCommerce. Quando un cliente acquista determinati articoli, questa funzione identifica le sue preferenze. Raccomanda quindi prodotti simili o complementari. Ciò offre all'acquirente più opzioni da confrontare e scegliere.

Motivi per disattivare la funzione Prodotti correlati

A volte potrebbe essere utile nascondere i prodotti correlati a WooCommerce. Potresti farlo per consentire ai clienti di concentrarsi sul prodotto principale. La disattivazione di questa funzione potrebbe aiutare a caricare più velocemente la pagina del tuo e-store. Può aiutare a ridurre al minimo il disordine sulla pagina. Semplifica l'esperienza di acquisto.

Disattivare i prodotti correlati aiuta a semplificare il processo di pagamento del cliente. Semplificare questo processo riduce al minimo le possibilità di un carrello abbandonato. Puoi disattivare questa funzionalità se preferisci un marketing mirato. Invece di lasciare che un'app consigli articoli, puoi fare raccomandazioni personalizzate.

Potresti preferire avere il controllo completo del tuo negozio online. Questo ti consente di personalizzare il tuo negozio e le pagine dei prodotti. La disattivazione ti consente di creare un elenco di prodotti compatto. Meno visualizzazioni di prodotti aumentano la velocità di accesso e la tua pagina potrebbe classificarsi meglio su Ottimizzazione per i motori di ricerca.

Come rimuovere i prodotti correlati in WooCommerce

Puoi rimuovere i prodotti correlati WooCommerce anche se non sei un programmatore. Alcuni metodi di rimozione sono semplici ma altri sono complicati. Ecco alcuni dei metodi che puoi provare.

Utilizzare un frammento di codice

Il metodo più semplice per nascondere i prodotti correlati è aggiungere un codice ai tuoi temi WooCommerce. Per farlo, hai bisogno di un file php. Segui questi semplici passaggi per farlo.

• Apri la funzionalità Theme Files sul tuo plugin WooCommerce. Per farlo, accedi al tuo sito WordPress.

• Nella dashboard del sito, apri l'icona Aspetto. Scorri e apri Theme Editor. Apri il file functions.php.

• Digita il codice ritagliato come estensione del file Functions.php. Il codice dovrebbe assomigliare a questo:

Rimuovi i prodotti correlati move_action ('woocommerce_after_single_product_summary', 'woocommerce_output_lated_products', 20);

• Per terminare il processo, clicca sull'icona Aggiorna file. La funzionalità dei prodotti correlati verrà disattivata.

Personalizza il tuo tema

Otterrai un maggiore controllo del tuo e-store quando personalizzi il tuo tema. Questo è un altro semplice processo per nascondere i prodotti correlati WooCommerce.

Inizia creando un child theme sul tuo e-store. Questo tema protegge le tue modifiche una volta che clicchi sul file di aggiornamento. Per creare un child theme, apri la directory themes e crea una nuova cartella. Aggiungi questi file alla cartella: functions.php. e style.css. Vai al passaggio successivo e apporta le modifiche.

Il file related.php è quello che visualizza i prodotti correlati durante lo shopping. È necessario sovrascrivere questo file adesso. Apri il tuo plugin WooCommerce e copia questo file – related.php. Otterrai questo file da woocommerce/templates/single-product/. Successivamente, incolla questo file nel file del tema figlio. Dovrebbe assomigliare a questo: your-child-theme/woocommerce/single-product/.

Nel passaggio finale, modifica il file modello. Per fare ciò, vai al file related.php. Questo è il campo che hai incollato nel tema figlio. Identificare la parte che mostra i prodotti correlati. Elimina questa parte e salva le modifiche.

Rimuovi prodotti correlati WooCommerce utilizzando cCstom CSS

Puoi anche nascondere i prodotti correlati con CSS personalizzati. Tieni presente che i CSS non rimuovono la funzionalità. Invece, lo nasconde dal tuo display. Segui questi passi.

Inizia accedendo al tuo sito WordPress. Nella dashboard, apri Aspetto e vai all'icona Personalizza. Nel campo Personalizzatore, apri il pulsante CSS aggiuntivo. Scrivi questo codice in questo campo.

.prodotti.correlati { display: nessuno; }

Per completare il processo, fare clic sul pulsante Pubblica. Ciò salverà le modifiche e nasconderà gli elementi correlati dalla visualizzazione.

Nascondi prodotti correlati WooCommerce con un plugin WooCommerce

Il plugin WooCommerce ti consente di modificare i file del tema e disattivare i prodotti correlati. Hai diverse opzioni di plugin per questo scopo. Un esempio è il plugin Disable WooCommerce Related Products. Puoi anche usare il plugin WooCommerce Product Page Customizer. Ecco come fare.

• Accedi a WordPress e apri la dashboard. Scorri fino al pulsante Plugin e apri l'icona Aggiungi nuovo. Trova il plugin che preferisci utilizzare e installalo. Una volta installato, attivalo.

• Successivamente, apri il campo Impostazioni del plugin che hai appena attivato. Naviga in questo campo per trovare l'opzione Disattiva prodotti correlati.

• I passaggi potrebbero essere diversi in alcuni plugin. Il vantaggio di questo metodo è che non è necessario conoscere la codifica. I plugin ti consentono anche di personalizzarli in molti modi.

Best practice per la gestione dei prodotti correlati

I suggerimenti sui prodotti sono una strategia utile per ottenere pagamenti più riusciti. Scopri metodi alternativi per suggerire articoli agli acquirenti dopo aver disabilitato i prodotti correlati. Questo può aiutare a migliorare l'esperienza di acquisto dei tuoi clienti online. Presta attenzione alle seguenti best practice.

Investire nell'email marketing

L'email marketing può sembrare semplice, ma il suo impatto è significativo. Ti aiuta a costruire relazioni durature con i clienti. Aumenta il traffico online e i tassi di conversione. I dati degli studi di mercato mostrano che l'email marketing ha un ROI elevato. Invia email mirate per promuovere i tuoi articoli. Suggerisci articoli correlati dopo che i clienti hanno effettuato richieste o effettuato il check-out.

Condividi recensioni e testimonianze dei clienti

Incoraggia i clienti a fornire feedback. Chiedi loro di recensire i tuoi prodotti e servizi. Se ricevi più recensioni positive, gli acquirenti che le leggono creeranno fiducia nei tuoi confronti. Molte persone possono effettuare acquisti in base alle recensioni positive.

Eseguire raccomandazioni manuali

I prodotti correlati forniscono consigli automatizzati sui prodotti. Puoi fornire consigli manuali dopo averlo disattivato. Puoi aggiungere spazi personalizzati sulla pagina del tuo prodotto per mostrare articoli gratuiti. I clienti possono prendere in considerazione l'acquisto di loro quando acquistano il prodotto principale.

Utilizzare visualizzazioni dinamiche dei prodotti

I display dinamici dei prodotti hanno molti usi. Puoi usarlo per mostrare promozioni o nuovi articoli. Aiutano anche a mostrare l'urgenza nell'acquisto di determinati articoli. Questa strategia utilizza immagini in costante cambiamento. Il suo obiettivo è attirare rapidamente l'attenzione degli acquirenti. Questa strategia non affolla le pagine. Puoi utilizzare slider o caroselli.

Conclusione

La funzionalità dei prodotti correlati su WooCommerce presenta molti vantaggi. Fornisce consigli automatizzati sui prodotti che possono aumentare le vendite. Potresti voler disabilitare questa funzione per diversi motivi. La disattivazione aumenta la velocità della tua pagina e la riduce. Semplifica il pagamento e riduce al minimo le carte abbandonate. Puoi disattivare questa funzione utilizzando codice, plugin o CSS. Se non hai esperienza di codifica, utilizza il metodo plugin.

Need to add JavaScript to WordPress but not sure where to start?

JavaScript can help you add all types of useful functionality to your WordPress site. However, if you want to take advantage of those benefits, you can’t just copy and paste the JavaScript into the WordPress editor.

Thankfully, there are still some easy ways to add JavaScript to WordPress, either using free WordPress plugins or your own DIY snippets.

In this post, you’ll learn all about how JavaScript can benefit your site and how you can properly add JavaScript to WordPress. 

Beyond the manual method, that includes step-by-step tutorials for three of the most popular JavaScript WordPress plugins – all of which are free to use.

What Is JavaScript?

JavaScript, sometimes abbreviated as JS, is a popular client-side programming language that you can use to add a range of functionality to your WordPress site.

Most of WordPress is written in PHP, which is a server-side language. This means that your website’s server executes the code before delivering the final product to visitors’ browsers.

JavaScript, however, is a client-side language, which means it runs in your users’ browsers and not on your server. This opens up a lot of opportunities for adding dynamic functionality to your website, even after the page has already loaded.

Beyond that, you’ll also commonly use JavaScript to integrate third-party services into your site, such as tracking snippets like Google Analytics or live chat tools.

Can You Use JavaScript In WordPress?

Yes – you can absolutely use JavaScript in WordPress. In fact, you already enjoy the power of JavaScript on your site.

For example, while the core WordPress software is primarily written in PHP, it still relies on JavaScript for a lot of important functionality, such as the content editor and its many blocks.

Many WordPress themes and plugins also use JavaScript to power their functionality, such as slick navigation menus and slide-out effects.

And of course, as you’d expect from the fact that this post exists, you can also add your own custom JavaScript to your site when needed.

What Can JavaScript Do for WordPress Sites?

The possibilities of adding JavaScript to WordPress are pretty endless.

For most users, the most common use case for adding JavaScript to WordPress is integrating third-party tools and services into your site.

For example, most analytics/tracking services rely on adding a JavaScript snippet to your site. This is true of Google Analytics, Facebook Pixel, the Pinterest tag, and so on.

Similarly, a lot of third-party services use JavaScript snippets to integrate with your site. Here are a few examples, but these are by no means a complete list:

• A live chat tool might give you a JavaScript snippet to add the live chat widget to your site.
• Your email marketing service might use JavaScript to let you embed custom opt-in forms or other functionality on your site.
• A contact form tool might use JavaScript to help you embed the form on your site. For example, Typeform embeds its conversational forms using JavaScript.

Finally, you can also add your own custom JavaScript to your site to add all types of different functionality. For this last one, though, you’ll need some development knowledge if you want to customize your site using your own JavaScript (or you’ll need to pay a developer to do it for you).

Three Ways to Add JavaScript to WordPress

When it comes to adding JavaScript to WordPress, you have multiple options.

For most people, using a WordPress JavaScript plugin offers the simplest approach, but there are also manual methods if you prefer a more DIY approach.

1. Use a JavaScript WordPress Plugin (Best for Most People)

The best and simplest option for most people is to use a JavaScript WordPress plugin, which you might also see called a code snippet manager plugin, or something similar.

While the exact features will depend on the plugin, the basic idea is that these plugins give you an easy-to-use interface to add and manage JavaScript snippets directly from your WP Admin.

Here’s an example:

This approach has several advantages:

• Snippet management – if you’re adding multiple snippets to your site, these plugins make it easy to manage each snippet. You can give each snippet a title and use categories/tags to organize them. You can also easily enable and disable individual snippets as needed.
• Theme-independent – by storing your snippets in a plugin, they’ll still be active even if you change themes. This can be important if you’re adding theme-agnostic functionality, such as using JavaScript to add Google Analytics to WordPress.
• Conditional rules – if you don’t want to add your JavaScript snippets sitewide, you can easily add conditional rules to only load the JavaScript on certain content, for certain users, for users browsing on certain devices (smartphone vs desktop), and so on.

Here are some of the best WordPress plugins for JavaScript management:

A little further down in this post, you’ll find step-by-step tutorials for how to use three of the most popular plugins (all of which are free).

2. Use WordPress Hooks and the functions.php File of Child Theme (A Little More Complex)

If you don’t want to install a WordPress JavaScript snippet plugin, you can also manually add JavaScript to WordPress using your WordPress theme’s functions.php file and the WordPress hook system.

This method is a little more complex, but it lets you achieve a similar end result as the plugins above.

Essentially, the WordPress hook system lets you inject any content in your site’s header or footer, including JavaScript.

When combining some PHP code for the hook with your JavaScript, you can automatically inject it in your site. Here’s an example of the code that you would use to add JavaScript to your site’s header:

function wpcom_javascript() {
    ?>
    
    

You can also use more complex PHP to add conditional IF statements, such as only adding the JavaScript to a certain post or page on your site.

Here’s an example of only adding JavaScript to a single page by targeting the page’s ID:

function wpcom_javascript() {
if (is_page ('42')) { 
    ?>
    
    

If you do use your theme’s functions.php file, it’s important to use a WordPress child theme so that your JavaScript snippets don’t get overwritten when you update your theme.

As an alternative to using your child theme’s functions.php file, you can also create your own custom plugin to house these snippets.

The main advantage of using a custom plugin instead of your child theme’s functions.php file is that it makes your code snippets theme-agnostic. That is, you can change themes, and all of your JavaScript snippets will still be active.

You can still use the same code examples from above when creating a custom WordPress plugin.

3. Enqueue the JavaScript Using wp_enqueue_script (Mainly Just for Developers)

This last method is a little more complex and won’t apply to most use cases where you’re adding JavaScript to your site.

However, you might have more complex situations where you need to upload your own JavaScript file to your site and use it, rather than embedding a JavaScript snippet from a third-party service such as Google Analytics or Facebook.

This usually only applies to developers who are working on custom themes or plugins, but it could happen in other situations.

In this case, you would want to use the wp_enqueue_script function to register that JavaScript file with your WordPress site and tell WordPress where to load the file.

How to Add JavaScript in WordPress Using Plugins

While all of the methods above offer viable ways to add JavaScript to WordPress, the plugin approach is the best route for the reasons discussed above. Here’s a quick recap of those reasons:

• They make it easier to manage multiple snippets because each snippet is a separate entry and you can use titles, categories, and tags to organize snippets.
• You can store your snippets outside your theme, which means they’ll still be active on your site even if you switch themes.
• You can use conditional rules to only load snippets in certain situations.

Below, you’ll find tutorials for three of the most popular WordPress JavaScript plugins.

If you’re using WordPress.com, you’ll need to be on at least the WordPress.com Business plan to install your own custom plugins. If you haven’t already upgraded, you can upgrade by following these instructions.

If you’re on the Business or eCommerce plans already but you’re not sure how to install custom plugins, you can check out this guide for installing plugins on WordPress.com.

How to Use WPCode to Add JS to WordPress

Formerly known as Insert Headers and Footers, WPCode is one of the most popular WordPress plugins for JavaScript snippets.

While the plugin makes it easy to just inject sitewide scripts in your header and footer, one of its standout features is that it also lets you add conditional rules to control when to load scripts.

For example, you could only load JavaScript on certain content or for users who are logged in to your site (or not logged in). Or, you could do both at the same time! That is, add JavaScript to one specific page on your site and only load that script if the user is logged in.

Here’s how to get started:

1. Install and activate the free plugin on your site.
2. Go to Code Snippets → + Add Snippet in your WP Admin.
3. Hover over the option to Add Your Custom Code (New Snippet) and choose Use Snippet.

Now, you’ll be in the full snippet editor interface.

At the top, you’ll want to do three things:

1. Add a title to help you remember what the snippet does. You’re the only person who will see this.
2. Set the Code Type equal to JavaScript Snippet.
3. Add the code for your snippet to the Code Preview. The plugin will automatically add the opening and closing

Below that, you can choose where to add this JavaScript snippet on your site.

The most important options here are the Insertion settings. You can add your snippet sitewide to the header, footer, or body. For important snippets, you should choose the header, though the footer is slightly better from a performance perspective.

Alternatively, you can target it to specific content or even manually place it using a shortcode.

You can ignore the Basic Info section, though you’re free to add tags or internal notes to help you organize your snippets.

Finally, you have the option to use Smart Conditional Logic to add more rules for where/when to insert the snippet. For example, this is where you could configure the plugin to only load your snippet for logged-in users.

Again, you’re free to ignore these settings if you don’t need them.

When you’re finished configuring your snippet, make sure to click the Save Snippet button in the top-right corner.

Then, use the toggle beside that button to switch the snippet to Active to make it live on your site.

And that’s it! To insert additional snippets on your site, you can repeat the process to add each snippet separately.

How to Use Simple Custom CSS and JS to Add JS to WordPress

Simple Custom CSS and JS doesn’t offer as many conditional rule options as the WPCode plugin unless you pay for the Pro version. However, if you just want to add sitewide JavaScript snippets, it delivers on its name by offering a simple way to do so, even with the free version.

Once you’ve installed and activated the plugin, you can hover over the Custom CSS & JS menu in your WP Admin to choose between two options:

1. Add Custom HTML – use this if you’re embedding a script from a third-party service, such as Google Analytics or your live chat service.
2. Add Custom JS – use this to add your own custom JavaScript code.

Most of the time, you’ll probably want to use the Add Custom HTML option, even if it sounds a little unintuitive.

This will open the interface to manage this snippet. Many of the settings require the Pro version to access, but you still get a good amount of flexibility with the free version of the plugin.

Here’s what to configure:

• Add an internal title to help you remember what the snippet does.
• Paste the snippet into the text editor.
• Use the Where on page options to choose where to inject the snippet.
• Use the Where in site option to choose whether to add it on the frontend of your site or only in your WP Admin. Usually, you want to add it to the frontend.

Once you’ve made your choices, click the Publish button to make your JavaScript snippet live.

If you want to add more JavaScript, you can repeat the process for each additional snippet.

How to Use Header Footer Code Manager to Add JS to WordPress

Header Footer Code Manager is another popular free plugin that uses a similar approach to WPCode.

One advantage that it has is that it lets you target your JavaScript snippets to users browsing on certain devices (e.g. a smartphone or desktop). 

However, the free version lacks the option to target specific users based on their logged-in status or role like WPCode allows, though you can access this feature by paying for the premium version of Header Footer Code Manager.

To get started, install and activate the plugin and then go to HFCM → Add New in your WP Admin:

Now, you should be in the interface where you can add your snippet.

At the top, you can use the box to configure details about your snippet:

• Snippet Name – an internal name to help you remember it.
• Snippet Type – set equal to JavaScript.
• Site Display – choose to display it sitewide or only on certain content.
• Exclude Pages / Posts – manually exclude certain content from having the snippet.
• Location – choose to add it in the header or footer.
• Device Display – only add the snippet for users with certain devices.
• Status – set to Active if you want to make this snippet live.

Below that, you can add your actual snippet into the Snippet / Code box.

When you’re finished, make sure to click the Save button at the bottom of the interface.

You can then repeat the process to add more JavaScript snippets as needed.

Summary

Adding JavaScript to WordPress opens up a lot of flexibility for your site. You can use it to add tracking scripts or integrate third-party services.

Or, you can add your own custom JavaScript (or hire a developer to help you do that).

For most WordPress users, using one of the WordPress JavaScript plugins is the best way to get started.

However, if you prefer the DIY approach, you can also manually add JavaScript using a child theme or a custom plugin.

If you want the ability to use these JavaScript plugins on your WordPress.com site, you’ll need to be on at least the WordPress.com Business plan so that you’re able to install your own custom plugins.

Sign up or upgrade today, and you can be adding JavaScript to WordPress in no time.