In this article, you’ll learn how to embed Vimmi shoppable videos into your WordPress website built with Elementor.
By the end, you’ll be able to display interactive video widgets (Solo Video, Video Mall, Carousel) directly on your Elementor pages — helping visitors explore and shop products faster.
Main Steps
Upload a video → How to Upload a New Video
Make your video shoppable → How to Make a Video Shoppable
Get your embed code → How to Get Your Embed Code
Add your Website Destination
Paste the code into Elementor and publish.
Prerequisites
A WordPress website with Elementor installed and active.
Access to the Vimmi Console.
At least one uploaded video → How to upload a new video
An embed already configured in Vimmi → How to get your embed code
Your website domain added to Website Destinations
1. Open your page in Elementor
Go to your WordPress dashboard.
Choose the page you want to edit.
Click Edit with Elementor.
2. Add an HTML widget
In the left Elementor panel, search for HTML.
Drag the HTML widget into the section where you want the Vimmi player to appear.
Consider adding it inside a dedicated container/column for better responsive layout.
3. Copy your Vimmi embed code
In your Vimmi Console → Embed Management, click Create Embed or open an existing one. See How to get your embed code in Vimmi for a detailed walkthrough.
Click Crate Embed or select the embed you want
Click Embed code and copy the snippet.
4. Add your Website Destination
Before pasting the code, make sure your site domain is whitelisted:
In Vimmi Console → Embed Management, open your chosen embed.
Find the Website destination field.
Add your site URL (e.g.,
https://www.example.com) and click +.Click Save to apply changes.
Add your Website Destination
5. Paste embed code into Elementor
In Elementor, click into the HTML widget box.
Paste the code (both the
<script>tag and the<vimmi-watch-player-widget …>tag).Click Update/Publish to save your changes.
Open the live page to confirm the player renders.
🎉 That’s it!
Your Vimmi Video Player will now appear on your Elementor page.
Verify it works
Open the published page (preferably in incognito).
Confirm the player loads and plays.
If overlays or products are attached, make sure they display correctly.
Troubleshooting
Nothing shows up?
Did you paste both
<script>and widget tags? → How to get your embed code in Vimmi.Is your domain whitelisted?
Did you click Publish in Elementor?
Widget breaks layout
Place the HTML widget inside a container with padding/margins.
Adjust width/height in Vimmi embed config.
Multiple widgets on one page
Insert the
<script>only once. Add multiple<vimmi-watch-player-widget>tags for each placement.
FAQ
Can I use multiple Vimmi widgets on the same Elementor page?
Yes — include the script once, then add multiple widget tags in different HTML widgets.Can I style the widget in Elementor?
The internal player styles are isolated (Shadow DOM). Style the container or surrounding section.Do I need to re‑paste code if I edit the embed in Vimmi?
No — changes update automatically once you save in Vimmi Console.