How to add video to shopify Blog ?

Published on Apr 06, 2023

Julien Mamalian

CEO, Bloggle

In today's digital landscape, e-commerce brands must consistently engage with their audience to foster trust and cultivate long-lasting relationships.

At Bloggle, we understand the significance of establishing a direct connection with your audience and strive to help businesses of all sizes achieve this. We have developed a user-friendly platform designed to empower e-commerce brands using Shopify to build a dynamic and engaging blog. One essential aspect of creating an engaging blog is incorporating multimedia elements like videos. Videos not only capture the attention of your readers but also improve your store's search engine rankings, making it easier for potential customers to discover your website through organic search. In this tutorial, we will guide you step-by-step on how to add a video to your Shopify blog, optimizing it for SEO, and enhancing your online store's overall appeal.

Step by Step Guide to embed video in your blog post in Shopify

Preparing Your Video for Embedding

Before embedding a video in your Shopify store, it's essential to ensure that the video file is properly optimized for the online environment. Optimizing your video involves selecting the appropriate video format, considering file size, and choosing the right type of video content to engage your audience.

a. Video Format: To provide the best possible viewing experience, select a video format that is widely supported across devices and platforms. Two popular formats are MP4 (video/mp4) and WebM. MP4 is generally recommended for its compatibility with most browsers and devices.

b. File Size: Keep your video file size as small as possible without compromising quality. Large video files may take longer to load, leading to poor user experience and potentially affecting your conversion rate. You can use video compression tools to reduce the file size while maintaining optimal video quality.

c. Type of Video Content: Consider the purpose and content of your video, ensuring that it aligns with your brand values and target audience. Product videos, tutorials, and customer testimonials are some examples of video content that can enhance your Shopify blog, social media presence, and overall online store experience.

d. Thumbnail and Video Description: Create an eye-catching thumbnail and an accurate, informative description for your video. The thumbnail should visually represent the content of the video and compel users to click and watch. The description should include relevant keywords to improve your video's search engine optimization (SEO).

Once your video is optimized, you are ready to upload it to a video hosting platform like YouTube or Vimeo. In the next section, we will discuss how to choose the right video hosting platform for your Shopify store.

Finding the Right Video Hosting Platform

Selecting a suitable video hosting platform is crucial for the success of your embedded video on your Shopify blog. The platform you choose should offer seamless integration, reliable performance, and customization options. Here, we will explore two popular video hosting platforms, YouTube and Vimeo, and their respective features to help you make an informed decision.

a. YouTube: As the largest video sharing platform, YouTube offers an extensive user base and excellent visibility for your videos. By creating a dedicated YouTube channel for your e-commerce brand, you can easily embed your videos into your Shopify blog using the YouTube embed code. YouTube provides various customization options, such as autoplay and video controls, allowing you to tailor the viewing experience to your audience's preferences. Additionally, YouTube videos are optimized for search engines, which can improve your store's SEO.

b. Vimeo: Another popular video hosting platform is Vimeo, which is known for its ad-free, high-quality video playback and customizable embed options. With a Vimeo Pro account, you gain access to advanced features such as custom video thumbnails, analytics, and more control over your video's appearance on your Shopify blog. Vimeo also supports SEO optimization and offers seamless integration with the Shopify platform.

When deciding between YouTube and Vimeo, consider your brand's specific needs and requirements. YouTube may be the better choice if you want to reach a larger audience and take advantage of the platform's search engine optimization capabilities. On the other hand, Vimeo may be more suitable if you prefer an ad-free viewing experience and greater customization options.

After selecting the appropriate video hosting platform and uploading your optimized video, you are ready to embed it into your Shopify blog. In the next section, we will provide a step-by-step guide on embedding a video on your Shopify blog using the embed code.

Embed a Video Using the Bloggle App

If you prefer a more streamlined approach to embedding a video in your Shopify blog, you can use the Bloggle app, which simplifies the process and offers additional customization options. The Bloggle app is designed to seamlessly integrate with your Shopify store, making it easy to add videos to your blog posts without manually editing the HTML code. Follow the steps below to embed a video using the Bloggle app:

a. Install the Bloggle App: First, navigate to the Shopify App Store and search for the Bloggle app. Install the app and grant the necessary permissions to integrate it with your Shopify store.

b. Access the Bloggle Dashboard: Once the app is installed, go to your Shopify admin panel and click on "Apps." From there, select the Bloggle app to access the dashboard, where you can manage your blog posts and multimedia elements.

c. Create or Edit a Blog Post: In the Bloggle dashboard, either create a new blog post or select an existing post where you want to embed the video. Open the blog post editor, which provides a user-friendly interface for adding and customizing your content.

d. Insert the Video: Within the blog post editor, locate the "Add Content" button. Click the button and select the video block. Select the link type (Youtube, Viméo, Shopify ) and paste the video link or URL into the provided field. The Bloggle app will automatically generate the embed code and insert the video into your blog post.

e. Customize the Video block: Using the Bloggle app, you can easily adjust the video settings, such as width, padding, background. Tailor these settings according to your preferences and the needs of your audience.

f. Save and Publish: Once you have embedded the video and customized the settings, preview your blog post to ensure everything appears as intended. If you're satisfied with the result, save and publish your blog post.

By using the Bloggle app, you can effortlessly embed videos into your Shopify blog, enhance your content, and create a more engaging experience for your readers without the need to manually edit the HTML code.

Embed a Video on Your Shopify Blog

Now that you have prepared your video and chosen a suitable hosting platform, it's time to embed the video into your Shopify blog. This process involves obtaining the embed code from your video hosting platform and inserting it into your blog post's HTML. Follow the steps below to embed a video on your Shopify blog:

a. Obtain the Embed Code: Navigate to the video on your chosen hosting platform (YouTube or Vimeo) and find the "Share" or "Embed" button. Clicking this button will display the embed code, which is an HTML snippet that you will insert into your blog post.

b. Access the Shopify Admin: Log in to your Shopify store and go to the admin panel. From there, navigate to "Online Store" > "Blog Posts" and either create a new blog post or select an existing post where you want to embed the video.

c. Edit the Blog Post: In the blog post editor, click on “Insert video”. This will reveal a popup, allowing you to insert the video embed code.

e. Preview and Save

Your video is now successfully embedded into your Shopify blog, enhancing your content and engaging your audience. In the next section, we will discuss how to optimize your video for SEO, further improving your store's search engine rankings and visibility.

Optimizing Your Video for SEO

Embedding a video in your Shopify blog not only adds value to your content but can also improve your store's search engine rankings when optimized for SEO. Here are some best practices for optimizing your embedded video to ensure that it contributes to your store's overall SEO performance:

Use Descriptive Titles and Keywords: Craft a descriptive and compelling title for your video that includes relevant keywords, such as "ecommerce," or "product video." Incorporating these keywords into your video title and description can help search engines understand the content and context of your video, increasing its visibility in search results.

Add Transcripts and Closed Captions: Providing transcripts and closed captions for your video can improve its accessibility, allowing a broader audience to consume your content. Moreover, search engines can index the text from transcripts, further improving your video's SEO.

Optimize Video Thumbnail: Create an eye-catching thumbnail for your video that accurately represents its content. An attractive thumbnail can improve click-through rates, signaling to search engines that your video is valuable and relevant to users.

Leverage Schema Markup: Implement schema markup for your video content to provide additional information to search engines. This structured data helps search engines better understand the content of your video, potentially leading to rich snippets in search results and improved click-through rates.

Share Your Video on Social Media: Promote your video across various social media platforms to increase its reach and visibility. Sharing your video on social media can generate backlinks and drive traffic to your Shopify blog, further improving your store's SEO.

By following these optimization practices, you can ensure that your embedded video contributes to your Shopify store's SEO, helping you attract more potential customers through organic search. In the next and final section, we will explore customizing video settings for a better user experience.

Customizing Video Settings for Better User Experience

To maximize user engagement and ensure a seamless viewing experience for your audience, it's essential to customize the video settings for your embedded video. Here are some tips for tailoring the video playback settings to enhance the user experience on your Shopify blog:

<iframe width="560" height="315" src="<**autoplay=1**>"  allowfullscreen></iframe>

Autoplay: While autoplay can be useful in some cases, it may also be intrusive and negatively impact user experience. Consider your audience's preferences and the purpose of your video before enabling autoplay. If you choose to use autoplay, ensure that the video plays without sound by default to minimize disruption.

Video Controls: Providing video controls, such as play, pause, and volume, allows users to interact with your video and control their viewing experience. Make sure that these controls are visible and accessible on your embedded video.

Responsive Design: Ensure that your embedded video is responsive and adjusts its size according to the screen dimensions of the user's device. This ensures a consistent viewing experience across various devices, such as desktops, tablets, and smartphones.

<iframe width="560" height="315" src="<**loop=1**>"  allowfullscreen></iframe>

Looping: Depending on the content of your video, you may want to enable looping, allowing the video to play continuously. This can be particularly useful for short product videos or animated backgrounds. However, use looping sparingly, as it may not be suitable for all types of video content.

Customize Player Appearance: Depending on your chosen video hosting platform, you may have the option to customize the appearance of the video player. Tailor the player's colors, branding, and other visual elements to match your Shopify store's aesthetic for a cohesive user experience.

By customizing the video settings, you can create a tailored and enjoyable viewing experience for your audience, further enhancing the value of your embedded video on your Shopify blog. Implementing these best practices will contribute to a more engaging and user-friendly blog, helping you build trust and establish a strong connection with your readers.

Boost your Shopify blog SEO & conversion

If you're tired of wasting time and money on creating boring articles using the native Shopify blog feature, then try Bloggle. Our successful merchants have already made the switch and are reaping the benefits.

⭐ 4.8/5 ON APP STORE
   +700 merchants

Boost your blog Traffic & Sales!

✅   Powerful design editor
✅   SEO optimizer
✅   Embed product, newsletter forms
✅   High converting blog layout

$24,9 USD

/ 30 days

4.9/5 (132 reviews)