My new blog (before translation)

Escrito por: Julien Mamalian

|

|

Tiempo de lectura 9 min

The Complete Guide to Adding Products to your Shopify Blog

Table of content

Whether you’re a large Shopify store or a small merchant, you know that the Shopify’s native blog feature is minimal. If you want to learn how to create beautiful and more complex posts that convert without writing code, you’re in the right place.

Why do you need to embed products into your blogs:

  • Embedding products to blog posts is crucial for cross-selling your customers and displaying your blog’s related products. The goal is to create a great customer experience that provides contextual, in-content purchase recommendations and encourages people to buy more.
  • Incorporating product links into your blog articles can indeed contribute to better SEO performance for your product pages. By creating these internal links, you establish a clear connection between your blog content and your product pages, helping search engines understand the structure and relationships within your website.

While embedding products without an app is possible, Bloggle is the ideal Shopify app that simplifies the process of adding products to your Shopify blog posts. This powerful tool combines SEO and design capabilities to help you create conversion-focused and e-commerce-oriented content.

Bloggle costs less than $25 per month and you can try it for 10 days for completely free. No credit card is required.

  1. How to add products to blog posts on Shopify without an app (Shopify tutorials)
    1. Manually inserting product links within the blog post
    2. Embedding product images and linking them to product pages
    3. Creating custom HTML or liquid code to display product details
    4. Integrate using Shopify’s Buy Button
    5. What are the downsides of not using an app to embed products into Shopify blogs?
  2. How to add products to blog posts on Shopify using the Bloggle app
    1. Advantages of using the Bloggle app to embed products
    2. Types of products
    3. Step-by-step tutorial
  3. Case studies: Examples of high-converting posts with product embedding
  4. Conclusion

1. How to add products to blog posts on Shopify without an app(Shopify tutorials)

1.1 - Manually inserting product links within the blog post

Adding products to your Shopify blog posts without an app is simple by manually inserting product links in the content. This approach directs readers to product pages and encourages potential purchases. Using descriptive anchor text for links also improves user experience.

Step-by-step tutorial:

  1. Go to your Shopify admin. Click on Online store -> Blog posts -> Select the blog you want to add products to.
  2. Select the text you want to turn into a product link and click on the link icon.
  3. Paste the product URL in the input field and click on Insert Link.

Result:

Let's take a look at a real-life example

Grade:

Difficulty: 1/5 (for beginners)

Time: 1/5

Conversion optimization: 1/5

Conclusion:

This straightforward solution lets you quickly add product links to your blog posts to help your store’s SEO. However, it may not be the most effective way to turn your readers into buyers. To improve conversion rates, consider using more advanced strategies like the ones listed below.

1.2 - Embedding product images and linking them to product pages

Embedding product images in your blog posts and linking them to product pages offers a visually appealing way to showcase items and drive reader engagement, ultimately leading to potential purchases and an enhanced user experience.

Result:

Let's take a look at a real-life example

Grade:

Difficulty: 2/5

Time: 2/5

Conversion optimization: 3/5

Conclusion:

Embedding product images and linking them to product pages is an effective way to showcase your products within your blog content, providing a more visually appealing and interactive experience for your readers.

However, using an app like Bloggle can further enhance this process by offering additional features and customization options.

1.3 - Creating custom HTML or liquid code to display product details

Custom HTML code enables you to showcase product details within your blog posts in a tailored and dynamic manner, improving user engagement and potentially increasing conversions on your Shopify store.

Step-by-step tutorial:

  1. Go to your Shopify admin. Click on Online store -> Blog posts -> Select the blog you want to add products to.



  2. Place your cursor at the desired location in the blog post editor where you want to insert the product HTML -> Click on the "Show HTML" icon in the editor toolbar.



  3. Replace the HTML below with the product properties. You need to replace:
    - Product Name
    - product-image URL and product-image-description
    - Product Description
    - product-url

    Product Name


    product-image-description

    Product Description


    View Product
  4. Insert your custom HTML. Once you have inserted your custom code, click on the "<>" icon again to switch back to the visual editor




Note: Keep in mind that this method may necessitate some CSS customization to ensure the appearance and style align with your Shopify theme.

Congratulations! You have successfully used custom HTML code to display product details in your Shopify blog post.

Result:

Let's take a look at a real-life example

Grade:

Difficulty: 5/5

Time: 4/5

Conversion optimization: 4/5

Conclusion:

While creating custom HTML code requires more technical knowledge, it allows for a highly personalized and dynamic presentation of product details in your blog posts.

This method can lead to increased engagement and potentially higher conversion rates compared to using simple text links or static images but will require some technical knowledge.

1.4 - Integrate using the Shopify’s Buy Button

The Shopify Buy Button is a powerful tool that allows you to embed products directly into your blog posts, providing a seamless shopping experience for your readers. By integrating the Buy Button, you can display product information, add-to-cart functionality, and checkout options within your content.

Step-by-step tutorial:

  1. Install the Buy Button app on the Shopify app store.



  2. Click on “Create a Buy Button”



  3. Choose “Product Buy Button”



  4. Search the product you want to add to your blog and click on Select



  5. Customize the design of your embedded product and click Next



  6. Copy the HTML Code



  7. Go back in the blog post you want to add the product in -> Click on Show HTML -> Paste your HTML

Note: ⚠️ As explain in this blog post, Shopify recommend to not use the buy button on your online store or on your blog as it can cause problems with the checkout process.

Congratulations! You have successfully added a Shopify’s Buy Button to your blog 🎉

Result:

Let's take a look at a real-life example

Grade:

Difficulty: 3/5

Time: 2/5

Conversion optimization: 5/5

Conclusion:

Integrating the Shopify Buy Button into your blog posts is an effective way to showcase your products and streamline the purchasing process for your readers. This user-friendly solution enhances the overall shopping experience, potentially leading to higher conversion rates and increased revenue for your online store.

1.5 What are the downsides of not using an app to embed products into Shopify blogs?

There are inevitable downsides of not using an app like Bloggle which allows you to embed the product to your Shopify blog in just a click. We’ll name just a few.

HTML coding is only for tech-savvy people

From our point of view, even the most brilliant developers could use Bloggle because coding in this case is a waste of energy. We assume you'd prefer working on other pieces of code than the one determining the way products would be displayed— especially if there’s an affordable app that can help you achieve that with ease.

It’s time-consuming

Not using an app like Bloggle will consumeyour time, which is the only resource we can never get back. How you manage your time directly impacts how you manage your e-commerce business. It makes much more sense to direct your time towards creating a cross-selling strategy or leveling up your product photography than figuring out the technicalities of how to display products in your Shopify blog posts.

It’s simply not practical

If your business has a team with different levels of experience, then uploading and publishing blog posts could be a great starting point for a junior looking to start a career in e-commerce or digital marketing. It’s a pity to create a bottleneck with impractical product embedding that would imply coding.

2. How to add products to blog posts on Shopify using the Bloggle app

2.1 Advantages of using the Bloggle app to embed products

Utilizing the Bloggle app for embedding products in your Shopify blog posts offers several benefits.

Firstly, Bloggle provides a variety of ways to showcase products, such as single product embeds, product carousels, and product grids. This range of options enables you to choose the presentation style that best complements your content and engages your target audience effectively.

Secondly, Bloggle makes it easy to personalize the style and appearance of your product displays. With customizable templates and styling options, you can ensure the embedded products seamlessly align with your overall branding and website design, creating a consistent and professional look.

Finally, the Bloggle app comes with numerous other features designed to help merchants drive traffic and generate revenue from their blog. These features may include:

  • Ability to customize the blog landing layout and the blog layout
  • Variety of sections to create amazing blogs: medias (videos, images), call to actions, newsletter forms...
  • Powerful templates
  • Productivity tools: save and reuse sections, Google doc to Bloggle tool, clone blogs...
  • SEO optimization tools
  • AI-generated content creation
  • Ability to use your custom theme fonts, colors and styles (headings)

By taking advantage of these additional functionalities, you can optimize your blog posts for search engines, enhance the user experience, and ultimately increase conversions and sales. Here is a list of blogs created with the Bloggle app.

In summary, using the Bloggle app not only streamlines the process of embedding products in your Shopify blog but also offers customizable styling options and a suite of complementary features to maximize your blog's traffic and revenue potential. It brings to Shopify the power of a dedicated blog CMS like Wordpress.

Bloggle costs less than $25 per month and you can try it for 10 days for completely free. No credit card is required.

2.2 Types of product embeds

There are three main ways you can embed products to your Shopify blog. It can be a single product embedded in which case you maybe want to promote a best-seller or the product you’re promoting perfectly aligns with the topic of the blog post.

Then there is a product carousel that presents a collection of similar products and often assists in increasing conversions. Customers are typically more proclived to purchase bundles or complementary products, especially if they come with some type of discount.

Products with description function as in-content ads because the accompanying copy might additionally persuade the person that the product is right for them.

Single product

A great example of embedding a single product into your Shopify blog is when you want to zero in the specific features of it or even compare it to other, similar products.

Let’s look at how Veloforte did it in their blog post “Best Energy Bars for Cycling”.

This in-depth, expert article provides an excellent example of how you can educate your audience and position your products as solutions to their pain points while not being too pushy.

As you can see, embedding a single product makes sense in case of this Shopify blog since the author is explaining which energy bars are best for their specific needs and nutrition requirements.

Product grid

You can see an example of a product grid on the website of Megmade Chicago, a furniture brand. A product grid is a versatile and visually appealing way to showcase multiple products within your Shopify blog. It allows you to present a collection of related or complementary items in an organized grid layout, making it easier for readers to browse and explore different options.