Add a Product Video for WooCommerce with Elementor and ACF

Learn how to add a product video for WooCommerce using Elementor and Advanced Custom Fields (ACF). Boost your WooCommerce store’s appeal and customer engagement with this easy method explained by Web Squadron.

Benefits of a Product Video for WooCommerce

Imagine you’re shopping online for a new gadget. You’re not quite sure how it works, but then you see a video demonstrating the product. Suddenly, everything becomes clear! That’s the magic of product videos. They can:

• Give customers a better understanding of your product
• Make your product page more engaging
• Increase the likelihood of purchases

Paid Method of Adding Videos to WooCommerce

Now, you might be thinking, “Can’t I just pay a monthly fee and add videos to my WooCommerce store?” Sure, you can. But it’s like paying for a gym membership and only using the treadmill. You’re not really getting your money’s worth. Plus, there’s a more cost-effective way to do it!

Using Advanced Custom Fields (ACF) for WooCommerce Video Integration for Free

Enter Advanced Custom Fields (ACF), a free plugin that allows you to add extra content fields to your WordPress edit screens. These fields can then be used to display extra information on your product pages, including videos.

How to Install and Use ACF

Installing ACF is straightforward. Here’s how you do it:

1. Go to your WordPress dashboard and navigate to ‘Plugins > Add New’.
2. Search for ‘Advanced Custom Fields’ and click ‘Install Now’.
3. Once installed, click ‘Activate’.

Now that ACF is installed, let’s create a field for our video:

1. Navigate to ‘Custom Fields > Field Groups’ and click ‘Add New’.
2. Name your field group ‘WooCommerce Products’.
3. Click ‘Add Field’ and name it ‘Video’.
4. Set the field type to ‘URL’.
5. Under ‘Location’, set the ‘Post Type’ to ‘Product’.
6. Click ‘Publish’.

How to Add Videos to WooCommerce Products

Now that we have our field set up, let’s add a video to a product:

1. Go to ‘Products’ and select a product to edit.
2. Scroll down until you see the ‘Video’ field.
3. Paste the share link from a YouTube video into the field.
4. Click ‘Update’.

Incorporating the WooCommerce Video into the Product Page with Elementor

Now, let’s make our video visible on the product page:

1. Open your product page with Elementor.
2. Drag and drop the ‘Video’ widget to your desired location.
3. Click on the ‘Dynamic’ option next to the ‘Video Link’ field.
4. Select ‘ACF URL Field’ and choose ‘Video’ from the dropdown menu.
5. Click ‘Update’.

Previewing the Product Page

Time to see our hard work in action! Preview your product page and you should see your video. If a product doesn’t have a video, it’ll just show a placeholder. You could also just hide the video widget via the dynamic visibility settings if you do not want to display a placeholder (Hide if the Video URL does not exist).

Additional Tips and Tricks for WooCommerce Video

You can also use videos from your media library or Vimeo. Just copy the URL and paste it into the ‘Video’ field. If you don’t want your video to be publicly accessible on YouTube, simply set it as ‘Unlisted’.

Conclusion

Adding a product video to your WooCommerce store using Elementor and ACF is not that hard. So, go ahead and give it a try. We promise, it’s easier than it looks!