CMS

How to Embed YouTube Videos in WooCommerce (Product Description etc)

So you want to embed a YouTube video in your wooCommerce pages but find it rather difficult. You are covered. In this guide, we’ll discuss how to embed YouTube videos in your product descriptions without any hassles.

Here we go!

The Direct Method

This is the easiest and simplest way to embed a YouTube video into your WooCommerce product descriptions  – but it’s only good if you don’t want to customize the Youtube video at all.

Step 1. Grab the URL of your YouTube video by clicking on the Share button on the YouTube site:

Step 2. Paste into your product description page at the end as shown below:

WARNING: Do not forget to change the editor mode from Visual to Text (highlighted in red) before pasting the YouTube URL, so you do not run into sudden page load.

Step 3. Click on button and see the changes.

See the following reference:

Checked the preview of your product description?

Satisfied… Happy Ending now!

Not Satisfied… Continue the hard way.

The Pro Method

In this section, we will discuss not only how to embed the articles but also how to resize and set different elements of the video frame the professional way.

Step 1. Grab the Embed Code of your YouTube video as shown below:

Step 2. Click on SHOW MORE and expand to use embed elements.

NB: If you need even more options for customizing the YouTube player we offer this free tool.

Step 3. Select a suitable video frame size.

Step 4. Adjust player controls and video title.

Step 5. Paste the code into WooCommerce editor as discussed in the previous section.

Step 6. Click to check if the video appears as you wish.

Step 7. Publish the changes.

And, you are done! Congratulations!

Embedding YouTube into your Prestashop Store Guide

PrestaShop installation might be a daunting process for many but running the store isn’t. It is the most modern Content Management System for online shops at the moment. In this guide, I’ll help you to embed YouTube videos into your PrestaShop Store. It is slightly tricky, isn’t it? You’ll find yourself more confident in the end of this tutorial.

 

  1. Log into your PrestaShop and Click on Catalogue Products as shown below:

Now, you can see your products list, if any.

Click on button to enter into details of your products.

Now you are on your Product Page.

Scroll down to Description which is next to Short Description.

Do check below.

Click on Tools Source Code as shown below:

And a new editor will pop-up to paste the embed code of your YouTube video.

Now grab your YouTube video embed code as shown below:

Set up necessary elements like video size, video titles, and frame controls. If you need more advanced options for customizing YouTube check out our free Embed wizard tool here, with other 30 customizations.

Now paste into your source code dialogue box.

And, check Preview:

 

There are paid modules for Prestashop which provide more flexibility to add YouTube videos but can be very expensive for a new store. Wish you good luck with your business!

 

How to Embed YouTube Videos into Wix

Wix is an easy website design and development platform. It provides you with a drag and drops editor to build your wonderful website. In this tutorial, I’ll guide you how to make your YouTube videos appear into your Wix pages and make them look astonishing.

NB: Use our free tool for embedding Wix videos on our website here, if you don’t want to read the full article.

Understand the Editor

As soon as you log into your Wix editor you will see some interesting buttons in your left column as seen above.

  1. Click on button and you’ll see a list of several options.
  2. Hove on and expand the list further.
  3. Click or drag and drop/button. You’ll see a dummy image as following:

  1. Click on the video and you’ll get options to update the video as seen in the following image

  1. Pick the short Share URL, click on Change Video to display the Video Settings dialogue box.
  2. Paste the web address and click Update.

  1. You can also update video settings like whether video to autoplay or not, the video should be in a loop, and should the user be able to control the volume or not.
  2. You can also change the size of the video the easiest way.

So easy, isn’t it?

Yeah!

Direct Embed Using HTML Code

Now we’ll learn how to directly embed your HTML code and easily control the size of your video.

  1. Go to App Market and search HTML iFrame/Embed application as shown below.

  1. Click on settings button, select Code when the HTML Settings dialogue box pops up.

  1. Find your YouTube video ID (in the URL bar) and copy it to your clipboard then paste it here and it’ll generate the output code you need.
  2. Copy and paste the code into our dialogue box, click update and you are done.

  1. Set desired width and height of the video either directly in code or stretch the flexible video frame.
  2. Click and you are good to go.

 

Categories CMS

How to Embed YouTube Videos into PowerPoint (FREE)

A PowerPoint presentation can allow you to insert a YouTube Video or link so that you can play it during your presentation. The challenge is that most people don’t know how to embed a YouTube video in their presentation. Lucky for you, we are going to empower you on how to add YouTube videos to PowerPoint presentations with this article.

In most cases, to access video links during presentations, the user would copy links from slides and paste them into a browser. Of course, this might obstruct the flow of the presentation. It is also time consuming and unprofessional. Thus, to help you stay organized during presentations, we have provided a few brilliant tips on how to add YouTube videos to your PowerPoint presentations.

If you want to use our free wizard to customize the YouTube video before adding to PowerPoint click here.

Method 1: The simple method, on YouTube.com

Follow these simple steps:

  • Open YouTube on your preferred browser.
  • In the YouTube search box, type in a keyword of the video you wish to add to your presentation.
  • Once the results are displayed copy the name of the video.

The second step is adding the YouTube Video in your presentation.

Follow these simple steps;

  • Launch PowerPoint and open your presentation.
  • Add a new slide or click on the slide on which you would like to add to the video.

  • Navigate to the Insert tab.
  • On the Insert tab, click Video > Online Video (A YouTube search box will appear).
  • Type or paste the name of your YouTube video in the YouTube search box and press enter.

  • Your YouTube video will appear amongst the search results.
  • Click on it and then click insert at the bottom of the page.
  • Your YouTube video will be inserted into the page (you can drag and resize the video as you please).

Preview the YouTube Video on the PowerPoint Presentation

Once you have your YouTube video on your slide, you can select it, then click on the playback tab located on the PowerPoint ribbon. To preview your video on the slide, you will need to click preview, then click on the play button. You can also switch to the playback tab that is on the ribbon to make choices about when and how the video plays.

How to Improve the Playback of PowerPoint Embedded Videos

PowerPoint utilises the video playing technology of internet explorer to allow you to play videos that are embedded in your slides. Of course, you should install the latest version of internet explorer for best results. It will certainly ensure that your videos play smoothly. However, it is not an obligation to open the internet explorer browser while playing the video. PowerPoint makes use of its underlying technology to play the videos that you add to the presentation.

Therefore, in conclusion… Adding videos to PowerPoint presentation has become a common skill in the modern world. The practice adds value and meaning to your presentation. Extinct, are the days when you would insert the URL manually in a browser to play a YouTube video during a presentation.

It can take you less than 2 minutes to add a video to your PowerPoint presentation. You only need to connect to the internet, and your video will play smoothly as long as you followed the right procedure while embedding the video.

Method 2: Embed as an “Online Video” in PowerPoint

Starting from version 2010, PowerPoint includes a built-in tool to insert a YouTube video onto a slide. Here are the steps to use it:

  1. Go to YouTube and find the video that you would like to embed into your presentation. Copy the link from the address bar.
  2. Open your presentation and select the slide in which you would like to place the video, go to the Insert tab, and choose Video → Online Video.
  3. Paste the link in the first address bar of the opened window. Using this field, you also can search for a video on YouTube directly. Click on the magnifying glass or press Enter on your keyboard to perform a search.
  4. Click on the thumbnail of the video and press Insert.
  5. You can adjust the video size just as with any other slide object.

Read more

How to Embed YouTube Videos into Ghost CMS

Ghost CMS is built for simplicity, thus Embedding a YouTube video is also very simple.

But…

You would get lost in your simple theme if you messed with your HTML code.

Here is what will your visitors see in case you made mistake a mistake while embedding your YouTube video.

You also need to setup your height, width, frame, and many other aspects of your video.

We are going to discuss this step by step, so you keep focusing on your writing instead running into Coding Math.

Here we go!

Embedding the Video

  1. Log into your account either it is self-hosted version or Ghost Pro.
  2. Navigate to your editor as usual.
  3. Grab your YouTube video embed code as following:

 

Everyone loves a discount - whether it's a student or a healthcare worker. And YouTube Video Embed HQ, we love money saving as much as the next person; if you're like us and still in education then get yourself a Student Discount today. It works at many top UK stores like AO, WHSMith, Topman and more. Try Student Discount UK now.